مراحل تصميم وإنشاء موقع الويب
يمر بعدة مراحل يمكن تلخيصها في التالي :
- المرحلة الأولي : التخطيط لبناء موقع الويب .
- المرحلة الثانية : تصميم صفخات الويب للموقع .
- المرحلة الثالثة : الإعداد والتجهيز لصفحات الويب .
- المرحلة الرابعة : مرحلة تنفيذ صفحات الويب .
- المرحلة الخامسة : نشر الموقع عبر الانترنت .
مراحل تصميم وإنشاء موقع ويب
المرحلة الاولي : التخطيط لبناء موقع الويب
- يتم في هذه المرحلة عمل رسم تخطيطي بسيط علي الورق يتضمن صفحات الموقع ( الصفحة الرئيسية للموقع وصفحات الويب المرتبطة بها )
- تحديد البيانات والمعلومات التي تتضمنها صفحات الويب كمعلومات وخدمات تقدم من خلال الموقع حسب الحاجة .
نشاط (1) عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بوضع تخطيط عن الموقع المطلوب تصميمه وإنشاءه من حيث :
- الاسم والموضوع الذي سوف يعرض من خلال الموقع .
- تحديد صفحات الموقع ( الصفحة الرئيسية وباقي صفحات الموقع )
- وضع تخطيط للصفحة الرئيسية وباقي صفحات الموقع , تحديد البيانات والمعلومات التي سوف تظهر بها .
رسم تخطيطي لصفحات موقع ويب
المرحلة الثانية : تصميم صفحات الموقع
هذه المرحلة من اهم المراحل وفيها يتم :
- تصميم شكل الصفحة الرئيسية وصفحات الموقع .
- تحديد التنسيقات المختلفة لصفحات الويب مثل لون الخلفية , حجم الخط , لونه , نوعه , أماكن وضع النصوص , الصور , ولقطات الفيديو , بصفحات الويب .
- تحديد الارتباطات التشعبية داخل الصفحة الرئيسية وصفحات الموقع .
نشاط (2)
عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بعمل التالي :
- تصميم شكل الصفحة الرئيسية وصفحات الويب للموقع .
- تحديد الارتباطات التشعبية بين صفحات الويب للموقع .
- تحديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات الويب المختلفة .
المرحلة الثالثة : الإعداد والتجهيز
تتضمن مرحلة الإعداد والتجهيز عدة خطوات هامة وهي :
- من خلال أحد النصوص يتم إعداد وتجهيز البيانات النصية التي سوف توضع في صفحات الويب , حفظ النص داخل ملف نصي ووضعه داخل مجلد .
- إعداد وتجهيز ملفات الصوت وحفظها داخل احد المجلدات , وسوف يتم تناول إنشائها وحفظها لاحقا .
1 - إعداد وتجهيز النصوص
نشاط (2)
عزيزي الطالب : بالتعاون مع زملائك وبمساعدة ولي امرك قم بالتالي :
- تحديد النصوص المطلوبة لكل صفحة ويب بالموقع من خلال مرحلة التصميم لصفحات الموقع المطلوبة من خلال الانترنت أو من خلال الادارة المدرسية مثل :
- تاريخ نشأة المدرسة : ...................... - عنوانها : ..............................
- رقم التليفون : ........................ - الرؤية والرسالة الخاصة بالمدرسة :
- البحث عن البيانات النصية اللازمة لصفحات الويب المختلفة .
- كتابة النصوص وحفظها داخل ملف داخل أحد المجلدات .
2 - إعداد وتجهيز ملفات الصور :
نشاط (3)
عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بعمل التالي :
- التقاط مجموعة من الصور لمدرستك من فصول ومعامل وملاعب ....................
- تجميع صور عن الانشطة التي تقدمها المدرسة والمسابقات التي اشتركت بها , صور الشهادات والجوائز التي فازت بها المدرسة .
- حفظ الصور كملفات داخل أحد وحدات التخزين .
صور للأنشطة المختلفة لاحدي المدارس
خطوات تنفيذ النشاط
عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بالاتي :
- التقاط صور لمعامل وملاعب المدرسة باستخدام الكاميرا الرقمية او باستخدام الموبايل .
- تجميع صور عن الانشطة التي يمارسها الطلاب داخل المدرسة .
- تجميع صور عن المسابقات التي تم الاشتراك بها سواء داخل المدرسة او علي مستوي الإدارة التعليمية أو الادارات التعليمية .
- تجميع صور عن شهادات والجوائز التي فازت بها المدرسة .
- ادخال الصور للكمبيوتر ( باستخدام الماسح الضوئي - كابل الاتصال بين الموبايل والكمبيوتر - ........)
إنشاء مجلد pro 1 داخل أحد وحدات التخزين , حفظ ملفات الصور به .
تدريب :
- عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك تعرف علي بعض أنواع ملفات الصور .
- البحث عبر الإنترنت عن أنواع ملفات الصور ذات الامتداد - BMP - GIF - JPG - PNG ومناقشة الفرق بين أنواع ملفات الصور المختلفة .
3 - إعداد وتجهيز ملفات الصوت وملفات الفيديو :
لإعداد وتجهيز ملفات الصوت والفيديو وحفظها سوف يتم تناول ذلك لاحقا في الفصول التالية .
المرحلة الرابعة : مرحلة التنفيذ
- هي مرحلة تحويل التصميم الورقي بالمراحل السابقة الي صفحات ويب يمكن عرضها من خلال أحد برامج متصفحات الانترنت .
- إضافة البيانات ( نصوص - صور - صوت - فيديو .............) في صفحات الويب .
- إنشاء الارتباطات التشعبية بين صفحات الويب حتي يسهل التنقل بين صفحات الموقع , ويتم كل ذلك باستخدام لغات برمجة وأوامر HTML وهو ما سوف نتناوله بالشرح تفصيليا لاحقا .
المرحلة الخامسة : نشر الموقع عبر الانترنت
وهذه المرحلة تتضمن حجز عنوان للموقع , تخصيص مساحة تخزينية للموقع علي أحد أجهزة الخادم نشر الموقع عبر الانترنت وإعداده للعمل بشكل صحيح .
تذكر أن
تصميم وإنشاء موقع الويب يمر بعدة مراحل هي :
المرحلة الاولي : التخطيط لبناء موقع الويب :
- وضع مخطط بسيط علي الورق للصفحة الرئيسية وصفحات الويب للموقع .
- تحديد البيانات والمعلومات التي تتضمنها صفحات الويب .
المرحلة الثانية : تصميم شكل الصفحة الرئيسية وصفحات الويب وتنسيقها :
- تصميم شكل الصفحة الرئيسية وصفحات الويب .
- تحديد لون الخلفية لصفحات الويب .
- تحديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات الويب .
- تحديد الارتباطات التشعبية داخل صفحات الويب وصفحات الموقع .
المرحلة الثالثة : الإعداد والتجهيز :
- الإعداد والتجهيز لملفات النصوص , الصور , الصوت , الفيديو وحفظها داخل أحد المجلدات
المرحلة الرابعة : مرحلة التنفيذ :
باستخدام احد لغات البرمجة وأوامر HTML يتم :
- تحويل التصميم إلي صفحات ويب .
- وضع البيانات ( نصوص - صور - صوت - فيديو ) في صفحات الويب .
- إنشاء الارتباطات التشعبية لصفحات الموقع .
المرحلة الخامسة : نشر الموقع عبر الانترنت :
- حجز عنوان للموقع , تخصيص مساحة تخزينية له علي أحد أجهزة الخادم لنشر الموقع .
