بعد أن تعلمنا في الموضع السابق كيفية تصميم أول صفحة ويب لك ،وشرح مبادئ HTML language ،الآن نكمل السلسة
بصراحة مفيش تشجيع جائني عن مواصلة هذه السلسلة ،وهذا ماجعلنا أتأخر عن التدوين .
فإذا لم تعجبكم هذه السلسلة إن شاء الله لن أكمل وستكون هذه آخر تدوينة في هذه السلسة .
لأني أحرص دائماً على تقديم مايهم القارئ وليس مايهمني أنا .
دعونا نبدأ :
قلنا سابقاً أن معني سلسلة (small business from web design and development)
هو أنك ستجني المال من تصميم المواقع حيث هذه السلسلة أو course ستهيئك بإذن الله أن تكون Web designer أي مصمم مواقع محترف .
وسنتناول في هذا الـ course مايلي :
1- create a web page
2- make a website
3- web development
ملحوظة هامة جداً : يشترط لمتابعة السلسلة أن تقرأ الدرس الأول من السلسة
الجدول التالي يوضح أهم الوسوم أو "tags" التي ستستخدمها في HTML language :
جدول "وســـوم هــــامــــة
أما هذا الجدول فقط لا يقرأه إلا من يريد الإحتراف :
ايه ياعم ده إنت عايزني أحفظ كل ده ؟!!
لا إنت مش هاتحفظ حاجة إنت هاتعرف كل حاجه أول بأول ،وسيكون هذا الجدول المرجع الرئيسي لك .
يعني الأكواد دي فقط هيه لغة HTML ؟!!
لا لسه فيه جدول أكبر من الجدول ده سيكون في الدرس القادم ،انا بطمنك بس !
أرجوا أن تنال هذه السلسلة إعجابكم :
small business from web design and development
والتي فكرت في إسمها كثيراً ،فهي تدور حولweb design and development
وفي انتظار آرائكم حول هذه السلسلة من خلال التصويت الذي بالأسفل ،يمكنك التعبير عن رأيك بحرية وسوف يصلني نتيجة الإستفتاء على إيميلي الخاص،والسلام عليكم ورحمة الله وبركاته .
بصراحة مفيش تشجيع جائني عن مواصلة هذه السلسلة ،وهذا ماجعلنا أتأخر عن التدوين .
فإذا لم تعجبكم هذه السلسلة إن شاء الله لن أكمل وستكون هذه آخر تدوينة في هذه السلسة .
لأني أحرص دائماً على تقديم مايهم القارئ وليس مايهمني أنا .
دعونا نبدأ :
قلنا سابقاً أن معني سلسلة (small business from web design and development)
هو أنك ستجني المال من تصميم المواقع حيث هذه السلسلة أو course ستهيئك بإذن الله أن تكون Web designer أي مصمم مواقع محترف .
وسنتناول في هذا الـ course مايلي :
1- create a web page
2- make a website
3- web development
الجدول التالي يوضح أهم الوسوم أو "tags" التي ستستخدمها في HTML language :
جدول "وســـوم هــــامــــة
| الوسم | العمل الذي يقوم به |
| <img> | هذا الوسم هو المسؤول عن عرض الصور وهذا الوسم لايغلق |
| <a> | هذا الوسم هو المسؤول عن اضافة رابط |
| <strong> | هذا الوسم مسؤول عن جعل النص عريض |
| <span> , <p> | وسوم لكتابة النص بينهما |
| <table> , <tr> , <td> | هذه الوسوم خاصة بعمل الجداول والأعمدة والصفوف |
<h1> , <h2> ,<h3> , <h4> ,<h5> | هذه الوسوم هامة جداً ،وهي خاصة بالعناوين ،وقد تكلمنا سابقاً عن أهميتها في سلسلة البيج رانك ،وهي تختلف عن بعض في حجم النص أي أن h1 سيكون أكبر من h2 و h2 أكبر من h3 وهكذا |
| <br> | هذا الوسم هو المسؤول عن الإنتقال لسطر جديد في النص وهذا الوسم لا يغلق بل يكتب مرة واحدة فقط ،وفي xHTML والمعايير الحديثة يكتب هكذا <br /> |
| <center> | هذا الوسم هو المسؤول عن توسيط النص ،حيث كل مايكتب في هذا الوسم حتى إغلاقه يظهر في وسط الصفحة ،ويغلق هكذا </center> |
أما هذا الجدول فقط لا يقرأه إلا من يريد الإحتراف :
| الوسم | العمل الذي يقوم به |
| Basic Tags | وسوم رئيسية |
| <html></html> | لإنشاء صفحة ويب جديدة |
<head></head> | لإنشاء العنوان ووصف الموقع ومعلومات أخرى |
<body></body> | لعمل محتوى أو جسم الموقع |
| Header Tags | وسوم الهيدر |
<title></title> | يوضع بينهما العنوان |
| Body Attributes | خصائص المحتوى |
<body bgcolor=?> | يحدد لون الخلفية عن طريق وضع كود اللون مكان علامة الإستفهام |
<body text=?> | يحدد لون النص |
<body link=?> | يحدد لون الرابط |
<body vlink=?> | يحدد لون الروابط التالية |
<body alink=?> | يحدد لون الإرتباطات عند الضغط عليها |
| Text Tags | وسوم النصوص |
<pre></pre> | لعمل نص منسق |
<hl></hl> | عمل عنوان كبير |
<h6></h6> | عمل عنوان صغير |
<b></b> | لعمل نص سميك |
<i></i> | لعمل نص مائل |
<tt></tt> | لعمل استايل النص |
<cite></cite> | لعمل اقتباس ،وعادة يكون مائل |
<em></em> | لعمل إظهار للكلمات أو يجعلها سميكة |
<strong></strong> | يكبر الخط |
<font size=?></font> | يحدد حجم الخط من 1 إلى 7 |
<font color=?></font> | يحدد لون الخط عن طريق إدراج كود اللون |
| Links | الروابط |
<a href="URL"></a> | إنشاء ارتباط تشعبي |
<a href="mailto:EMAIL"></a> | إنشاء ارتباط العنوان |
<a name="NAME"></a> | لتحديد المكان المستهدف |
<a href="#NAME"></a> | وصلات لهذا الموقع من أماكن أخرى |
لا إنت مش هاتحفظ حاجة إنت هاتعرف كل حاجه أول بأول ،وسيكون هذا الجدول المرجع الرئيسي لك .
يعني الأكواد دي فقط هيه لغة HTML ؟!!
لا لسه فيه جدول أكبر من الجدول ده سيكون في الدرس القادم ،انا بطمنك بس !
أرجوا أن تنال هذه السلسلة إعجابكم :
small business from web design and development
والتي فكرت في إسمها كثيراً ،فهي تدور حولweb design and development
وفي انتظار آرائكم حول هذه السلسلة من خلال التصويت الذي بالأسفل ،يمكنك التعبير عن رأيك بحرية وسوف يصلني نتيجة الإستفتاء على إيميلي الخاص،والسلام عليكم ورحمة الله وبركاته .
0 التعليقات:
إرسال تعليق