كتاب تصميم مواقع الانترنت HTML, X HTML & CSS

 

كتاب تصميم مواقع الانترنت HTML, X HTML & CSS

تأليف:

عمر الأمين

★★★★★★★★★★★★★★★★★★

   تحميل الملف

★★★★★★★★★★★★★★★★★★

محتويات الكتاب:

_ أساسيات بناء المواقع 

_ مواقع الانترنت وكيفية عملها

_ لغات تصميم المواقع

_ الأدوات اللازمة لبناء المواقع

_ أساسيات لغة HTML & CSS

_ صفحتك الأولى (كيف بناء المواقع)

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

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

صور من داخل الكتاب:

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

فيديو عن محتويات الكتاب:

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

كيف تعمل موقع الويب ؟

حسنا ، إذا كنت مهتها بكيفية تصميم مواقع الويب فحتها أنك متمكن من استخدام انترنت . دعني أحزر أول ما تقوم به بعد تشغيل حاسوبك : تقوم بفتح متصفح الويب ومن ثم تذهب إلى موقع فيسبوك ، هل أنا محق ؟ دعني أسألك سؤال ماذا يحدث عندما تضع www.Facebook.com على المتصفح ثم تضغط زر الادخال ( Enter ) ؟ يقوم المتصفح بفتح موقع فيسبوك ، ممتاز جوابك حتى الآن ، صحيح مئة في المئة لكن إذا كنت تريد أن تصبح مصمم مواقع ويب فيجب أن يكون جوابك أكثر دقة من ذلك ، أعني يجب أن تعرف بالتفصيل ما يحدث بالفعل من الناحية الفنية ، لكن لا تقلق سأقدم لك الجواب على طبق من ذهب لكن قبل ذلك دعنا تعرف أولا ما هو موقع الويب ؟ عرفت موقع ويكيبيديا موقع الويب أنه : « مجموعة صفحات ويب مرتبطة ببعضها البعض ومخزنة على نفس الخادم » . هل تتذكر خطوات دخولك على فيسبوك ؟ أولا تقوم بإخال اسم فيسبوك على المتصفح فتظهر لك الصفحة الأولى ، تقوم بعدها بإدخال بياناتك ، فتنتقل مباشرة إلى داخل حسابك ومن ثم يمكنك مشاهدة الرسائل الجديدة أو زيارة صفحات أصدقائك ، أو البحث عن أصدقاء جدد ، يعني وأنت في صفحة يمكنك الانتقال إلى احدى الصفحات المرتبطة بالصفحة التي أنت فيها ، هذا هو المعنى المراد بـ

: « مجموعة صفحات ويب مرتبطة ببعضها البعض » أما « مخزنة على نفس الخادم » فالخادم هو حاسوب مثل حاسوبك تماما يتميز بسرعته الفائقة وكونه متصل بأنترنت 24/24 ساعة وعلى مدار السنة دون انقطاع ، تصور ينقطع حواسيب ( خوادم ) فيسبوك نصف ساعة يعني ملايين البشر ينقطعون عن العالم لمدة نصف ساعة .

☗☗☗☗☗☗☗☗☗☗☗☗☗

والآن بعد أن عرفت أن موقع الويب ما هي إلا صفحات مخزنات في حاسوب متصل بأنترنت ، فكيف يتعرف المتصفح على الحاسوب الذي يخزن الموقع المراد زيارته من بين ملايين الحواسيب المتصلة بأنترنت ؟ إلى من كانت آخر مكالمة هاتفية أجريتها ؟ لماذا عندما تهاتف أحمد لا تذهب المكالمة إلى محمود ؟ حتا جوابك هي : لأني طلبت رقم أحمد وليس محمود . حسنا ، كما أن لكل هاتف رقم خاص يميزه عن ملايين الهواتف في العالم فإن لكل حاسوب رقم خاص يميزه عن ملايين الحواسيب يسمى هذا الرقم بعنوان آي بي ، Internet Protocol ) IP ) ، بروتوكول انترنت باللغة العربية ويكون بالنسبة للحواسيب على الشكل التالي : 69,171,229,11 لكن لما كان من الصعب حفظ هذه الأرقام تم اختراع اسماء النطاقات حيث يرتبط كل اسم مع آي بي فمثلا رقم الآي بي السابق هو خاص بالنطاق : هذا الكلام أنك عندما تكتب www.facebook.com على ويعني المتصفح فأنت تقوم فعليا بطلب الحاسوب الذي يحمل المعرف 69,171,229,11 . www.facebook.com في الحقيقة يمتلك كل جهاز رقمي ( حاسوب ، هاتف محمول ، آلة طابعة ) معرف رقمي خاص به هو الآي بي يستخدم هذا المعرف للتواصل بين الأجهزة الرقمية سواء للإرسال أو الاستقبال فمثلا عندما تطلب من الحاسوب طباعة شيء ما فإن الحاسوب تقوم عبر المعرف الخاص به بإرسال البيانات إلى الطابعة التي تستقبل البيانات عن طريق معرفها الخاص . هنا يلعب معرف الحاسوب دور المرسل بينا يلعب معرف الطابعة دور المستقبل ، لكن بعد الطباعة يصبح الأمر بالعكس حيث يقوم الطابعة بإرسال نتيجة أمر الطباعة بالإيجاب ( نجاح الطباعة ) أو السلب ( فشل الطباعة ) فتكون بهذا هي المرسلة والحاسوب هو المستقبل .

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

☗☗☗☗☗☗☗☗☗☗

لكم مطلق الحرية بالنشر والمشاركة

محمود جاسم