تعلم لغة الـ HTML لتصميم المواقع

ما هي لغه الHTML ؟

إنها اللغة المستخدمة لإنشاء صفحات الإنترنت. (والكلمة إختصار لـ Hyper Text Markup Language). وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة الأخرى كلغة C و++C .
و الـ Hyper Text هي الطريقة الخاصة بالتحرك علي صفحات الأنترنت بالضغط علي نص معين يدعي (Hyperlinks ) و هي وسيله للتنقل لأي مكان في شبكة الإنترنت عن طريق الضغط علي الوصلات ( الإرتباطات التشعبيه ) LINKS و تعتمد علي ماذا داخل الأوسمة (TAGS) بمعني أنها تحتوي علي أكواد كأي لغة أخري .

كيف تعمل هذه اللغه ؟

تتكون اللغه من سلسله أو مجموعه من الأكواد تكتب في ملف نصي ثم تحفظ بإمتداد HTM , HTML تعرض بواسطة مستعرضات الإنترنت Internet Explorer أو Netscape Navigator و هذي المستعرضات تترجم الأكواد إلي ماتراه علي الصفحات و هذه الأكواد تبدأ بما يسمي أوسمة TAGS و تكتب من اليسار إلي اليمين

مثلا
اذا كتبنا
كود HTML:

السلام عليكم

الوسم [b]يستخدم لكتابة الكلمات بخط عريض Bold اذا كلمه السلام عليكم سوف تظهر بالمتصفح
هكذا

[color:177a=#000000:177a]السلام عليكم

لكي نقوم بكتابه الاوسمه وتصميم الموقع نحن بحاجه الى ورقه او دفتر اليس كذالك وهذا الدفتر او الورقه موجود داخل كل كومبيوتر تحت اسم Notepad :

[/size][/center]

طبعا جميعنا نعلم بان هنالك الكتير من البرامج التي تساعد على تصميم
الموقع بصوره احترافيه .

[color=#000000]

[color:177a=darkorange:177a]الدرس الاول: الأساسيات

أهلاً وسهلاً بك إلى الدرس الأول من دروس سوف أقوم في هذا الدرس بسرد الوسوم الأساسية لصفحة الويب ومناقشتها معك واحداً تلو الآخر. لنصل في النهاية إلى إنشاء صفحة ويب بسيطة.

]وسم البداية

وسم النهاية يجب علينا الانتباه عند كتابتنا لهذه الاوسم بان لا ننسي اي علامه فاذا نسيت علامه واحده سوف تحصل على خطاء بالصفحه, مثلا كتبت

Wow I'm writing my first wedpage

والآن قم بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في أسماء ملفات HTML هو مثلاً أنا اخترت الاسم myweb.htm ومن الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك فهذا يسهل عليك عملية استرجاعها للعرض أو التحديث وليكن هذا المجلد مثلاً بالاسم size=16]C:\htmfiles] (أو بأي اسم يحلو لك).
حان وقت العرض، لكي نشاهد نتيجة ما كتبناه. قم بتشغيل متصفح الإنترنت الذي تستخدمه. فإذا كان Netscape Navigator اختر الأمر Open File… من قائمة File. أما في MS Internet Explorer فاختر الأمر Open… من قائمة File. ثم حدد المسار الذي يوجد به الملف. أنا شخصياً قمت بتحديد المسار التالي:

[C:\htmfiles\myweb.htm

او بالضغط على الملف مرتين متتاليتين فسوف يفتح ماف التصفح
. وهذا ما حصلت عليه:
تعلم لغة الـ HTML لتصميم المواقع Htm3

مبروك لقد قمت بإنشاء أول صفحة ويب خاصة بك

والآن قد تتساءل، إذن كيف يمكن التحكم بمقدار النص المكتوب في كل سطر وكيف يمكن تحديد نهاية الفقرة وبداية الفقرة التي تليها؟ سؤال وجيه!!! والإجابة عليه هي:
[right]سوف نستخدم الوسم
لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي

Wow I'm writing my first wedpage color]

merci

شكرا كثيرا...

شكرا كثيرا