صفحة الويب | أنواع وكيفية الانشاء؟
صفحة الويب هي وثيقة متاحة على شبكة الإنترنت العالمية. يتم تخزين صفحات الويب على خادم الويب ويمكن عرضها باستخدام متصفح الويب.
يمكن أن تحتوي على معلومات ضخمة بما في ذلك النصوص والرسومات والصوت والفيديو والروابط التشعبية. هذه الروابط التشعبية هي رابط لصفحات ويب أخرى.

تُعرف مجموعة الصفحات المرتبطة على خادم الويب باسم موقع الويب. يوجد محدد موقع معلومات فريد (URL) مرتبط بكل صفحة .
أنواع الصفحات
يوجد نوعان أساسيان من بناءً على الوظيفة:
صفحة ثابتة
تُعرف بالصفحة المسطحة أو الثابتة. يتم تحميلها على متصفح العميل تمامًا كما يتم تخزينها على خادم الويب.
تحتوي الصفحات هذه على معلومات ثابتة فقط. يمكن للمستخدم قراءة المعلومات فقط ولكن لا يمكنه إجراء أي تعديل أو التفاعل مع المعلومات.
يتم إنشاء صفحات الويب الثابتة باستخدام HTML فقط. تُستخدم صفحات الويب الثابتة فقط عندما لا تكون المعلومات مطلوبة لتعديلها.
صفحة ديناميكية
تعرض معلومات مختلفة في وقت مختلف. من الممكن تغيير جزء من الصفحة دون تحميل الصفحة بأكملها. لقد أصبح ممكنا باستخدام تقنية Ajax .
ديناميكية من جانب الخادم
يتم إنشاؤه باستخدام البرمجة النصية من جانب الخادم. هناك معلمات برمجة نصية من جانب الخادم تحدد كيفية تجميع صفحة جديدة والتي تتضمن أيضًا إعداد المزيد من المعالجة من جانب العميل.
ديناميكية من جانب العميل
تتم معالجتها باستخدام البرمجة النصية من جانب العميل مثل JavaScript. ثم انتقل إلى نموذج كائن المستند (DOM).
خصائص الصفحة
فيما يلي بعض خصائص الصفحات:
- يمكن إنشاء صفحة بسيطة بسرعة كبيرة.
- يستغرق إنشاء صفحة في وقتًا قصيرًا جدًا مقارنةً بموقع الويب.
- يجب أن تكون الصفحة والموقع الإلكتروني متوافقين مع أي جهاز ، مثل الهاتف المحمول وسطح المكتب والكمبيوتر المحمول وما إلى ذلك.
- كما يوفر محرك البحث الصفحة من خلال ارتباط ، وعندما ينقر المستخدم على هذا الارتباط ، يتم إعادة توجيهه إلى الصفحة الخاصة بالموقع.
- يمكن أن تحتوي الصفحة على أي نوع من المعلومات بما في ذلك مقاطع الفيديو والتسجيلات الصوتية.
- كما يمكن أن تتكون فقط من HTML (Hypertext Markup Language) أو CSS أو JavaScript للسلوك الديناميكي والجذاب.
كيف تعمل الصفحة
يتم إنشاء صفحة بسيطة باستخدام HTML وهي لغة ترميزية. وكما يمكننا استخدام CSS و JavaScript لإضافة المزيد من الوظائف وجعلها أكثر جاذبية.
يتم إنشاؤه باستخدام HTML ، وبالتالي يحتوي على علامات ترميز مختلفة تحدد كيفية تنسيق البيانات على الشاشة.
كما يتم تضمين الصفحة داخل خادم الويب. لتحميل الصفحة هذه يرسل العميل الطلب إلى الخادم وعمومًا ، كما يُعرف المتصفح باسم العميل ، والذي يمكنه طلب الصفحة على الإنترنت.
يطلب متصفح الويب الصفحة على الإنترنت. بمجرد أن يستجيب الخادم لها ، يفسر المتصفح علامات الترميز ويعرضها على شاشة المستخدم بالتنسيق الصحيح.
عناصر صفحة الويب
العنصر الرئيسي للصفحة هو ملف نصي مكون من HTML . بصرف النظر عن هذا ، يمكن أن تحتوي الصفحة على العناصر التالية:
- CSS: يتم استخدام كود CSS لجعل الصفحة أكثر تفاعلية والتحكم في شكلها وأسلوبها.
- البرامج النصية: يتم تضمين كود JavaScript في صفحة ويب لإضافة تفاعل إلى الصفحة وإضافة المزيد من الوظائف إليها.
- الوسائط: تستخدم لتضمين مكونات الوسائط مثل الصوت والفيديو والصور.
كيف تنشئ صفحة ويب بسيطة؟
يعد إنشاء صفحة ويب بسيطة أمرًا سهلاً للغاية يمكن لأي شخص لديه معرفة أساسية بأجهزة الكمبيوتر و HTML إنشاءه. ولكن قبل إنشاء صفحة ويب ، يجب أن تكون على دراية بالنقاط التالية:
يمكن إنشاء صفحة بسيطة باستخدام كود HTML فقط. هذه الصفحات بسيطة ولكنها ليست تفاعلية ولها وظائف قليلة جدًا.
لجعل صفحة الويب الخاصة بك تفاعلية وإضافة وظائف ، كما تحتاج إلى تعلم واستخدام لغات البرمجة النصية ، مثل PHP و Python .
كما يمكن إنشاء الصفحة باستخدام Notepad ، ولكن يوصى باستخدام IDEs للاستخدامات المتقدمة مثل Atom ومحرر النصوص Sublime و PyCharm و
اتبع الخطوات التالية لإنشاء صفحة الويب الخاصة بك:
افتح تطبيق المفكرة على جهاز الكمبيوتر الخاص بك.
اكتب الرمز الاتي :-
<! DOCTYPE html >
< html >
<head>
< title > Your title goes here </ title >
</ head >
< body bgcolor = "white" text = "red" >
< h1 > first web page </ h1 >
< p > This is the first web page! </ p >
</ body >
</ html >
في الكود يتم استخدام العلامات التالية:
<! DOCTYPE html>: يتم استخدامه للإعلان عن نوع المستند ، مما يعني إصدار HTML الذي تستخدمه. يشير المتصفح إلى اللغة التي من المفترض أن يفسرها.
<html>: يشير إلى بداية كود HTML.
<head>: يمكن أن يحتوي على أنواع مختلفة من المعلومات مثل العنوان والعلامة الوصفية وما إلى ذلك ؛ لن تظهر هذه المعلومات على صفحة الويب.
<body>: تحتوي هذه العلامة على علامات أخرى على الصفحة، ويمكن للمستخدمين رؤيتها. في الكود أعلاه ، قمنا بتضمين علامة العنوان <h1> وعلامات الفقرة <p>.