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

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

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

   مقالات ذات صلة

   • 
     ما عندك في جهازك برنامج الفوتوشوب الحل موجود بسرعة

     25/12/2021
   • 
     نصائح في تعلم البرمجه

     25/12/2021
   • 
     كيف تعرف شركة تصنيع الحاسوب و موديله من شاشة الدوس

     14/01/2022
   • 
     typography ما هو التيبوغرافي

     28/12/2021

2. تصميم صفحات الويب للموقع 💻

3. الإعداد والتجهيز لصفحات الويب 🖌️

4. مرحلة التنفيذ 🛡️

5. رفع ونشر الموقع عبر الانترنت 🌐

اولا قبل البدء يجب ان تعرف ماهي مواقع الويب Website وبعض المصطلحات العامة عنه

ما هي مواقع الويب Website 🌐

عبارة عن صفحات ويب مرتبطة ببعضها البعض ومخزنة على نفس السيرفر(الخادم) تحت اسم معين، يتم زيارة مواقع الويب عبر الانترنت من خلال متصفح الويب Browser عن طريق جهاز الكمبيوتر Computer أو الهاتف المحمول Mobile Phone

ما هي مكونات صفحات الويب ؟

صفحة الويب 📄

مستند الكتروني على الانترنت يتم عرضها من خلال برنامج متصفح الويب

الصفحة الرئيسية 🏠

أول صفحة في موقع الويب ومن خلالها يتم الانتقال لباقي صفحات الويب

عناصر صفحة الويب 🛠️ :

تتكون من مجموعة من الصور والنصوص والصوت والفيديو

صفحات الويب التفاعلية والثابتة:

يوجد صفحات ويب ثابتة Static web pages

وكذلك صفحات ويب تفاعلية Interactive web pages

حسنا ماهو الفرق بينهم ؟

صفحات الويب الثابتة (static web page)

1. عناصرها: نصوص صور صوت لقطات فيديو

2.  يقوم المصمم بتصميم محتواها الصفحة ويكون محتواها ثابتا لا يتغير

3. لا يتم تغيير محتوي الصفحات إلا بإدخال تغيير على الشفرة من المصدر يدويا

4. صفحة الويب الثابتة تعرض معلومات لمشاهدتها فقط

5. لا يستطيع الزائر إجراء أي معالجة على محتوي صفحة الويب الثابتة

6. تستخدم أوامر HTML في تصميم الصفحات الثابتة

صفحات الويب التفاعلية (Interactive web pages)

1. عناصرها (نصوص صوت صور لقطات فيديو بالإضافة إلي التفاعل

2. صفحات الويب التفاعلية تعرض محتوي يتيح للزائر التفاعل مع المحتوي ومعالجته

3. الصفحة التفاعلية تتغير وتتأثر بما يجريه عليها المستخدم من عمليات

4. تستخدم أوامر HTML بالإضافة للغات برمجة تفاعلية مثل لغة جافاسكريبت Javascript و لغة PHP

التخطيط لبناء الموقع 💡

1 – رسم تخطيط بسيط لصفحات الموقع على الورقة (الصفحة الرئيسية للموقع باقي صفحات الموقع المرتبطة بالصفحة الرئيسية)

2 – تحديد البيانات والمعلومات التي تتضمنها كل صفحة ويب (المعلومات والخدمات التي يقدمها الموقع)

تصميم صفحات الويب للموقع 💻

1 – تصميم شكل الصفحة الرئيسية وصفحات الموقع

2 – تحديد التنسيقات المختلفة لصفحات الويب مثل ألوان الخلفيات حجم الخطوط نوع الخط ونوع اللون أماكن وضع النصوص الصور لقطات الفيديو بصفحات الويب

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

الإعداد والتجهيز لصفحات الويب 🖌️

1 – استخدم محرر أكواد (منسق نصوص) مثل النود باد Notepad في إعداد البيانات النصية التي سوف توضع في صفحات الويب، ثم حفظ النص داخل ملف ووضعه داخل مجلد.

2 – إعداد وتجهيز ملفات الصوت والفيديو وحفظها داخل مجلد.

 مرحلة التنفيذ 🛡️

1 – تحويل التصميم الورقي إلي صفحات ويب ليمكن عرضها من خلال متصفحات الويب:

2 – إضافة البيانات(نصوص صور صوت فيديو ) في صفحات الويب

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

رفع ونشر الموقع عبر الانترنت 🌐

1 – حجز عنوان للموقع

2 – تخصيص مساحة تخزينية (استضافة) للموقع على أحد أجهزة السيرفر(الخادم)

3 – نشر ورفع الموقع عبر الانترنت وإعداده للعمل بشكل صحيح.

ما هي  افضل المواقع للاستضافة المجانية ؟

استضافة ال Front End

1. GitHub Page

2. Netlify

3. Vercel

4. Surge

5. FireBase

استضافة ال Back End

1. Vercel

2. Heroku

3. Google Cloud

4. AWS

5. Digital Ocean