1. ما هو الويب؟
المواقع الشائعة على الويب هي مواقع الويب وصفحات الويب، والتي تأتي في ثلاثة أشكال شائعة: النص التشعبي، والوسائط التشعبية، وبروتوكول نقل النص التشعبي. تطوير الويب هو تطوير موقع الويب، ويتكون موقع الويب من العديد من صفحات الويب، وتتكون صفحات الويب من سطور من رموز العلامات وأكواد البيانات. تطوير الويب هو عملية كتابة هذه الرموز في علامات يمكن للمتصفح فهمها، وبعد أن يقبلها المتصفح، يمكن للأشخاص العاديين رؤيتها.
تعد الواجهة الأمامية للويب مسؤولة بشكل أساسي عن تأثير العرض لمتصفح الواجهة الأمامية. عندما يتم عرض صفحة الواجهة الأمامية للويب، يتم توفير هذه البيانات الديناميكية بواسطة برنامج Java في الخلفية أو برنامج C++. تسمى بنية النظام هذه بنظام هيكل B/S (B: Browser، S: Server)
1. مقدمة للمصطلحات المتعلقة بالويب
(1) www هو اختصار شبكة الويب العالمية، والتي نسميها الشبكة العالمية واسعة النطاق، والمعروفة أيضًا باسم شبكة الويب العالمية؛
(2) الويب عبارة عن نظام معلومات رسومية عالمي وديناميكي وموزع عبر الأنظمة الأساسية يعتمد على بروتوكول http، وأكثرها شيوعًا هو خدمة موقع الويب
(3) موقع الويب عبارة عن مجموعة من صفحات الويب المتعددة؛
(4) صفحة الويب هي ملف html يتم عرضه من خلال المتصفح ويحتوي على صور ونصوص وروابط وأصوات وما إلى ذلك؛
(5) يتم تحليل صفحة الويب وعرضها على المتصفح؛
2. تطبيق الويب
يشير ما يسمى بتطبيقات الويب على وجه التحديد إلى بعض التطبيقات التي نفتحها عادةً باستخدام المتصفح، أي مواقع الويب. مثل Weibo وMoments وZhihu وما إلى ذلك. يجب أن تكون تطبيقات الويب موجودة في شكل "مجموعات موارد".
خذ Weibo، وهو تطبيق ويب، كمثال، وهو يتكون من العديد من السيناريوهات التي نعرفها:
(1) سيناريو تسجيل الدخول والتسجيل؛
(2) مشهد تصفح الويبو؛
(3) نشر مشاهد الويبو؛
(4) صفحة المركز الشخصية؛
في هذه السيناريوهات، يكون لكل مشهد بشكل عام صفحته الرئيسية، والتي عادة ما تكون مورد صفحة HTML؛ في هذه السيناريوهات، هناك مجالات وظيفية محددة، بعد تحديد المشهد، هناك منطقة وظيفية واحدة فقط لتحقيق وظيفة ما، فإنها تتحول إلى إكمال سلسلة من الإجراءات، مثل التسجيل وتسجيل الدخول والتصفح، لإكمال الإجراء، تحتاج العديد من الموارد إلى التعاون مع بعضها البعض لإكماله في الموارد في مرحلة التعلم لدينا تأتي بشكل رئيسي من قاعدة البيانات.
نحصل أولاً على البيانات من خلال قاعدة البيانات، ثم نقوم بتمييز الموارد التي تم الحصول عليها كمحتوى منظم من خلال HTML لتشكيل مورد كامل تطبيق أو نظام ويب كامل.
3. خادم الويب
إذا كان هناك عميل، فيجب أن يكون هناك خادم. نظرًا لأن خادم الويب يستخدم بروتوكول HTTP، فإننا غالبًا ما نسميه خادم HTTP (HTTP Sever). على سبيل المثال: Apache، وTomcat، وNetty، وما إلى ذلك.
سيتواصل متصفحنا مع عميلنا من خلال الشبكة، ويتم تنفيذ كل من المتصفح والعميل من قبل الآخرين، وتتمثل مهمتنا بشكل أساسي في تنفيذ بعض المواد الإضافية (وتسمى أيضًا الموارد) للعميل الوصول، فإنه يصل فعليًا إلى الموارد التي نقدمها، كما هو موضح في الشكل.
هناك مجموعة من المعايير للاتصال بين المتصفحات والخوادم تسمى هذه المجموعة من المعايير ببروتوكول HTTP، واسمه الكامل (Hyper (Super) Text (Text) Transfer (Transmission) Protocol (Protocol)). أثناء الاتصال، يرسل المتصفح طلبًا ويستجيب الخادم.
4. الموارد
في الوقت الحالي، يمكننا فهم الموارد كمجموعة من الملفات، وما يسمى بتطوير تطبيقات الويب هو تطوير مجموعة من الموارد (يتم التعبير عنها كمجموعة من الملفات) لفهم أفضل، يمكنك تخيل المتصفح كمركز تسوق، وفكر في تطوير تطبيقات الويب. تخيل أن التطبيق يشبه فتح متجر في مركز التسوق هذا، نحتاج إلى إعداد العناصر المراد بيعها، وهو ما يعادل الموارد. يمكن أن يكون هناك العديد من تطبيقات الويب في المتصفح، ولكل تطبيق ويب سلسلة من الموارد. يجب أن تمر الموارد التي نقوم بتطويرها عبر العميل لتقديم خدمات خارجية، ويمثل المستخدم المتصفح، ويتصل المتصفح مباشرة بخادم الويب، وسنقوم بإرفاق الموارد المقابلة بخادم الويب، حتى يتم تشغيل تطبيق الويب الخاص بنا رسميًا العمل.
5. التكوين القياسي للويب
التكوين: ويشمل بشكل رئيسي ثلاثة جوانب: الهيكل والعرض والسلوك .
(1) المعايير الهيكلية: يتم استخدام الهيكل لتنظيم وتصنيف عناصر صفحة الويب، ونحن نتعلم لغة HTML بشكل أساسي. الجزء الأكثر أهمية من صفحة الويب
(2) معايير الأداء: يُستخدم الأداء لتعيين التخطيط واللون والحجم وأنماط المظهر الأخرى لعناصر صفحة الويب، والتي تشير بشكل أساسي إلى CSS
(3) معايير السلوك: يشير السلوك إلى تعريف نماذج صفحات الويب وكتابة التفاعلات، وما نتعلمه بشكل أساسي هو JavaScript (JavaScript هي لغة برمجة تنتمي إلى HTML وWeb).
من الناحية المثالية، كود المصدر الخاص بنا هو: .HTML .css .js
2. مقدمة أساسية لـ HTML
1. التعريف الأساسي: لغة توصيف النص التشعبي، Hyper عبارة عن ارتباط تشعبي؛
2. الإصدار الأكثر شيوعًا حاليًا هو HTML5.0، وتتولى منظمة W3C مسؤولية صياغة معايير لغة HTML؛
