لغة HTML (هي اختصار الى Language Markup Text Hyper) وهي ليست لغة برمجة وإنما هي لغة ترميز تستخدم في إنشاء وتصميم صفحات الأنترنت وتعتبر من اقدم اللغات وأوسعها استخدما في المواقع وتستخدم في HTML ( وسوم أو tags ( لصدار التعليمات إلى المتصفح ) .
و CSS هي اختصار إلى (Sheets Style Cascading) هي “ليست لغه برمجه” ولكنها تقنية تهتم بتحديد شكل وتصميم المواقع ، وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم فى الصفحات ، بمرونة وسهولة تامه .
يتكون الكتاب من ثلاث أجزاء
محتويات الكتاب
الفصل الاول : الاساسيات
- ماهي HTML
- الأدوات المطلوبة لبناء صفحات الإنترنت
- Document Structure Tags وسوم هيكل المستند
- Attributes Tags خصائص الوسوم
- التعليقات في HTML
الفصل الثاني : الخطوط والألوان
- الألوان
- ملخص الألوان في HTML ممثلة بالطريقتين
- ملخص الوان الخلفيات في HTML
- الوسم body
- الوسم br
- الأوسمة <h1><h2><h3><h4><h5><h6>
- لوسم <font>
- الوسم <b>
- الوسم <i>
- الوسم <u>
- <strong> الوسم
- الوسم <em>
- الوسم <sup>
- الوسم <sub>
- الوسم <big>
- الوسم<small>
- الوسم<strike>
- الوسم <s>
- الوسم <tt>
الفصل الثالث : الفقرات والقوائم
- الفقرات
- الوسم<p>
- الوسم <blockquote>
- الوسم <pre>
- الوسم<center>
- القوائم
- الوسم<ol>
- الوسم <li>
- الوسم <ul>
- قوائم التعريفات
- الوسم<dt>
- الوسم <dd>
- الوسم <dl>
الفصل الرابع : وسوم الويب
- الروابط
- خرائط الصور
- تقسيم الويب
- الفصل الخامس الجداول
- الفصل السادس الإطارات
- الفصل السابع النماذج
- الفصل الثامن الميتا والرموز
الفصل التاسع css
- ماهي CSS
- ماهي فوائد)(CSS
- طرق تعريف ت (CSS داخل الصفحات
- الوسم ><link
- طريقة تحديد CSS
- خصائص CSS
- background
- color
- Text
- Font
- links
- list
- border
- table
- margin
- padding
- display & visibility
- Position & z-index
- float & clear
مؤلف الكتاب
محمد عواد
صيغة الكتاب
لمن هذا الكتاب؟
- مبتدئ تمامًا يريد فهم بنية صفحة الويب والوسوم الأساسية قبل أي لغة أخرى.
- من يريد مراجعة سريعة لخصائص CSS الأساسية مثل الهوامش والحدود والتموضع والطفو.
- من ينوي إكمال سلسلة مملكة تصميم المواقع بأجزائها الثلاثة بالترتيب.
ما الذي تغيّر منذ كتابة الكتاب؟
جزء كبير من الفصل الثاني والثالث يشرح وسومًا أُلغيت رسميًا في HTML5 ولم تعد مستخدمة في المواقع الحديثة، وهي: font و center و big و strike و tt، وكذلك الإطارات frameset. المتصفحات ما زالت تعرض بعضها، لكن الصواب اليوم أن يتم الشكل كله بـ CSS: حجم الخط ولونه بالخاصيتين font-size و color، والتوسيط بـ text-align أو Flexbox.
الوسوم strong و em و sup و sub والفقرات والقوائم والجداول والنماذج والروابط ما زالت صحيحة كما هي. وفصل CSS في نهاية الكتاب يغطي الأساس، لكنه لا يشمل أدوات التخطيط الحديثة Flexbox و Grid، فاجعلها خطوتك التالية بدل الاعتماد على float في بناء الصفحات.
كيف تذاكر الكتاب بأفضل طريقة
اكتب كل مثال بيدك في محرر مثل Visual Studio Code وافتحه في المتصفح، ولا تكتفِ بالقراءة. عند كل وسم قديم ابحث عن البديل الحديث واكتب الاثنين بجوار بعض لترى الفرق. بعد الفصل السابع (النماذج) صمّم صفحة تعريفية شخصية فيها عنوان وقائمة وجدول ونموذج تواصل، ثم نسّقها بالكامل بملف CSS خارجي بعد إنهاء الفصل التاسع.
أسئلة شائعة
هل يكفي هذا الجزء لبناء موقع؟
يكفي لبناء صفحات ثابتة بسيطة، أما التصميم المتجاوب مع الجوال والتخطيط الحديث فيحتاج إلى تعلم Flexbox و Grid و Media Queries.
هل أقرأ الأجزاء الثلاثة بالترتيب؟
نعم، فهذا الجزء يضع الأساس الذي تبني عليه الأجزاء التالية، ومن الأفضل أن تنهي تمارينه وتبني صفحة كاملة بنفسك قبل الانتقال إلى الجزء الثاني.
اقرأ أيضاً
- كتاب مملكة تصميم المواقع HTML,CSS بالعربي PDF الجزء الثاني
- كتاب مملكة تصميم المواقع HTML,CSS بالعربي PDF الجزء الثالث
- كتاب تعلم لغة CSS من الصفر للإحتراف باللغة العربية PDF
- ماهي لغة CSS وأهميتها و أساسيات تعلمها|الدرس الأول
لتحميل الكتاب
تحميل كتاب مملكة تصميم المواقع HTML,CSS بالعربي PDF الجزء الثاني
تحميل كتاب مملكة تصميم المواقع HTML,CSS بالعربي PDF الجزء الثالث
