لغة (Html) تحتوي هذه اللغة على ثلاث مصطلحات
الوسام (Tag)
|
العنصر(Element).
|
التوصيف (attribute)
|
هو عبارة عن أمر نصي يتم وضعه بين علامتي أكبر من وأصغر من
<TAG>
|
هو عبارة عن وسام يأتي بعده نص
<Tag>text</tag>
سنلاحظ هنا أن
العنصر فتحناه بوسام وأغلقناه بنفس الوسام مع وضع شرطة مائلة في الوسام الثاني.
|
وهذا المصطلح يختص وصف الأوامر وتوضيح خصائص الأوسمة ومثال على ذلك
<tag
id= “My name”></tag>
سنلاحظ هنا أن هناك وصف لأحد خصائص الوسام وهو (id) وهذا الوصف يحتوي على عنوان خاص به وهو (My name)
|
قواع كتابة
الأوسمة (Tags):
1- لكل وسام بداية ونهاية.
2- كل وسام من الممكن أن يحتوي بداخله وسام آخر أو أكثر.
3- كل وسام له توصيف (Attribute) يحتوي على (ID) يكون هذا الـ (ID) مميز ولا يتكرر داخل الصفحة مرة أخرى.
4- أي موقع على الإطلاق لابد ون أن يحتوي على ثلاثة أوسمة أساسية؛
<html>
</html>
|
<head> </head>
|
<body> </body>
|
يكون الوسام الأول بمثابة الأب الذي يكون بداخله
بقية الأوسمة الأخرى بهذا الشكل
<html>
<head> </head>
<body> </body>
</html>
وأي صفحة يكون فيها وسام واحد فقط من هذه
الأوسمة فهي لا تتكرر
|
||
ماذا أحتاج
لبداية موقع إلكتروني؟
في الحقيقة
لن نحتاج إلا لبرنامج بسيط جدًا لمن يعملون على نظام ويندوز وهو (Notebad ++) ويمكنك الانتقال إلى الموقع لتنصيب البرنامج من هنا أو برنامج (Sublime) لمن يستخدمون نظام ماك ويمكنك الانتقال إلى الموقع
لتنصيب البرنامج من هنا، وكلها برامج
مجانية لا تكلفنا شئ.
أول موقع
نقوم بكتابته.
في البداية
سوف نضع الأوسمة الأساسية التي تعلمناها سابقًا بهذا الشكل
<html>
<head>
</head>
<body>
</body>
</html>
كما قلنا سابقًا أن أي موقع إلكتروني لابد وأن يحتوي على الأوسمة الأساسية
السابقة.
لحفظ الملف من قائمة الملفات (File) نختار (Save) وسيظهر لنا صندوق حواري
نستطيع منه أن نسمي ما نريد من تسمية ولكن يجب أن يكون في نهاية الاسم الامتداد
الخاص بصفحات المواقع وهو(.html) مثل أن يكون (First.html) ثم نوافق.
سنلاحظ أن البرنامج تنبه لهذا الأمر وتغيير لون الكتابة كما أنه جمع كل
وسام وربطه ببعض فإذا ضغط على بداية الوسام فسوف يشير إلى نهاية الوسام، ولاحظ
أننا نتعامل مع برنامج (Notebad++).
إذهب إلى المكان الذي حفظت فيه الموقع وافتح الملف الذي قمت بحفظه فسوف
يفتح على البرنامج المستخدم للتصفح، الآن أمامك موقع ولكنه فارغ، لماذا؟؟؟ لأننا
الآن وضعنا الهيكل العام الذي سوف نستخدمه لتصميم الموقع، ولهذا سوف نعود إلى
برنامج (Notebad++) ونبدأ في الإضافة.
داخل الوسام (body)
سوف نكتب أي نص نريده
<html>
<head>
</head>
<body>
بسم الله الرحمن الرحيم
</body>
</html>
الآن سوف
نحفظ ما كتب ثم نعود إلى الصفحة ونفتحها ليظهر لك أول جملة قمت بكتابتها وهي
"بسم الله الرحمن الرحيم".
ليست هناك تعليقات:
إرسال تعليق