صفحة الويب هي مستند بسيط يمكن عرضه بواسطة المستعرض . تتم كتابة هذه المستندات بلغة HTML
يمكن لصفحة الويب تضمين مجموعة متنوعة من أنواع مختلفة من الموارد مثل ما يلي :

• معلومات النمط – التحكم في شكل الصفحة وأسلوبها
• البرامج النصية – التي تتفاعل مع إضافة الصفحة
• الوسائط – الصور والأصوات ومقاطع الفيديو.

ما هو موقع الويب :

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

للوصول إلى موقع ويب إلكتروني ، اكتب اسم المجال الخاص به في شريط عنوان المتـصفح الخاص بك ، وسيعرض المتصفح صفحة الويب الرئيسية لموقع الويب ، أو الصفحة الرئيسية (يشار إليها بشـكل عرضي باسم “الصفحة الرئيسية”)

في هذا المقال ، ستتعلم انشاء صفحة ويب خطوة بخطوة حتى تتمكن من التعرف على شكل ترميز المستند بإستخدام علامات HTML. تسمح لك التمارين بالعمل بشـكل متواصل .

هذا ما أريدك أن تخرجه من هذا المقال :

تعرف على كيفية عمل الترميز ، بما في ذلك فهم العناصر والسمات .

انظر كيف تفسر المتصفحات مستندات HTML اتش تي ام ال .

تعرف على البنية الأساسية لمستند HTML .

احصل على لمحة أولى عن ورقة الأنماط أثناء العمل .

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

الخطوة 1 : ابدأ بالمحتوى. كنقطة انطلاق ، سنكتب محتوى نصيًا أوليًا ونرى ما تفعله المتصفحات به.

الخطوة 2 : أعط هيكل الوثيقة. ستتعرف على بنية عنصر HTML والعناصر التي تعطي المستند هيكله.

الخـطوة 3 : تحديد عنـاصر النص. ستصف المحتوي باستخدام عناصر النص المناسبة وتتعرف على الطريقة الصحيحة لاستخدام HTML.

الخـطوة 4 : أضف صورة. بإضافة صورة إلى الصفحة ، ستتعرف على السمات والعناصر الفارغة.

الخـطوة 5 : قم بتغيير مظهر الصفحة باستخدام ورقة الأنماط. يمنحك هذا التمرين طعمًا لتنسيق المحتوي باستخدام أوراق الأنماط المتتالية.

بحلول الوقت الذي ننتهي فيه ، ستكون قد كتبت المستند المصدر للصفحة الموضحة في الشكل 4-1. إنه ليس خياليًا جدًا ، لكن عليك أن تبدأ من مكان ما.

سوف نتحقق من عملنا في المـتصفح بشكل متكرر خلال هذا العرض التوضيحي – ربما أكثر مما تفعل في الحياة الواقعية. ولكن نظرًا لأن هذه مقدمة إلى HTML ، فمن المفيد معرفة سبب وتأثير كل تغيير صغير في الملف المصدر على طول الطريق.

يعد إنشاء صفحة الويب الخـاصة بك اكثر فعالية من حيث التكلفة مقارنة بالدفع لشركة تصميم أو مصمم ويب للقيام بالمهمة نيابة عنك. إن القيام بالمهمة بنفسك لا يعني أن عليك أن تبخل بالجودة ؛ هناك الكثير من الخدمات المجانية المتاحة عبر الانترنت والتي تسهل العملية. إذا كانت لديـك مهارات ترمـيز أو تصميم محدودة ، يمـكنك الاستفادة من القوالب لتحقيق نتائج ذات مظهر احترافي. باستخدام خدمات مثل Weebly و Moonfruit و Wix ، يمكـنك استخدام واجهة السحب والإفلات لتصميم صفحة الويب الخـاصة بك ثم استخدام الأدوات لزيادة تحـسين تجربة التصفح للزوار.

عند استخدام مصادر خارجية لإنشاء صفحة الويب الخـاصة بك ، فأنت لا تضمن دائمًا أن تتطابق رؤيتها مع رؤيتك. حتى إذا نقلت بوضوح ما تتوقعه من موقعك ، فغالبًا ما يدمج المصممون أفكارهم وأنماطهم. عند إنشاء صفحة الويب بنفسك ، فأنت تعلم أن النتائج سـوف تتوافق مع رؤيتك الـخاصة ، خاصة إذا كانت لـديك المهارات اللازمة لتنفيذ كل ما تريده. إن التعامل مع هذا العمل بنفسك يقلل أيضًا من الإحباط الناتج عن الاضطرار إلى التعامل مع المصممين الذين قد يحاولون التأثير على رؤيتك لتتناسب مع رؤيتهم الخـاصة .

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

إن إنشاء صفحة الويب الخاصـة بك ليس مجزيًا فحسب ، بل إن العملية يمكن أن تزيد من مهاراتك أيضًا. هناك ثروة من المعلومات المجانية حول الترميز والتصميم المتاحة عبر الانترنت والتي يمكن أن تساعدك على أن تصبح أكثر دراية. تجعل الخبرة التي تكتسبها من السهل توصيل أفكارك إلى مصممي الويب الآخرين أو تعليم المهارات لزملاء العمل أو الموظفين. يمكن أن تكون المهارات التي تتعلمها أثناء إنشاء صفحة الويب الخـاصة بك مفيدة في مجالات أخرى من عملك تتضمن التصميم .

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

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

قبل التمكن من عرض المحـتوى الخاص بك على الويب ، ستحتاج إلى ترمـيز الصـفحات في لغة ترمـيز النص التشعبي – HTML – وهذا هو المعيار لصفحات الويب. في الماضي ، كان عليك أنت أو مشرف الموقع الخـاص بشركتك معرفة HTML وإنشاء الصفـحات باستخدام محرر مثل Notepad ، أو محرر HTML مخصص أو محرر نصوص يشبه معالج النصوص (ظاهريًا ، على الأقل) مثل FrontPage ، أو Expressions ، أو GoLive ، أو Dreamweaver . اليوم ، ومع ذلك ، تتيح لك تطبيقات تطوير الويب عبر الإنترنت إنشاء مواقـع ويب كاملة بسرعة وسهولة دون الحاجه إلى أي مهارات ترميز HTML. يمكـنك إنشاء صفحات جديدة وتعديل الصفحات الموجودة باستخدام متصفح الويب الخـاص بك ولوحة المفاتيح والماوس فقط .