دورة تصميم قوالب بلوجر 2021 الدرس 1 اهم الاساسيات ولمحة عن HTML قسم 1

دورة تصميم قالب بلوجر


السلام عليكم والصلاة والسلام على محمد وال محمد
رح نبدأ ان شاء الله بدورة لتصميم قالب بلوجر من الصفر الى الاحتراف ولكن قبل البدأ بتصميم اي قالب لبلوجر مطلوب 
لغات برمجة من الضروري معرفتها قبل البدأ

مقدمة هامة عن الغات المستخمة

  • الـ Html
هي اسهل لغة تسطيع المتصفحات فهمها والتعامل معها وهي الهيكل الرئيسي لاي صفحة انترنت
  • الـ Css
هي المسؤلة عن الستايل اي الاولوان والترتيب والاتجاه وتنسيق صفحة الانترنت
  • الـ JavaScript والـ jQuery
مسؤلات عن الاحداث التي تحدث بصفحة الانترنت كـ الازرار والقوائم وغيرها وتستخدم للجلب والتصدير من والى قواعد البيانات

غير مطلوب احتراف اللغات 100% ولكن من الضروري المعرفة ولو المبدئية

الان يجيب ان نتعلم التعامل مع اللغات السابقة وطريقة كتابة وفهم اكواد كل لغة

لمحة عن الـ Html 

*تتكون من:
  1. tag اي وسم وتكون كتابات الوسوم بالشكل التالي <tag>...</tag>
  2. id اي معرف خاص ويكتب بداخل الوسم بالشكل التالي <tag id="....">.....</tag>
  3. class اي معرف عام ويكتب بداخل الوسم بالشكل التالي <tag class="....">.....</tag>
  4. style اي اعطاء شكل معين للوسم وتكتب بداخل الوسم بالشكل التالي <tag style="....">.....</tag>
*ويكون تقسيم هيلكة الموقع بلغة الـ Html بالشكل التالي
  1. الهيكل العام وهو الي يضم الهيد وجسم الصفحة ويكون وسم الهيكل العام بالشكل التالي <html>....</html>
  2. الهيد head ويكون وسم الهيد بالشكل التالي <head>....</head> وهو رأس الصفحة غير ظاهر للمستخدم او الزائر ولكن يضم اكواد الميتا المسؤولة عن طريقة ظهور وارشفة الموقع في محركات البحث او مواقع التواصل الاجتماعي والتايتل المسؤول عن عرض اسم الموقع او الصفحة وايضا اكواد الـ Css المسؤولة كما ذكرنا سابقا عن ستايل الموقع اي الشكل الالوان والترتيب واحيانا اكواد للـ Java script او للـ jQuery وايضا بالنسبة لبلوجر يضم الـ b:defaultmarkups اي اكواد لاضافة بينات افتراضية ثاتبة يتم تمريرها لاي قسم تريد بالقالب
  3. البدي body ويكون وسم البدي بالشكل التالي <body>...</body> وهو جسم الصفحة وهو الذي يظهر عند فتح اي صفحة انترنت ويضم اقسام القالب وهي الـ header اي رأس الصفحة الظاهر للمستخدم في بداية اعلا الصفحة ويضم الهيدر الـ nav وهي القائمة الرئيسية ثم اسفل الهيدر يكون الـ Side Bar اي الشريط الجانبي والـ Main اي القسم الرئيسية للمحتوى ثم بالنهاية يكون الـ Footer اي تذييل الصفحة

يفضل مشاهدة الفيديو لتكون الصورة اوضح ويكون الشرح افضل



والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
  • بريد
author-img
Ahmad Wael

عدد المقالات:

شاهد ايضا × +
إظهار التعليقات
  • تعليق عادي
  • تعليق متطور
  • عن طريق المحرر بالاسفل يمكنك اضافة تعليق متطور كتعليق بصورة او فيديو يوتيوب او كود او اقتباس فقط قم بادخال الكود او النص للاقتباس او رابط صورة او فيديو يوتيوب ثم اضغط على الزر بالاسفل للتحويل قم بنسخ النتيجة واستخدمها للتعليق

X
ستحذف المقالات المحفوظة في المفضلة ، إذا تم تنظيف ذاكرة التخزين المؤقت للمتصفح أو إذا دخلت من متصفح آخر أو في وضع التصفح المتخفي