مراحل تصميم وانشاء موقع ويب

تصميم وإنشاء موقع الويب يمر بعدة مراحل يمكن تلخيصها في التالي :

- المرحلة الأولي : التخطيط لبناء موقع الويب.

- المرحلة الثانية : تصميم صفحات الويب للموقع.

- المرحلة الثالثة : الإعداد والتجهيز لصفحات الويب.

- المرحلة الرابعة : مرحلة تنفيذ صفحات الويب.

- المرحلة الخامسة : نشر الموقع عبر الانترنت.

المرحلة الاولي : التخطيط لبناء موقع الويب

مراحل تصميم وإنشاء موقع ويب

يتم في هذه المرحلة عمل رسم تخطيطي بسيط علي الورق يتضمن صفحات الموقع ( الصفحة الرئيسية للموقع وصفحات الويب المرتبطة بها وتحديد البيانات والمعلومات التي تتضمنها صفحات الويب كمعلومات وخدمات تقدم من خلال الموقع حسب الحاجة.

نشاط (1) عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بوضع تخطيط عن الموقع المطلوب تصميمه وإنشاءه من حيث :

- الاسم والموضوع الذي سوف يعرض من خلال الموقع.

- تحديد صفحات الموقع (الصفحة الرئيسية وباقي صفحات الموقع)

- وضع تخطيط للصفحة الرئيسية وباقي صفحات الموقع وتحديد البيانات والمعلومات التي سوف تظهر بها.

المرحلة الثانية : تصميم صفحات الموقع

رسم تخطيطي لصفحات موقع ويب 

هذه المرحلة من اهم المراحل وفيها يتم تصميم شكل الصفحة الرئيسية وصفحات الموقع وتحديد التنسيقات المختلفة لصفحات الويب مثل لون الخلفية حجم الخط لونه نوعه أماكن وضع النصوص والصور وولقطات الفيديو وبصفحات الويب.

- تحديد الارتباطات التشعبية داخل الصفحة الرئيسية وصفحات الموقع.

نشاط (2)

عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بعمل التالي:

- تصميم شكل الصفحة الرئيسية وصفحات الويب للموقع.

- تحديد الارتباطات التشعبية بين صفحات الويب للموقع.

- تحديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات الويب المختلفة.

المرحلة الثالثة : الإعداد والتجهيز

تتضمن مرحلة الإعداد والتجهيز عدة خطوات هامة وهي :

- من خلال أحد النصوص يتم إعداد وتجهيز البيانات النصية التي سوف توضع في صفحات الويب , حفظ النص داخل ملف نصي ووضعه داخل مجلد وإعداد وتجهيز ملفات الصوت وحفظها داخل احد المجلدات وسوف يتم تناول إنشائها وحفظها لاحقا.

-إعداد وتجهيز النصوص

نشاط (2)

عزيزي الطالب : بالتعاون مع زملائك وبمساعدة ولي امرك قم بالتالي :

- تحديد النصوص المطلوبة لكل صفحة ويب بالموقع من خلال مرحلة التصميم لصفحات الموقع المطلوبة من خلال الانترنت أو من خلال الادارة المدرسية مثل :

- تاريخ نشأة المدرسة :  ......................    -   عنوانها  :   ..............................

- رقم التليفون :   ........................            -  الرؤية والرسالة الخاصة بالمدرسة :  

- البحث عن البيانات النصية اللازمة لصفحات الويب المختلفة .

- كتابة النصوص وحفظها داخل ملف داخل أحد المجلدات .

 -إعداد وتجهيز ملفات الصور

 نشاط (3)

عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بعمل التالي:

- التقاط مجموعة من الصور لمدرستك من فصول ومعامل وملاعب .....................

- تجميع صور عن الانشطة التي تقدمها المدرسة والمسابقات التي اشتركت بها صور الشهادات والجوائز التي فازت بها المدرسة.

- حفظ الصور كملفات داخل أحد وحدات التخزين.

خطوات تنفيذ النشاط 

صور للأنشطة المختلفة لاحدي المدارس

عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك قم بالاتي :

- التقاط صور لمعامل وملاعب المدرسة باستخدام الكاميرا الرقمية او باستخدام الموبايل .

- تجميع صور عن الانشطة التي يمارسها الطلاب داخل المدرسة .

- تجميع صور عن المسابقات التي تم الاشتراك بها سواء داخل المدرسة او علي مستوي الإدارة التعليمية أو الادارات التعليمية .

- تجميع صور عن شهادات والجوائز التي فازت بها المدرسة .

- ادخال الصور للكمبيوتر ( باستخدام الماسح الضوئي - كابل الاتصال بين الموبايل والكمبيوتر - ........)

إنشاء مجلد pro 1 داخل أحد وحدات التخزين , حفظ ملفات الصور به .

تدريب :

- عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك تعرف علي بعض أنواع ملفات الصور .

- البحث عبر الإنترنت عن أنواع ملفات الصور ذات الامتداد - BMP - GIF - JPG - PNG  ومناقشة الفرق بين أنواع ملفات الصور المختلفة .

-إعداد وتجهيز ملفات الصوت وملفات الفيديو:

لإعداد وتجهيز ملفات الصوت والفيديو وحفظها سوف يتم تناول ذلك لاحقا في الفصول التالية.

المرحلة الرابعة : مرحلة التنفيذ 

- هي مرحلة تحويل التصميم الورقي بالمراحل السابقة الي صفحات ويب يمكن عرضها من خلال أحد برامج متصفحات الانترنت وإضافة البيانات ( نصوص - صور - صوت - فيديو .............)  في صفحات الويب.

- إنشاء الارتباطات التشعبية بين صفحات الويب حتي يسهل التنقل بين صفحات الموقع ويتم كل ذلك باستخدام لغات برمجة وأوامر HTML وهو ما سوف نتناوله بالشرح تفصيليا لاحقا.

المرحلة الخامسة : نشر الموقع عبر الانترنت 

وهذه المرحلة تتضمن حجز عنوان للموقع , تخصيص مساحة تخزينية للموقع علي أحد أجهزة الخادم نشر الموقع عبر الانترنت وإعداده للعمل بشكل صحيح .

تذكر أن: تصميم وإنشاء موقع الويب يمر بعدة مراحل هي:

المرحلة الاولي: التخطيط لبناء موقع الويب:

- وضع مخطط بسيط علي الورق للصفحة الرئيسية وصفحات الويب للموقع.

- تحديد البيانات والمعلومات التي تتضمنها صفحات الويب.

المرحلة الثانية: تصميم شكل الصفحة الرئيسية وصفحات الويب وتنسيقها:

- تصميم شكل الصفحة الرئيسية وصفحات الويب.

- تحديد لون الخلفية لصفحات الويب.

- تحديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات الويب.

- تحديد الارتباطات التشعبية داخل صفحات الويب وصفحات الموقع.

المرحلة الثالثة : الإعداد والتجهيز :

- الإعداد والتجهيز لملفات النصوص , الصور , الصوت , الفيديو وحفظها داخل أحد المجلدات .

المرحلة الرابعة : مرحلة التنفيذ :

باستخدام احد لغات البرمجة وأوامر HTML يتم : 

- تحويل التصميم إلي صفحات ويب .

- وضع البيانات ( نصوص - صور - صوت - فيديو ) في صفحات الويب .

- إنشاء الارتباطات التشعبية لصفحات الموقع .

المرحلة الخامسة : نشر الموقع عبر الانترنت :

- حجز عنوان للموقع , تخصيص مساحة تخزينية له علي أحد أجهزة الخادم لنشر الموقع .