الدرس الثانى: إنشاء صفحة ويب.
· إنشاء صفحة ويب.
تمتاز لغة html بـأنها لا تحتاج الى برنامج محدد للعمل على
إنشاء صفحات الويب حيث لا تحتاج الى مترجم ولكن يتم عرض الصفحات بأستخدام اى متصفح
ويب { جوجل كروم – فيرفوكس – اوبرا – إنترنت إكسبلورر } يمكن إستخدام برنامج محرر
نصوص كالـ notepad او اى محرر نصوص آخر ولكن يجب حفظ الصفحة
بأمتداد .html او .htm بعد الحفظ
قم بفتح الصفحة بالضغط عليه لأستعراض ما قمت بإنشائه على المتصفح. يمكن إستخدام
اكثر من متصفح لعرض الموقع حيث تختلف المتصفحات فى طريقة العرض.
· المكون الاساسى
لصفحة الويب.
يوجد مجموعة
وسوم أساسية لابد ان تكون متوفرة فى صفحة الويب و هى وسم html و وسم head و وسم title و
وسم body.
ويتم وضعه بهذا
الشكل:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sample Page</title>
</head>
<body>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
</html>
الشرح:
· صفحة الويب تبدأ
بالوسم <html> وتنتهى بوسم الأغلاق </html>.
· وسم <head> يحتوى على بيانات الصفحة مثل الوصف والعنوان والكلمات الدلالية
وبيانات مالك الموقع او المؤلف وروابط الاستايل او الجافا سكربت او جى كويرى
ومحتوى لايظهر على الصفحة ولا يراه الزائر.
· وسم <title> يحتوى على أسم الصفحة – العنوان – و الذى يظهر أسم الصفحة على
المتصفح او موقع البحث.
· وسم <body> ويضم كل محتويات الصفحة كالنصوص و الروابط والصور والجداول ويتمكن
الزائر من مشاهدة جميع محتوياته.
ملاحظات: قبل ان نبدأ تذكر ان لافرق بين الحروف الصغيرة lowercase او الكبيرة UPPERCASE فى كتابة الوسم فالوسم <b> هو نفسه <B> وايضاً لايتم قرأة المسافات ولا السطور
الجديدة بضغط enter ولا الفقرات حيث يتم أستخدام وسوم خاصة
لتنفيذ هذة المهام كالوسم <br/> لعمل سطر جديد او الوسم <p>….</p> ويستخدم مع الفقرات. و نستخدم لعمل فرغات.
الدرس الثانى: إنشاء صفحة ويب.
Reviewed by ahmed gawish
on
7:03 ص
Rating:
Reviewed by ahmed gawish
on
7:03 ص
Rating:
ليست هناك تعليقات: