أساسيات لغة ,22117111
تصميم صفحة ويب أساسية

1.1 مواقع الانترنت وكيفية عملها
كيف تعمل موقع الويب © حسناء إذا كنت مهتا بكيفية تصميم مواقع الويب فحتم أنك متمكن من
استخدام الترنت
«100600016.»0»اعل المتصفح ثم تضغط زر الادخال (80160) ؟ يقوم المتصفح بفتح
موقع فيسبوك ممتاز جوابك حتى الآن؛ صحيح مثئة في المثة لكن إذا كنت تريد أن تصبح مصمم
مواقع ويب فيجب أن يكون جوابك أكثر دقة من ذلك؛ أعني يجب أن تعرف بالتفصيل ما يحدث
بالفعل من الناحية الفنية» لكن لا تقلق سأقدم لك الجواب على طبق من ذهب لكن قبل ذلك دعنا
نعرف أولاما هو موقع الويب؟
هل تتذكر خطيات دخولك على فيسبوك © أولا تقوم بإخال اسم فيسبوك على المتصفح فتظهر لك
الصفحة الأول» تقوم بعدها بإدخال بياناتك؛ فتتقل مباشرة إلى داخل حسابك ومن ثم يمكنك
مشاهدة الرسائل الجديدة أو زيارة صفحات أصدقاتك» أو البحث عن أصدقاء جدد يعني وأنت في
حاسوب مثل حاسوبك تماما يتميز بسرعته الفائقة وكونه متصل بأنترنت 24/24 ساعة وعلى مدار
السنة درن انقطاع. تصور ينقطع حواسيب (خوادم) فيسبوك نصف ساعة يعني ملايين البشر
ينقطعون عن العالم لمدة نصف ساعة.

