من المهم بمكان في عالم التقدم الحديث والرقمي عندما يتغير كل شيء عبر الإنترنت ، لنقل عملك أو خدمتك عبر الإنترنت أيضًا. سواء كانت شركة كبيرة أو صغيرة ، يجب على الجميع اليوم أن يكونوا حاضرين على الإنترنت ليتمكن من رؤيتهم الأخرين .

لا يتعين عليك تشغيل مؤسستك بالكامل عبر الإنترنت للاستفادة من فرص الأعمال التجارية عبر الإنترنت. قد تحتاج الشركات الصغيرة إلى عنوان بريد إلكتروني فقط للتواصل مع عملائها وعملائها ومورديها عبر الإنترنت. قد تستخدم الشركات الأخرى موقعها على الويب للقيام بكل أعمالها عبر الإنترنت.

لذلك ، دعنا ندخل في خطوات إنشاء موقع ويب لك. الخطوات إلى ذلك سهلة وبسيطة لمتابعة وتنفيذ.

مراحل انشاء وتصميم موقع الويب website التخطيط لبناء الموقع، تصميم صفحات الويب للموقع، الإعداد والتجهيز لصفحات الويب، ثم مرحلة التنفيذ، رفع ونشر الموقع عبر الانترنت

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

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

ماهي صفحة الويب 😉

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

ماهي الصفحة الرئيسية 🧐

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

ماهي عناصر صفحة الويب 🤓

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

الفرق بين صفحات الويب التفاعلية والثابتة 🤔

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

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

صفحات الويب الثابتة ✅

عناصرها: نصوص – صور – صوت – لقطات فيديو …. يقوم المصمم بتصميم محتواها الصفحة ويكون محتواها ثابتا لا يتغير

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

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

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

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

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

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

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

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

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

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

الدروس في نقاط 😀

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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