بعد أن انتهت المراحل السابقة التخطيط للموقع، وجمع وإعداد المحتوى، واعتماد تنسيق صفحات الموقع)، لابد من البحث عن الأداة المناسبة لتحويل كل ذلك إلى وثائق قابلة للعرض على صفحات الويب.
بالطبع، يُمكنك الاستعانة بالعديد من الأدوات البرمجية مثل لغة HTML أي لغة النص المترابط HyperText Markup Language) بإصداراتها المختلفة، أو الاستعانة بأحد التطبيقات مثل مايكروسوفت فرونت بيج
Microsoft FrontPage).
ولغة النص المترابط هي لغة برمجية تُستَخدَم لبناء صفحات الويب، وتتكوَّن هذه اللغة من نصوص texts)، ورموز tags) تحيط بعناصر الوثيقة document elements) وتحدِّدها، وتبيِّن هذه اللغة للبرنامج المستعرِض ما ينبغي عمله عند النقر على رابطة معيَّنة وتنشيطها.
والواقع أن لغة HTML هي من أكثر الأدوات شيوعا، وأكثرها تطابقاً مع المعايير المعتَمَدة في هذا المجال. ويُفضَّل طبعاً استخدام الإصدار الأحدث من هذه اللغة للاستفادة من جميع الخصائص الجديدة فيها.
عناصر بناء وثيقة HTML
هي عناصر مطلوبة في الوثائق التي تعتمد لغة النصّ المترابط HTML.
وجميع العناصر التالية ضرورية للتأكّد من مطابقة الوثيقة لأي معيار HTML:
<HTML>……</HTML>
<HEAD>……</HEAD>
<BODY>……</BODY>
وسنعرِّج فيما يلي على هذه العناصر وبعض العناصر الأخرى في لغة HTML.
عنصر <HTML>
هذا العنصر هو الذي يُعرِّف الوثيقة على أنها وثيقة تحتوي عناصر HTML، وهو يقوم بدور السور الذي يُحيط ببقيّة الوثيقة بما في ذلك جميع العناصر الأخرى. ويتمّ استخدام هذا العنصر بمثابة بداية لوثيقة HTML ، وهو يدلّ على أن هذه الوثيقة تُلبّي معايير HTML. وتكون الصياغة كما يلي:
<HTML>
بقية الوثيقة تأتي هنا
</HTML>
عنصر العنوان <TITLE>
يجب أن يكون لأي وثيقة HTML عنصر عنوان title element) يكون اسما لها، ويُعبِّر عنها بطريقة مفهومة، ويُمكن استخدامه في قوائم History واستخدامه بمثابة علامة مميِّزة للنوافذ التي تعرض الوثيقة. ولا تظهر هذه العناوين عادة في نصّ الوثيقة نفسها، وفي الغالب، فإن المستعرِضات تُظهِر النصّ الموجود في عنصر العنوان في شريط العنوان title bar) في نافذة المستعرِض.
عنصر رأس الوثيقة <HEAD>
يتكوَّن رأس وثيقة HTML من مجموعة غير مرتَّبة من المعلومات المتعلِّقة بالوثيقة، ومن المفروض أن لا يكون هنالك أي تأثير مباشر لعنصر <HEAD>...</HEAD> في شكل الوثيقة عند ظهورها.
عنصر جسم الوثيقة <BODY>
يتضمن جسم الوثيقة document body)- كما يوحي اسمه- كلّ النصّ وجميع الصُوَر التي تشكِّل الوثيقة جنبا إلى جنب مع جميع عناصر HTML التي تضبط الوثيقة. ويكون ذلك وفق الصياغة التالية:
<BODY>
بقيّة الوثيقة تأتي هنا
</BODY>
ومن الممكن التحكّم بألوان الوثيقة وخلفيّتها عن طريق تحديد مجموعة من السِمات مفردها سِمة attribute) في صياغة عنصر <BODY>. وفي الصياغة الخاصة بالعناصر المتعدِّدة السِمات، يجب أن يكون هنالك فراغ space) بين كل سِمة وأخرى. وعلى كلّ حال، فإنه ينبغي عليك معرفة أن معظم المستعرِضات تزوِّد المستخدِم بوسائل لطمس الألوان color over-ride) ومنع تحميل الصُوَر والرسومات.
بالطبع، يُمكنك الاستعانة بالعديد من الأدوات البرمجية مثل لغة HTML أي لغة النص المترابط HyperText Markup Language) بإصداراتها المختلفة، أو الاستعانة بأحد التطبيقات مثل مايكروسوفت فرونت بيج
Microsoft FrontPage).
ولغة النص المترابط هي لغة برمجية تُستَخدَم لبناء صفحات الويب، وتتكوَّن هذه اللغة من نصوص texts)، ورموز tags) تحيط بعناصر الوثيقة document elements) وتحدِّدها، وتبيِّن هذه اللغة للبرنامج المستعرِض ما ينبغي عمله عند النقر على رابطة معيَّنة وتنشيطها.
والواقع أن لغة HTML هي من أكثر الأدوات شيوعا، وأكثرها تطابقاً مع المعايير المعتَمَدة في هذا المجال. ويُفضَّل طبعاً استخدام الإصدار الأحدث من هذه اللغة للاستفادة من جميع الخصائص الجديدة فيها.
عناصر بناء وثيقة HTML
هي عناصر مطلوبة في الوثائق التي تعتمد لغة النصّ المترابط HTML.
وجميع العناصر التالية ضرورية للتأكّد من مطابقة الوثيقة لأي معيار HTML:
<HTML>……</HTML>
<HEAD>……</HEAD>
<BODY>……</BODY>
وسنعرِّج فيما يلي على هذه العناصر وبعض العناصر الأخرى في لغة HTML.
عنصر <HTML>
هذا العنصر هو الذي يُعرِّف الوثيقة على أنها وثيقة تحتوي عناصر HTML، وهو يقوم بدور السور الذي يُحيط ببقيّة الوثيقة بما في ذلك جميع العناصر الأخرى. ويتمّ استخدام هذا العنصر بمثابة بداية لوثيقة HTML ، وهو يدلّ على أن هذه الوثيقة تُلبّي معايير HTML. وتكون الصياغة كما يلي:
<HTML>
بقية الوثيقة تأتي هنا
</HTML>
عنصر العنوان <TITLE>
يجب أن يكون لأي وثيقة HTML عنصر عنوان title element) يكون اسما لها، ويُعبِّر عنها بطريقة مفهومة، ويُمكن استخدامه في قوائم History واستخدامه بمثابة علامة مميِّزة للنوافذ التي تعرض الوثيقة. ولا تظهر هذه العناوين عادة في نصّ الوثيقة نفسها، وفي الغالب، فإن المستعرِضات تُظهِر النصّ الموجود في عنصر العنوان في شريط العنوان title bar) في نافذة المستعرِض.
عنصر رأس الوثيقة <HEAD>
يتكوَّن رأس وثيقة HTML من مجموعة غير مرتَّبة من المعلومات المتعلِّقة بالوثيقة، ومن المفروض أن لا يكون هنالك أي تأثير مباشر لعنصر <HEAD>...</HEAD> في شكل الوثيقة عند ظهورها.
عنصر جسم الوثيقة <BODY>
يتضمن جسم الوثيقة document body)- كما يوحي اسمه- كلّ النصّ وجميع الصُوَر التي تشكِّل الوثيقة جنبا إلى جنب مع جميع عناصر HTML التي تضبط الوثيقة. ويكون ذلك وفق الصياغة التالية:
<BODY>
بقيّة الوثيقة تأتي هنا
</BODY>
ومن الممكن التحكّم بألوان الوثيقة وخلفيّتها عن طريق تحديد مجموعة من السِمات مفردها سِمة attribute) في صياغة عنصر <BODY>. وفي الصياغة الخاصة بالعناصر المتعدِّدة السِمات، يجب أن يكون هنالك فراغ space) بين كل سِمة وأخرى. وعلى كلّ حال، فإنه ينبغي عليك معرفة أن معظم المستعرِضات تزوِّد المستخدِم بوسائل لطمس الألوان color over-ride) ومنع تحميل الصُوَر والرسومات.