1
أخطط لملفات مشروعي ذي الصفحتين
ICT Prep 2 Term 1, Unit 2, Lesson 3: pp. 68–74
الهدفأخطّط المجلد والملفات الثلاثة لمشروع نادٍ من صفحتين.
كلمات جديدة
المجلد · مكان يضمّ الملفات معًانوع الملف · نهاية اسم الملف مثل .html أو .css وتدلّ على ما هو الملفالمحرّر النصي · برنامج بسيط لكتابة النص العادي والشيفرةالمشروع · عمل مخطَّط له من البداية إلى النهاية
الشرح
نخطّط هذا الأسبوع لمشروع صغير من صفحتي ويب لنادٍ علمي مدرسي مخترَع اسمه نادي الروبوتات (مثال). والصفحتان هما «عن النادي» و«فعاليات النادي». ولا نستخدم أبدًا عنوانًا حقيقيًّا ولا رقم هاتف ولا بريدًا إلكترونيًّا ولا صورة لأي شخص: كل شيء مخترَع. ويبدأ المشروع بخطة على الورق. اصنع مجلدًا واحدًا للمشروع، وفيه ثلاثة ملفات. الصفحة الأولى ملف ينتهي بـ .html. والصفحة الثانية ملف .html آخر. والملف الثالث ينتهي بـ .css ويضمّ مظهر الصفحتين كما تعلّمت في الأسبوع الماضي. وأسماء الملفات قصيرة بحروف صغيرة وبلا مسافات. الخطة على الورق أولًا؛ وإذا سمح معلّمك فيمكنك أن تجرّبها لاحقًا على حاسوب في المدرسة.
| اسم الملف | نوع الملف | العمل |
|---|---|---|
| about.html | صفحة HTML | الصفحة الأولى: عن النادي |
| events.html | صفحة HTML | الصفحة الثانية: فعاليات النادي |
| style.css | ملف CSS | مظهر الصفحتين |
أمثلة محلولة
ترسم نور المجلد على الورق صندوقًا اسمه robots-club. وتكتب داخله أسماء الملفات الثلاثة مع ملاحظة صغيرة لكل منها. يفحص معلّمها: لا مسافات والنهايات صحيحة.
| الأفضل | غير الجيد |
|---|---|
| events.html | club events page.html |
| style.css | My Style File.css |
نشاط الفصل
ارسم مجلد المشروع بملفاته الثلاثة على الورق. واكتب بجانب كل ملف لماذا هو في جملة قصيرة. واكتب اسمًا لصفحة ثالثة قد تضيفها لاحقًا باتباع قواعد أسماء الملفات.
تدرّب
1
كم ملفًّا في مجلد المشروع وما هي؟
ثلاثة: صفحتا HTML وملف CSS واحد.
2
أي ملف يضمّ مظهر الصفحتين؟
style.css.
3
ماذا تخبرنا النهاية .html؟
أن الملف صفحة ويب مكتوبة بلغة HTML.
4
لماذا نتجنّب المسافات في أسماء الملفات؟
الأسماء القصيرة بلا مسافات أسهل على المتصفح وعلى الناس.