|
بسم الله الرحمـن الرحيم
السلام عليكم و رحمة الله و بركاته
اخواني أعضاء و زوار المُنتديات بالأخص مُنتديات الكمبيوتر،
بعد طرح الموضوع الأول والثاني من فهرسنا:
نواصل العمل فهذا الموضوع السريع كفاصل إشهاري،
حيث أنني على يقين أن مُعظمكم قام بتنصيب Google Chrome سابقا،
للتذكير، الدورة تحتوي على 10 مواضيع على النحو الآتي:
على بركة الله نبدأ بفتح vs-code ونقوم بتحميل
extension جديد، سنستخدمه طوال الدرس
بعد التثبيت نفتح مجلد عمل جديد
فقط ندخل للمسار (داخل المجلد) ونضغط Select Folder
مهم أن يكون تمديد - extension الملف: html
وأيضا لا يوجد شرط على الاسم، لكن العديد من servers
لـ hosting مواقع static (اسألوني في الردود كبرهان
لقراءة الموضوع معنى موقع ستاتيك)
الكثير من هذه السيرفيرات تختار ملف باسم
index.html على أساس أنه الملف الأساسي للموقع.
داخل مجلد العمل، قبل البدأ في الـ coding نقوم بفتح
Show Preview لكي نرى التغيرات live على الملف الذي نعمل عليه
يُفترض أن تروا النتيجة الآتية
يمكن التطلع على الخاصية كما تريدون،
فقط تذكروا حفظ الملف مع كل تغيير
لنبدأ مع الأمور الجدية، ولربح الوقت؛
نبدأ بشيء يُسمى boilerplate لا يهم هذا الاسم،
كل ما تحتاجون معرفته هو أن هذه الخاصية،
تقوم بكتابة كل ما نحتاجه لبدأ العمل،
وتربح لنا الكثير من الوقت
هذه تكون النتيجة،
الأجزاء <meta> غير مهمة كثيرا، يمكن حذفها إن أردتم.
الصورة واضحة، لكن من عادتمنا التعليق على الصورة،
داخل الجزء <head> .يمكن إضافة ملف الستايل. </head>
هذا سيكون الموضوع القادم بحول الله
أما الجزء body فهو للمحتوى..
أهم خاصية هي division ونقوم بإضافتها بالشكل الآتي
العودة داخل السطر لا تعتبر عودة للسطر في النتيجة،
هناك طُرق أخرى للعودة للسطر، لكن هنا أريد إظهار
خاصية division التي أضفت منها 4
هي بمثابة علبة يمكن كتابة ما نريد بداخلها،
يمكن أيضا إضافة div داخل div
وستكون العلاقة بينهما parent & child
أب و إبن...
الـ div الأربعة التي أضفتها، لها علاقة siblings
أي علاقة إخوة...
هذه المعلومات سنحتاجها في الدرس القادم لما نتعلم css
هنا أضفت بعض الستايلات - styles
(فليساعدني أحدكم لترجمة الكلمة الصحيحة)
ليس بالشيء الكثير، فقط خلفية خضراء مصفرّة للـdiv الأول
وخلفية حمراء للـdiv الثاني
نختم موضوعنا بكلام الله:
سورة العنكبوت - الآية 43 ( وَمَا يَعْقِلُهَا إِلا الْعَالِمُونَ )
لأيّة استفسارات لا تترددوا في السؤال في الردود،
هذا الدرس سنتعمق فيه أكثر بشروحات مُلحقة.
في أمان الله
|
حكمة الموضوع:
"من يبحث عن الجذوع لا يُجزؤه القصو وإن كثر"
من ميراث الأستاذ مصطفى (فيلسوف المُنتدى) | | | 
