أساسيات يجب أن تعرفها قبل أن تبدأ التنسيق بلغة
HTML5
أن اعلم أن :
- البرنامج المستخدم لتنسيق الصفحة
هو محرر نصوص مثل: المفكرة .
- أن أحفظ أساسيات لغة الهتميل قبل
تنسيق أي صفحة (الكود الأساسي) .
- أن الوسوم لا تظهر في صفحة الويب
فهي للتنسيق فقط .
- أن أعرف أن الصيغة التي نحفظ بها
الملف الذي نسقنا به هي .html
أو .htm ويجب أن نحفظ العمل
باللغة الإنجليزية .
- أن أعرف
كيف أرى نتيجة عملي النهائية وذلك بفتح الملف فيظهر على شكل صفحة ويب.
ماذا تفعل حين ترغب برسم لوحة ما !
حتما ستجهز اللوحة , والألوان , والفرشاة . هذه أساسيات العمل قبل الخوض في الرسم
, والتنسيق والتجميل .
إذا أردت أن تصمم صفحة إنترنت
باستخدام لغة هتمل 5 فإن الأدوات التي يجب أن تجهزها هي :
- محرر نصوص مناسب لكتابة الوسوم
وهو برنامج المفكرة.
- أن تكتب الوسوم الأساسية (الكود الأساسي). على
فكرة هذه الوسوم هي القاعدة الأساسية . أي إنها ليست إختيارية بل إجبارية .
فلا يمكنك أن تبني المنزل دون
قواعد.
هل ستظهر الوسوم على صفحة الانتنرنت
التي أصممها ؟ لا , فهي للتنسيق فقط.
حسناّ ما هي هذه الوسوم الأساسية
التي تعبر كقواعد بناء المنزل ^_^ ؟
<html>
<head> </head>
<body>
</body>
</html>
دعنا نتحدث ونحلل هذه الوسوم :
كل وسم من هذه الوسوم له فتح وإغلاق
, فأكيد وسم الفتح يُكتب في البداية , ووسم الإغلاق في النهاية.
<html>
الوسم الذي باللون الأحمر يشير إلى
بداية ونهاية الشفرة هتمل . فالنهاية نستخدم لها وسم إغلاق</html> ووسم
الإغلاق داخله شرطة مائلة .
<head>
هذا الوسم
يشير إلى الرأس , بالتحديد شريط المتصفح .
<body>
أهااا !
هذا اهمهم فهو الذي بداخله كل ما تريد إظهاره على صفحة الإنترنت.
لكن لحظة !
أفضل أن تظيف وسمين كقواعد أساسية وهما:
<title> </title>وسم
ووسم <h1> </h1>
ما هذين
الوسمين ؟ وأين أكتبهما ؟
هذين
الوسمين يعبران عن العناوين . (إذا ما الفرق بينهما؟) .
لكتابة العنوان الذي سيظهر على شريط المتصفح.<title>أن
فهو يستخدم للعنوان
الذي بداخل الصفحة .<h1>أما
انتظر !
ماذا يعني رقم واحد الذي بجوار حرف h
الرقم هو
لقياس الخط , فرقم واحد هو الأكبر , أما 2 يصغر وهكذا .
المهم : وبعد أن ذهبت لفتح الصفحة
بمتصفح إكسبلورر فإن النتيجة هي:
صفحة بيضاء فارغة تماما ^_^ لماذا ؟
لاني لم أضيف أي نص لأريكم أن الوسوم لا تظهر على صفحات الانترنت فهي مخفية نستطيع
ان نسميها (خلف الكواليس) أما الخرج : فلا يوجد خرج لحد الآن .
على فكرة ! بإمكانك تترك المفكرة
مفتوحة حتى وانت تشاهد التغيرات التي تحصل على صفحة الانترنت وفي كل مرة تغير
تنسيقك على المفكرة تضغط زر تحديث الدخول على الصفحة فقط لمشاهدة التحديثات.
احفظ عملك على المفكرة ثم حدثه على
إكسبلورر .
ليست هناك تعليقات:
إرسال تعليق