دورة تصميم قوالب بلوجر 2021 الدرس 1 اهم الاساسيات ولمحة عن HTML قسم 1
+حجم الخط-
السلام عليكم والصلاة والسلام على محمد وال محمد
رح نبدأ ان شاء الله بدورة لتصميم قالب بلوجر من الصفر الى الاحتراف ولكن قبل البدأ بتصميم اي قالب لبلوجر مطلوب
لغات برمجة من الضروري معرفتها قبل البدأ
مقدمة هامة عن الغات المستخمة
- الـ Html
- الـ Css
- الـ JavaScript والـ jQuery
مسؤلات عن الاحداث التي تحدث بصفحة الانترنت كـ الازرار والقوائم وغيرها وتستخدم للجلب والتصدير من والى قواعد البيانات
غير مطلوب احتراف اللغات 100% ولكن من الضروري المعرفة ولو المبدئية
الان يجيب ان نتعلم التعامل مع اللغات السابقة وطريقة كتابة وفهم اكواد كل لغة
لمحة عن الـ Html
*تتكون من:
- tag اي وسم وتكون كتابات الوسوم بالشكل التالي <tag>...</tag>
- id اي معرف خاص ويكتب بداخل الوسم بالشكل التالي <tag id="....">.....</tag>
- class اي معرف عام ويكتب بداخل الوسم بالشكل التالي <tag class="....">.....</tag>
- style اي اعطاء شكل معين للوسم وتكتب بداخل الوسم بالشكل التالي <tag style="....">.....</tag>
*ويكون تقسيم هيلكة الموقع بلغة الـ Html بالشكل التالي
- الهيكل العام وهو الي يضم الهيد وجسم الصفحة ويكون وسم الهيكل العام بالشكل التالي <html>....</html>
- الهيد head ويكون وسم الهيد بالشكل التالي <head>....</head> وهو رأس الصفحة غير ظاهر للمستخدم او الزائر ولكن يضم اكواد الميتا المسؤولة عن طريقة ظهور وارشفة الموقع في محركات البحث او مواقع التواصل الاجتماعي والتايتل المسؤول عن عرض اسم الموقع او الصفحة وايضا اكواد الـ Css المسؤولة كما ذكرنا سابقا عن ستايل الموقع اي الشكل الالوان والترتيب واحيانا اكواد للـ Java script او للـ jQuery وايضا بالنسبة لبلوجر يضم الـ b:defaultmarkups اي اكواد لاضافة بينات افتراضية ثاتبة يتم تمريرها لاي قسم تريد بالقالب
- البدي body ويكون وسم البدي بالشكل التالي <body>...</body> وهو جسم الصفحة وهو الذي يظهر عند فتح اي صفحة انترنت ويضم اقسام القالب وهي الـ header اي رأس الصفحة الظاهر للمستخدم في بداية اعلا الصفحة ويضم الهيدر الـ nav وهي القائمة الرئيسية ثم اسفل الهيدر يكون الـ Side Bar اي الشريط الجانبي والـ Main اي القسم الرئيسية للمحتوى ثم بالنهاية يكون الـ Footer اي تذييل الصفحة
يفضل مشاهدة الفيديو لتكون الصورة اوضح ويكون الشرح افضل
والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك
Ahmad Wael
عدد المقالات:
شاهد ايضا
×
−
+
مواضيع ذات صلة
محتويات المقال
إخفاء
تعليقات: (0) إضافة تعليق