يتعرف المتصفح على الحاسوب الذي يخزن الموقع المراد زيارته من بين ملايين الحواسيب المتصلة
بعنوان آي بي 17 (ل21010©0 10160081)؛ بروتوكول انترنت باللغة العربية ويكون بالنسبة
للحواسيب على الشكل التالي: 69,171,229,11 لكن لما كان من الصعب حفظ هذه الأرقام تم
0ع 11180806000 ريعني هذا الكلام لك عندما تكتب 6000 016 0ناع056- 0018 عل
المتصفح فأنت تقوم فعليا بطلب الحاسوب الذي بحسل المعرف 69,171,229,11.
في الحقيقة يمتلك كل جهاز رقمي (حاسوب؛ هاتف محمول؛ آلة طابعة) معرف رقمي خا به هو
الآي بي يستخدم هذا المعرف للتواصل بين الأجهزة الرقمية سواء للإرسال أو الاستقبال فمثلا عندما
تطلب من الحاسوب طباعة شيء ما فإن الحاسوب تقوم عبر المعرف الخاص به بإرسال البيانات إلى
الطابعة العي تستقبل البيانات عن طريق معرفها الخاص . هنا يلعب معرف الحاسوب دور المرسل بينم
يلعب معرف الطابعة دور المستقبل» لكن بعد الطباعة يصبح الأمر بالككس حيث يقوم الطابعة
بإرسال نتيجة أمر الطباعة بالإيجاب (نجاح الطباعة) أو السلب (فشل الطباعة) فتكون بهذا هي
المرسلة والحاسوب هوالمستقبل.
يمكن تطبيق هذا المثال مع أي توا صل يحصل بين جهازين رقميين سواء من نفس النوع (حاسوب مع
ما يسنا فيكل هذا هو التواصل الا
معين عل المتصفح فهذا يعني طلب تواصل جهازه مع الجهاز الذي بخزن الموقع.
يحدث بين حاسوبين فعندما يقوم أحدهم بإدخال عنوان موقع
والشكل التالييبين كيفية التواصل بينهما:

‎:١‏ ارسال طلب صفحة ويب
‏الزائر المستخدم 7 0-0000 الخادم
الخطوة الأول يقوم الزائر بكتابة اسم الموقع على المتصفح فيقوم متصفح المستخدم بإرسال الطلب إلى
أما في الخطوة الثانية فيقوم الخادم بانتقاء الصفحة المطلوبة من بين صفحات الموقع ثم يرسلها إلى
باختصار كلا نقر الزاثر على احدى الروابط بالموقع يقوم الجهاز المستخدم بإرساذ طلب إلى الجهاز
الخادم الذي يقوم هو بدوره بإرسال الصفحة المطلوبة إل المستخدم أو إرسال خطأً عند عدم العثور
على الصفحة المطلوبة. (خطأ 404)
‏2 لغات تصميم المواقع
‏صفحة الويب هو ناتج كل صفحة مكتوبة بلغة اناد 685 + اللغتين الأساسيتين في تصميم أي
موقع ويب. ويجدر الاشارة أن هناك الكثير من لغات البرمجة التي يستخدمها البرمجون لبرمجة مواقع
الويب لكن مهيا كانت اللغة المستخدمة في برمجة أي موقع فالشكل النهائي للصفحة يتحكم بها هاتين
‏ابلة للتمديد » وهو امتداد للغة 00001 بعد أن تم
إضافة مميزات تركية لغةل2000. ويعتبر 20001 اللغة الأساسية في تصميم مواقع الويب
فبهذه اللغةيتم فرز وتعريف جميع محنويات موقع الويب: ومن المسكن تصميم موقع كامل
باستخدام هذه اللغة فقط وبالطبع هذا نادر جنا

أفضل هذا الأخبر لدلالتها الواضحة؛ ومهيا يكن اسمهاء ما يبمنا هو معرة م
لتنسيق شكل ونمط ظهور محتوى الصفحة؛ كاللون الذي بيجب أن يظهر عليه النص أو
‏ربا يربكك قولي أنك تحتاج إلى هاتين اللفتين لتصميم موقع ويب لكن لا تخف فالأمر في غاية
السهولة كل ما عليك معرفته الآن هو أن الواقع العملي يقتضي استخدام 33101 لإضافة عناصر
الصفحة و 085 لتسيق نمط ظهور هذه العناصر» يعني هدف استخدام هاتين اللغتين هو الفصل
بينالمضمون والشكل و لتوضيح الفكرة انظر إلى الأشكال التالية.
‏الشكل 1-1: هذه صفحة رب باستخدام لغة اط وحدها

مانس ما لحم
داس اا لجاب هتيم

كما هو ملاحظ في الأشكال الثلاثة السابقة يمكننا بواسطة 088 تعديل شكل ظهور صفحة مكتوبة
بلغة الهائ: كما نشاء بل ويمكتنا بواسطة 088 توفير أشكال خارجي مختلفة مع الاحتفاظ ينس
عناصر 301100 ونترك للزائر حرية اختبار الشكل الذي يعجبه أكثر
3 الأدوات اللازمة
1 متصفح ويب
متصفح الويب هو البرنامج المستخدم لاستعراض مواقع الويبء كإنترنت إكسبلوزر و موزيلاً
ينكس على سبيل المثاذ. والمتصفحات هي كغيرها من البرامج تختلف عن بعضها البعض في
عملهاء ويتميز متصفح عن آخر في ججلة من الخصائص منها الأداء والسرعة والوظائف والمهام؛ نا
اختيار التصفح السب
أما كتصسم مواقع فالأمر يتتدى ذلك إلى معرفة مدى دعم المتصفحات لآخر التكنولوجيات
فالمستخدم يجب أن يتحل بشيء من الثقافة عن المتصفحات حتى
رخاصة تلك المتعلقة بلغتي تصميم مواقع الويب لنقاظ و 088 بهدف انشاء موقع قادز على
الظهور بشكل ملائم مع جميع المتصفحات أو عل الأغلب الأكثر شهرة واستخداما.
نستعرض بشكل سريع في هذه النقطة المتصفحات الأكثر استخداما مع بيان أبرز الميزات لكل منها
من ناحية الاستخظام أما الناحية الفية قستعرض لا خلال الدروس اللاحقة.
غوغل كروم:

الشكل 4-1
كروم هو متصفح ويب ماني ومفتوح المصدر من تطوير شركة جوجل؛ تم صدور الإصدارة
التجريبية من البرنامج يوم 7 أكتوبر 2009 رسرعان ما أوجد لنفسه مكانا في سوق المتصفحات
و أصبح اليوم ضمن أول ثلاثة متصفحات الأكثر استخداما.
أهم ما يميز كردم هي السرعة الفائقة في تحميل الصفحات لذا ليس من العجب اذ أصبح مفضلا تدى
جمهور المستخدمين العاديين الذين يستخدمون انترنت فقط المترفيه أو لأعيال لا تحتاج إل أكثر من
مجرد تحميل بعض الصفحات. إضافة لهذا فهو يلقى فبولا جينا لدى جمهور مستخدمي خدمات
جوجل لتعامله الجيد معهاء ومن المتوقع جدا أن يزيد حصة متصفح جوجل كروم في السوق بعد أن
تم اطلاق خدمة تحكم الحواسيب عن بعد من خلال المتصفح» وهي خدمة جديدة أطلقها غوغل في
مرتيذ تاق
كس هو متصفح مجاني مفتوح المصذر من تطوير العديد من المبرمجين المتطوعين بتنسيق واشراف
من مؤسسة موزيلا. يعتبر

المتوفرة على الموقع الرسمي للمتصفح. وقد حظي فَبرتُكْس على اعجاب كثير من المصمسين
انام تمر 116 متام املظ
الشكل 5-1
نت اكسبلورر هو من تطوير العملاق مايكر وسوفت» ويدين شهرتها إلى أنظمة ويندوز فهو يأ
مدمج معها. ما جعل منها المتصفح الأكثر شهرة بلا منازع؛ لكن بعد الثورة الغي أحدثها فَرنكُس
انترنت اسبلورر بالنسبة للمصمم كونا المتصفح الأكثر استخداما لذا عند تصميم أي موقع فلأبد
منالحرص على أن يكون ملاثا لها