|
|
 |
|
جميل نت
>>
تعليم ودورات
>>
دورة مبسطة html |
|
دورة مبسطة عن لغة الترميز النصية html |
|
أهلاً بك في هذا الدرس والذي سنتعلم فيه مبادىء هذه اللغة والتي لايمكن بأي حال من الأحوال الإستغناء عنها .. حتى ولو كنت تريد أن تصنع صفحاتك بإستخدام أحد لغات برمجة الويب فستجد هذه اللغة أمامك ويجب أن تتعلمها قبل كل شيء ... إن هذه اللغة هي أسهل مما تتصور ومع ذلك فهي خدومة للغاية ومميزة لأنك يمكن أن تحتاجها في وقت وبأي لغة لغة برمجة كانت , والآن سنبدأ الدرس بل الدروس ولكن لن نقوم بشرح تاريخ هذه اللغة ونشأتها لأنني لا أعتقد أن ذلك ذا أهميه بل المهم أن تستوعب هذه الدروس . سنقوم بوضع أكواد لهذه اللغة ولن نتعمق كثيراً وكل كود قم بتجربته بنفسك لكي تتمرس على كتابته .. الكود الأول وهو الكود الذي يقع في أول الصفحة وهذا هو <html dir="rtl"> وإذا اردت أن تشاهد مثال عليه فقط إضغط على >> عرض >> المصدر , وأنظر الى أول سطر وستجده . ووضيفة هذا الكود أن يجعل الصفحة تبتدأ من اليمين الى اليسار . الكود الثاني وهو <title>جميل نت</title> وهذا الكود كما ترى في منتصفه يوجد إسم موقع ووضيفته هو أن يضع الكلمات التي يريد إضهارها في شريط أعلى المتصفح كما ترى في هذه الصفحة هذه الجمله ( جميل نت >> دروس ودورات >> دورة مبسطة في html ) إذاً تعلمنا الآن هذه الطريقة لذلك قم بتجربتها الآن . الكود الثالث وهو كود الكتابة العادية وإتجاهاتها سواءً من اليمين أو اليسار او بالمنتصف ,, لاحظ هذا الكود <p align="center">جميل نت</p> وهو لجعل الكتابة بمنتصف الصفحة قم بنسخة وتجربته وأنظر مكان الكتابة ,, وأنظر الى هذا الكود <p align="right">جميل نت</p> وهو لجعل الكتابة تبدأ من اليمين , وهذا الكود لكي تبدأ الكلام من اليسار <p align="lift">جميل نت</p> ... لقد قمنا بعرض ثلاثة أكواد لإتجاهات الكتابة . ألم تلاحظ شيئاً ؟؟ سأقول لك لاحظ أن جميع هذه الأكواد متشابهه والإختلاف فيها يكمن في الكلمة center وتعني المنتصف او المركز والكلمة right وتعني اليمين والكلمة lift وتعني اليسار :) هل علمت الآن السر ؟؟ إنه أسهل ما تتصور .. والآن الكود الثالث وهو تغيير لون خلفية الصفحة وهذا هو الكود <body bgcolor="#000000"> قم بنسخة ولصقة بصفحتك لكي ترى النتيجه ولكن أريد أن أتوقف معك قليلاً لتحليل هذا الكود خاصة وأنه يحتوي على لون وهو اللون الأسود ورمزه #000000 كما تراه في الكود وكل لون من الألوان له رمزه الخاص فاللون الأبيض مثلاً ffffff# واللون الذي نقوم بالكتابه فيه هو #0033cc وهكذا يجب أن تعلم أن لكل لون كود خاص به ويمكن أن ترى جميع شفرات الألوان في هذه الصفحه >> إذهب إليها والكود الرابع هو الكود الأكثر إستخداماً في إعتقادي وهو كود إدراج الصورة في صفحة الويب وهاهو الكود : <p><img border="0" src="http://www.jamel.8m.net/8.jpg" width="34" height="31"></p> لاحظ بأنني قمت بوضع عنوان الصورة على الإنترنت وأدرجتها في صفحتي !! الآن قم بوضع كود وقم بوضع عنوان الصورة التي تريدها وجرّب هذا الكود .. الكود الخامس هو وضع وصلة أورابط لكلمة معينه في صفحتك اي معنى لينك :) وهاهو الكود : <p><a href="http://www.jamel.8m.net">جميل نت</a></p> كما ترى لقد وضعنا كلمة جميل نت وربطناها بموقع جميل نت ! أليست طريقة سهله ؟ حسناً قم بتجربتها الآن . الكود السادس وهو إدراج الفلاش في صفحتك فإذا قمت بصنع فلاش وأرسلته الى موقعك ضع هذا الكود في صفحتك لكي يضهر الفلاش في صفحتك ومن خلال هذا الكود أيضاً تستطيع تحديد الطول والإرتفاع ويجب أن تحدد عنوان فلم الفلاش على الإنترنت كما هو موضح أمامك في هذا الكود : <p><embed width="128" height="128" src="http://www.jamel.8m.net/1.swf"></p> الكود السابع وهو إدراج خط فاصل أفقي في الصفحة وهذا هو الكود <hr color="#000000"> ولاحظ أنه يحتوي على لون يمكنك تغييره الى أي لون يعجبك . والآن انا أعلم بأنني لم أأتي إلا بالبسيط والقليل جداً فلم نتطرق الى الجداول أو تنسيقها أو تنسيق الصور أو اي شي منها ولكنني أتيت بالبدايات فقط وأنصحكم بالبحث والتعليم في هذه اللغه وتأكد بأنك ستحتاجها في تصميمك بأي لغة كانت ... والآن قد إنتهينا من هذا الدرس ونتمنى للجميع التوفيق ... جميل نت |
|
|
لحفظ هذا الدرس file > save as < |
|