هيكلية شبكة الانترنت
- أجهزة الخوادم (Servers) التي تقوم بتوفير الخدمات المختلفة، مثل: تخزين معلومات وصفحات الإنترنت.
- أجهزة الزبائن (Clients) التي يستخدمها الأفراد للوصول إلى مواقع الشبكة للتصفح وتحميل أو تنزيل الملفات.
- الشركات المزودة لخدمة الإنترنت.
- وسائل الاتصالات السلكية واللاسلكية التي تشكل العمود الفقري للشبكة.
بحث
- موقع تجاري.
- موقع إعلامي.
- موقع تعليمي.
آلية تصفّح موقع على شبكة الإنترنت
- فتح أحد برامج تصفّح الإنترنت.
- كتابة عنوان الموقع الإلكتروني في المكان المخصّص (شريط العنوان) في برنامج المتصفح، ثم الضغط على مفتاح الإدخال (Enter).
- يقوم الجهاز بإرسال رسالة إلى خادم خاص يسمى (DNS)، لتحديد رقم الخادم الذي يحتوي على ذلك الموقع، ويستخدم هذا الرقم لإيصال طلب إلى الخادم.
- عندما يكون العنوان صحيحاً، يحدث اتصال بين جهاز المستخدم والخادم بواسطة بروتوكول الاتصال TCP/IP.
- عند حدوث الاتصال، يبدأ بروتوكول خاص يسمّى (HTTP) بنقل الصفحة الرئيسة للموقع بكل محتوياتها من الخادم إلى الزبون.
- عندما تصل هذه المعلومات إلى جهاز المستخدم، تُخزّن في مجلد مؤقت على القرص الصلب، ثم يتم عرضها داخل المتصفح.
- يستطيع المستخدم التنقل من الصفحة الرئيسة إلى صفحات أخرى على الموقع، باستخدام الوصلات التشعبية الموزعة داخل الصفحة.
أنواع المواقع الإلكترونية
- المواقع الساكنة (static web sites): مواقع بسيطة التصميم والبرمجة، تحتوي على أنواع بيانات مختلفة، نصوص، صور، فيديو، ... ولا يمكن التعديل عليها إلا من قبل مصممها، مثل: المواقع التعريفية والشخصية.
- المواقع التفاعلية (dynamic web sites): تستخدم لغات البرمجة المتطورة والمختلفة في بنائها ويمتاز محتواها بالتغير باستمرار دون تدخل مسؤول الموقع، ومن الأمثلة عليها المواقع الصحفية، والتجارية، والاجتماعية، وهذا النوع من المواقع له نظام خاص بإدارة محتواه من خلال لغات البرمجة المختلفة يطلق عليه اسم (نظام إدارة المحتوى) (Content Management System)
تصميم المواقع الإلكترونية
- تحديد الفئة المستهدفة.
- الأخذ بملاحظات الفئة المستهدفة فيما يتعلق بالتصميم، واحترام وجهات نظرهم المختلفة.
- لغته بسيطة ومفهومة لكل من يتابعه أو يزوره.
- انسجام المحتوى للصفحة من حيث التنسيقات والألوان، حيث يفضّل أن تكون خلفية المحتوى بيضاء اللون.
- أولويات وتصنيفات المحتوى والمعلومات، فمنها ما يكون رئيسياً، ومنها ما يكون فرعياً.
تصميم المواقع الشخصية:
- لغات البرمجة مثل: PHP، ASP.Net، .... إلخ.
- مواقع إنترنت متخصصة بتصميم المواقع الإلكترونية مثل: ar.site123.com، Websity.me، .... إلخ.
- البرمجيات مثل: Web Page Maker، FrontPage، Dreamweaver، ....
- دراسة وتحليل وظيفة الموقع وما يتضمنه.
- تصميم عناصر الموقع الرئيسية، من صفحات، وعناوين رئيسية، وترابط بعضها بعضاً.
- إضافة المحتوى إلى الموقع.
- نشر الموقع ودراسة التغذية الراجعة من مستخدميه، والأخذ بها.
استخدام برنامج Web Page Maker في تصميم موقع إلكتروني شخصي:
- عنوان الموقع الإلكتروني.
- الصفحة الرئيسة للموقع (ملف الانجاز)، وما تتضمنه من محتوى.
- محاور ملف الإنجاز المختلفة، بحيث يكون كل محور في صفحة إلكترونية مستقلة، مع تحديد محتويات كل محور(صفحة).
- عناوين الصفحات وعددها.
- ترويسة الموقع وما تتضمنه من صور ونصوص.
- أية إضافات أخرى تريد إضافتها إلى الموقع.
تصميم موقع شخصي/تصميم عام للموقع.
- إنشاء مجلد على سطح المكتب وتسميته باسم معين، لتخزين محتويات الموقع فيه.
- إنشاء موقع جديد بعد تشغيل البرنامج، من خلال الأمر New Site في قائمة ملف (File).
- تصميم ترويسة الموقع التي تظهر على جميع صفحاته، كما يأتي:
- تحديد الصورة المناسبة للترويسة، وحفظها على جهازك في المجلد السابق، ثم إدراجها من ملف بالنقر على الأمر Image from file في قائمة إدراج (Insert).
- تحديد الصورة وتكبيرها، بما يتناسب مع مكانها في الصفحة.
- عرض صفحة الموقع وارتفاعها بشكل مناسب للترويسة، كما في الشكل المجاور.
- كتابة عنوان الموقع في الترويسة (ملف الإنجاز)، بالنقر على الأمر Text في قائمة إدراج (Insert)، واتباع التعليمات.
- إضافة أية عناصر أخرى إلى الترويسة.
- عمل نسخة من الصفحة السابقة، بالنقر على الأمر Clone Page من قائمة صفحة (Page)، بعد تحديد الصفحة التي تم تصميمها بالنقر على اسمها (Index)، في يمين الشاشة، والشكل الآتي يبين ذلك:
- تكرار الخطوة (3) بعدد صفحات الموقع، وتظهر تلك الصفحات في قائمة محتويات الموقع أعلى يمين الشاشة، كما في الشكل الآتي:
- التأكد من تفعيل الصفحة الرئيسية، وكتابة عنوانها على شكل زر باتباع الخطوات الآتية:
- تكرار خطوة رقم (5) مع باقي العناوين (الأزرار)…