صفحة الويب عبارة عن مستند نص تشعبي واحد متاح على شبكة الويب العالمية (WWW). ويتكون من عناصر HTML ويتم عرضها على متصفح المستخدم مثل موزيلا فايرفوكس ، كروم، الخ. ويشار إليه أيضًا باسم ' صفحة.'
سنتناول في هذا الموضوع تفاصيل مختلفة عن صفحة الويب، بما في ذلك المواضيع التالية:
- ما هي صفحة الويب؟
- خصائص صفحة الويب
- الفرق بين صفحة الويب وموقع الويب
- كيف تعمل صفحة الويب؟
- عناصر صفحة الويب
- أنواع صفحة الويب
- كيفية إنشاء صفحة ويب بسيطة؟
ما هي صفحة الويب؟
صفحة الويب هي مستند مكتوب بلغة HTML ويمكن عرضه على أي متصفح ويب. إنه موجود داخل خادم الويب، والذي يمكن الوصول إليه عن طريق إدخال عنوان URL لصفحة الويب تلك، وبمجرد تحميله، يظهر على متصفح الويب الخاص بالمستخدم. ترتبط كل صفحة ويب بعنوان URL فريد؛ وبالتالي لا يمكن أن يكون لصفحتين نفس عنوان URL.
قد تحتوي صفحة ويب نص وروابط لصفحات أخرى ورسومات ومقاطع فيديو وما إلى ذلك . علاوة على ذلك، فهو يستخدم بشكل أساسي لتوفير المعلومات للمستخدم في شكل نصوص وصور وما إلى ذلك.
صفحة الويب هي جزء من موقع الويب؛ فهذا يعني أن موقع الويب يحتوي على صفحات ويب مختلفة. مثل javaTpoint.com هو موقع ويب، والصفحة التي تقوم بالوصول إليها حاليًا هي صفحة الويب. ويمكن فهمه كمثال للكتاب. لذا، فإن موقع الويب يشبه كتابًا كاملاً، وصفحة الويب تشبه صفحة من هذا الكتاب.
تحتوي شبكة WWW أو الإنترنت على ملايين صفحات الويب، ويتم إضافة الكثير منها يوميًا. طور تيم بيرنرز لي صفحة الويب الأولى.
دعونا نفهم بعض المصطلحات الأساسية المستخدمة مع صفحة الويب:
- يتصل بخادم ويب على الإنترنت ويطلب الصفحة التي يريد المستخدم مشاهدتها؛ بمجرد العثور على تلك الصفحة، فإنه يعرضها على جهازه.
- يمكنه تفسير مجموعة علامات HTML داخل الصفحة لعرض الصفحة بالتنسيق الصحيح.
ملاحظة: للتدريب، يمكنك إنشاء صفحات ويب بنفسك دون الحاجة إلى خادم ويب، وسيعرض متصفحك تلك الصفحات على جهازك فقط.
ملاحظة: يمكن لمتصفح الويب أيضًا عرض مستندات أخرى مثل مستند PDF أو صور، ولكن تتم الإشارة إلى مستند HTML فقط كصفحة ويب.
خصائص صفحة الويب
فيما يلي بعض خصائص صفحة الويب:
- يمكن إنشاء صفحة ويب بسيطة بسرعة كبيرة.
- يستغرق إنشاء صفحة ويب وقتًا قصيرًا جدًا مقارنةً بموقع الويب.
- يجب أن تكون صفحة الويب وموقع الويب متوافقين مع أي جهاز، مثل الهاتف المحمول أو سطح المكتب أو الكمبيوتر المحمول وما إلى ذلك.
- يوفر محرك البحث صفحة ويب من خلال رابط، وعندما ينقر المستخدم على هذا الرابط، تتم إعادة توجيهه إلى صفحة الويب الخاصة بموقع الويب.
- يمكن أن تحتوي صفحة الويب على أي نوع من المعلومات بما في ذلك مقاطع الفيديو والتسجيلات الصوتية.
- يمكن أن تتكون من HTML فقط (لغة ترميز النص التشعبي)، أو CSS، أو JavaScript للسلوك الديناميكي والجذاب.
الفرق بين صفحة الويب وموقع الويب
نظرًا لأن مواقع الويب وصفحات الويب مرتبطة ببعضها البعض، فقد يستخدمها بعض المستخدمين بالتبادل، ولكنها تختلف كثيرًا عن بعضها البعض. والفرق الأساسي بينهما هو ذلك صفحة الويب هي مستند ويب واحد، في حين أن موقع الويب عبارة عن مجموعة من صفحات الويب المختلفة. فيما يلي بعض الاختلافات الإضافية بين كل منهما:
| موقع إلكتروني | صفحة على الإنترنت |
|---|---|
| موقع الويب عبارة عن مجموعة من صفحات الويب المختلفة المرتبطة ببعضها البعض باستخدام الارتباطات التشعبية. | صفحة الويب هي مستند نص تشعبي واحد. |
| يتكون من أكثر من صفحة ويب. | وهي وثيقة واحدة يتم عرضها على متصفح المستخدم. |
| لتطوير موقع ويب، يحتاج المطورون إلى المزيد من المهارات والمزيد من الوقت مقارنة بصفحة الويب. | لتطوير صفحة ويب، يحتاج المطورون إلى معرفة أساسية بـ HTML ووقت أقل. |
| يتم الوصول إلى موقع الويب من خلال اسم النطاق الخاص به، ولا يتضمن أي امتداد في عنوان URL. | يتم الوصول إلى صفحة الويب من خلال عنوان URL فريد مع بعض الامتدادات. |
| يمكن أن يحتوي على معلومات لكيانات مختلفة، مثل Javatpoint.com، الذي يحتوي على معلومات حول تقنيات مختلفة. | ويمكن أن تحتوي على معلومات لكيان واحد، مثل عرض صفحة ويب حاليًا تحتوي على معلومات حول هذه الصفحة فقط. |
| يعد إنشاء موقع ويب مثالي أمرًا صعبًا بعض الشيء ويتطلب الكثير من البرمجة. | من السهل جدًا إنشاء صفحة ويب. |
| بعض الأمثلة على موقع الويب هي Javatpoint.com، وAmazon.com، وما إلى ذلك. | بعض الأمثلة على صفحات الويب هي صفحة العرض الحالية، وصفحة الاتصال، وصفحة التسجيل، والصفحة الرئيسية، وما إلى ذلك. |
ملاحظة: المصطلحان 'صفحة الويب' و'صفحة الويب' متماثلان، وكلاهما صحيح من الناحية الفنية. ومع ذلك، تقترح معظم أدلة الأنماط استخدام صفحة ويب بدلاً من صفحة ويب.
كيف تعمل صفحة الويب؟
يتم إنشاء صفحة ويب بسيطة باستخدام لغة HTML، وهي لغة ترميزية. ومع ذلك، يمكننا أيضًا استخدام CSS وJavaScript لإضافة المزيد من الوظائف وجعلها أكثر جاذبية.
يتم إنشاؤه باستخدام HTML، وبالتالي يحتوي على علامات ترميز مختلفة تحدد كيفية تنسيق البيانات على الشاشة.
صفحة الويب موجودة داخل خادم الويب. لتحميل صفحة الويب هذه، يرسل العميل الطلب إلى الخادم، وبشكل عام يُعرف المتصفح باسم العميل، والذي يمكنه طلب الصفحة على الإنترنت.
يطلب متصفح الويب الصفحة على الإنترنت. بمجرد الرد عليها من قبل الخادم، يفسر المتصفح علامات الترميز ويعرضها على شاشة المستخدم بالتنسيق الصحيح.
يقوم المتصفح بإرسال طلب صفحة أو ملف عبر طلب HTTP. HTTP هو بروتوكول نقل النص التشعبي ، وهو بروتوكول شبكة يسمح بنقل مستندات الوسائط التشعبية عبر الإنترنت بين المتصفح والخادم.
بمجرد وصول الطلب إلى الخادم، يقبل خادم HTTP الطلب، ويبحث عن الصفحة المطلوبة، ويرسلها مرة أخرى إلى المتصفح من خلال استجابة HTTP . إذا كان الخادم غير قادر على العثور على الصفحة المطلوبة، فإنه يقوم بإرجاع ملف رد 404 .
عناصر صفحة الويب
العنصر الرئيسي لصفحة الويب هو ملف نصي يتكون من HTML. وبصرف النظر عن هذا، يمكن أن تحتوي صفحة الويب أيضًا على العناصر التالية:
على الرغم من أن كل صفحة ويب تختلف عن شبكة ويب أخرى، إلا أن بعض المكونات مشتركة بين جميع الصفحات تقريبًا. بعض هذه المكونات مذكورة أدناه؛ يمكنك أيضًا ربط هذه العناصر بالصورة المحددة:
- احفظ الملف بأي اسم و امتداد .html . على سبيل المثال، احفظه باستخدام لغة البرمجة اسم.
- انتقل إلى الملف المحفوظ (web.html)، وانقر نقرًا مزدوجًا أو انقر بزر الماوس الأيمن وقم بتشغيله.
- سيتم فتحه على متصفحك الافتراضي وسيعرض الإخراج أدناه:
يحتوي اسم موقع الويب أيضًا على رابط يمكنه إعادة التوجيه إلى الصفحة الرئيسية لذلك الموقع. عادةً ما يتضمن اسم موقع الويب أعلى الصفحة.
هذه هي صفحتي الأولى على شبكة الإنترنت!
في الكود أعلاه، يتم استخدام العلامات التالية:
علامة العنوان و
علامات الفقرة.
ملاحظة: من المهم إنهاء كل علامة بلغة html، ووضع جميع العلامات إما بأحرف كبيرة أو صغيرة. ومع ذلك، يوصى باستخدام أحرف صغيرة.
يمكنك أيضًا إضافة المزيد من العلامات لعناصر مختلفة، مثل إضافة صور، وصور خلفية، وحدود، وجدول، وجدول، وما إلى ذلك، باستخدام HTML. يمكنك تعلم كل هذا من هنا .
ملاحظة: صفحة الويب هذه محلية على جهازك فقط، ولا يمكن لأحد سواك رؤيتها على متصفحك. لعرض هذا على الإنترنت، عليك أولاً نشره.
بعد إنشاء الصفحة، يمكنك أيضًا إجراء تغييرات في ملفك من خلال المحرر. ما عليك سوى إجراء التغيير، وحفظ الملف مرة أخرى، وإعادة تحميل الصفحة؛ ستظهر تلك التغييرات على الشاشة.