تطوير مواقع الويب

[جامبو]

تمهيد

أصبح معلوما لديك أن الويب هي مجموعة الوثائق الإلكترونية المترابطة المخزَّنة في أجهزة الكمبيوتر في العالم بأسره. أما السؤال الذي يطرح نفسه الآن فهو: كيف السبيل إلى أن يكون لك موقع على الويب يراك العالم عن طريقه، وتطرح أفكارك وآراءك عبره، وترى ردود الزائرين عليه؟ وقد يغدو موقعك على الويب منطلقا لرسالة سامية تُعرِّف العالم على مجتمعك وحضارة أمتك، أو قد يكون واجهة لأعمالك التجارية تعرض عن طريقه ما تقدِّمه من سِلَع وخدمات. وقبل الحديث عن كيفية تصميم وبناء موقع الويب، ينبغي العلم أنه يمكن تصنيف مواقع الويب إلى ثلاثة أنواع رئيسة:

1. مواقع شخصية: يبينها الأفراد لعرض أفكارهم

وآرائهم واهتماماتهم الشخصية.

2. مواقع مؤسسية: تبنيها المؤسسات والشركات والهيئات للتعريف بأنشطتها أو ترويج منتجاتها وخدماتها.

3. مواقع شخصية مؤسسية: هي مواقع مصمَّمة أساسا لعرض أفكار وآراء ومبادرات أصحابها، ولكنها تقوم في الوقت نفسه بدور مؤسسي كالتعريف ببلد أو حضارة ما أو تبنّي مشروع معيَّن. ومن الأمثلة على هذه المواقع موقع سمو الشيخ محمد بن راشد آل مكتوم www.sheikhmohammed.co.ae


رجوع
التخطيط للموقع (Site Planning)


استنادا إلى تحديد نوع الموقع ( إن كان شخصيا، أم مؤسسيا، أم شخصيا مؤسسيا)، يمكنك تحديد الأسلوب الأمثل للتخطيط له. وبشكل عام، لا بُدَّ من الخطوتين التاليتين:

1. يجب عليك أن تحدِّد الأهداف المرجوّ تحقيقها من الموقع. وسوف تساعدك الإجابة عن الأسئلة التالية في تحديد تلك الأهداف:


• ما طبيعة الدور الذي سيؤديه الموقع ( تثقيفي أم تعليمي متخصِّص أم تسويقي أم شخصي...)؟

• ما هي الخدمات والمعلومات التي سيقدمها الموقع للزائرين؟ من المؤكَّد أن الإجابة عن هذا السؤال تعتمد أساسا على طبيعة الدور الذي سيؤديه الموقع.

• ما هي الأولويات ( أي إن كان الموقع سيقدِّم عدة أنواع من الخدمات والمعلومات، فأي منها له الأولوية القصوى مثلا)؟

• كيف يمكن جعل الموقع مميَّزا أو أعلى مصداقية من المواقع الأخرى؟

2. وضع المخطط العام للموقع، وهو مخطِّط يُبيِّن العلاقة بين صفحات الموقع. ويجب أن يحتوي المخطَّط على العناصر التالية:


• تنظيم هرمي يُبيِّن صفحات الموقع. ويبدأ رأس الهرم بصفحة الموقع الافتتاحية (Web Site Home page)، ويُبيِّن كل مستوى فيه الصفحات المتفرعة عن المستوى الأعلى منه.
• شرح موجز لمحتويات كل صفحة على حدة، وتحديد الروابط الموجودة في الصفحة.
•شرح يوضِّح بواسطة الأسهم الاتجاه الذي ينبغي أن تسير الروابط تبعاً له.

http://www.itep.co.ae/itportal/arabic/images/image_1.gif

مثال للتنظيم الهرمي للموقع

وينبغي أن نشير هنا إلى أن التخطيط لبناء الموقع يجب أن يتمّ في ضوء الأمور التالية:


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

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


رجوع
جمع وإعداد المحتوى (Content Preparation)


محتوى الموقع هو كل ما يتضمّنه الموقع من مواد مقروءة أو مسموعة أو مرئية. ومواد المحتوى هي الأدوات الرئيسة التي تُتيح للموقع أن يؤدي دوره.

وتقع مسؤولية تحديد الكيفية التي يتمّ بها جمع وإعداد مواد المحتوى على مدير الموقع. وإذا كان محتوى الموقع ضخما، فقد يوجِّه مدير الموقع أعضاء من فريق العمل لانتقاء مواد المحتوى من مصادر معتمدة، أو قد يطلب إعداد مواد خاصة بالموقع.

وتجدر الإشارة هنا إلى أن مواد المحتوى- سواءً أكانت مقروءة أم مسموعة أم مرئية- يجب أن تراعي آداب الإنترنت (Netiquette) التي تناولتها صفحة المستوى المبتدئ.

وفيما يخص مواد المحتوى المقروءة من نصوص ومقالات، فإنه يجدر الالتزام بما يلي:


• الموضوعية؛ فالمادة التي تفتقر إلى الموضوعية تعجز عن إيصال الرسالة المقصودة منها.
• الإيجاز؛ ولا زيادة على ما قالت العرب: "البلاغة الإيجاز".
• الاستعانة بالجداول، وصياغة الأفكار على شكل نقاط مرتبة؛ وذلك بهدف التوفير في مساحة وعدد الصفحات..
• اختيار العناوين بعناية بالغة بحيث تكون لافتة للأنظار؛ لأن تكلفة التراجع عن استعراض الموقع أو الصفحة لا تتعدّى نقرة على زر الماوس يقوم بها الزائر إذا لم يجد غايته ظاهرة على الصفحة بشكل مميز وجذاب.

أما موضوع إعداد الرسوم والصور- وهي جزء مهم من المحتوى- فسوف يتمّ تناوله في مادة (معالجة وتنقيح الرسوم) الواردة لاحقا.



رجوع
تنسيق صفحات الويب (Page Layout)


ينبغي التعامل مع صفحة الويب على أنها مساحة يجب استغلالها على الوجه الأمثل لإيصال الرسالة المقصودة من الصفحة. وإليك فيما يلي بعض النصائح التي تُعين على تحقيق ذلك:

1. الحرص على تنسيق الصفحة بحيث يكون المحتوى الأساس فيها ظاهرا بالكامل مهما كانت دقة الشاشة التي يستخدمها زائر الموقع.

2. التأكد من جدوى تنسيق صفحات الموقع على هيئة إطارات (frames)؛ لأن تعدّد الإطارات يكلف زائر الموقع جهدا ًإضافياً في التعامل مع الصفحة، بدءاً من إضافتها إلى المواقع المفضلة ووصولا إلى طباعة الصفحة أو طباعة جزء منها. ويمكن الاستعاضة عن الإطارات بالجداول التي يُمكن تقسيمها إلى خلايا. وقد يتطلَّب تنسيق الصفحة باستخدام الجداول جهدا أكبر بقليل، ولكنه يقدِّم حلا ناجعاً يُحسِّن سرعة الاستعراض.

3. الاهتمام بإضافة النص الذي يظهر في شريط الحالة (Status Bar) لأنه يساعد الزائر في اتخاذ قرار متابعة استعراض الموقع أو الانتقال إلى غيره.

4. الاهتمام باختيار أنواع الخطوط وتحري الواضحة منها.

5. الاهتمام باختبار تنسيق صفحات الموقع على مستعرضات مختلفة؛ للتأكد من ظهور جميع أجزاء الصفحة. حاول أن تجعل تنسيق الصفحات قياسيا ليكون ملائماً لجميع المستعرضات.

6. انتقاء العناوين الجذابة ودمجها في تصميم ترويسة الصفحة (page header).

7. ضبط أحجام النصوص في الصفحات بما يتلاءم مع درجة اهتمام الزائر بموضوع الصفحة، فكلما ازداد اهتمام الزائر بالموضوع ازداد عدد الصفحات الفرعية التي يستعرضها وازداد الوقت الذي يخصصه لقراءة نصوص تلك الصفحات، ولذلك يُفضَّل أن تُراعى الأحجام التالية في نصوص صفحات الموقع:

• حوالي 100 كلمة في الصفحة الافتتاحية للموقع.
• حوالي 200 كلمة/صفحة في صفحات الملخصات والمقدمات.
• حوالي 400 كلمة/صفحة في الصفحات التفصيلية والفرعية.

[جامبو]

ما هي لغة النص المترابط HTML

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

بالطبع، يُمكنك الاستعانة بالعديد من الأدوات البرمجية مثل لغة 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) ومنع تحميل الصُوَر والرسومات.



ومن سِمات هذا العنصر:

أ – سمة الخلفية (BACKGROUND)
يُمكن استخدام سِمة الخلفية background للإشارة إلى ملفّ صورة (image file) يُمكن وضعه على شكل بلاطات متراصّة في خلفية نافذة المستعرِض. وإذا كانت الصياغة بالطريقة التالية:<BODY BACKGROUND=”imagename.gif”> بقية الوثيقة تأتي هنا <BODY> فإن ذلك يعني وضع صُوَر أو نصوص الوثيقة على خلفية تتشكَّل من الصورة التي يضمّها ملف (imagename.gif) بحيث تكون هذه الصورة على شكل بلاطات متراصّة تغطّي المساحة التي تراها، أي بطريقة تشبه كثيرا الطريقة التي تُستَخدَم بها الصّوَر النُقْطية (bitmaps) على شكل ورق الجُدران في ويندوز (Windows Wallpaper). ويدعم معظَم المستعرِضات هذه السِمة التي تُتيح استخدام ملفات صُوَر بصِيَغ GIF و JPG لتكون خلفية لوثائق HTML، وجدير بالذكر هنا أن المستعرِض إنترنت إكسبلورر يدعم أيضا الملفات ذات الصيغة BMP بالإضافة إلى الصيغتين المذكورتين آنفا.

ب – سمة لون الخلفية (BGCOLOR)
تُتيح هذه السِمة اختيار لون خلفية الوثيقة، حيث تكون الصياغة على النحو التالي:

<BODY BGCOLOR=”#rrggbb”> بقية الوثيقة تأتي هنا </BODY>




رجوع
عنصر جسم الوثيقة <BODY>

هذا العنصر هو المغلِّف (wrapper) الرئيس لجميع السمات التي يضمّها الجدول، حيث يتمّ إغفال جميع السمات الأخرى التي لا تكون مغلَّفة بالعنصر <TABLE>…</TABLE>.

ويتضمَّن العنصر <TABLE> السِمات التالية:

أ – سمة الحدود (BORDER)
يُمكن استخدام هذه السِمة للتحكّم بحدود الجدول وإعدادها لتظهر بالشكل المطلوب في الوثيقة. وإذا كانت هذه السِمة موجودة، فإنه سيتمّ رسم حدّ يُحيط بخانات الجدول. وينبغي القول إن سُمك وشكل هذا الحدّ المفتَرَض سلفا (default) يختلف من مستعرِض إلى آخر. وإذا لم تكن هذه السِمة موجودة فلا يتمّ عرض أي حدود، ولكن شكل الجدول سيظهر مرتَّبا كما لو كانت الحدود موجودة ( أي تكون هنالك فراغات متروكة للحدود). ومن الممكن أيضا إعطاء قيمة محدَّدة لِسُمك الحدود على الشكل التالي:

BORDER="value"

بحيث تحدِّد هذه القيمة سُمك الحدود التي ستظهر محيطة بخلايا الجدول. وبوسعك وضع هذه القيمة بمقدار صفر (0) ممّا يعني إلغاء مساحات الفراغ التي حجزها المستعرِض لرسم الحدود ( أي كما في حالة اختيار عدم رسم حدود وهي تكافئ حالة عدم وجود السِمة).

ب – سمة حواشي الجدول (CELLPADDING)
السِمة CELLPADDING هي التي تُعبِّر عن حواشي الجدول ( أي مساحة الفراغ الخالية بين حدود خلية الجدول والبيانات التي تضمّها هذه الخلية). والقيمة المفتَرضَة سلفا هي 1. ومن الممكن إعطاء قيمة محدّدة لحواشي الجدول كما يلي:

CELLPADDING=”value”

ج – سمة الفراغات بين خلايا الجدول (CELLSPACING)
السِمة CELLSPACING هي التي تُعبِّر عن مساحة الفراغ المطلوب تركها بين خلية وأخرى في الجدول. والقيمة المفتَرَضة سلفا هي 2. ومن الممكن إعطاء قيمة محددة لهذه السمة كما يلي:

CELLSPACING=”value”

وإذا قُمت بصياغة العبارة على النحو التالي:


<TABLE BORDER=”0” CELLSPACING=”0” CELLPADDING=”0”>


فإن الجدول سيحتل أقل مساحة ممكنة.

د – سمة عرض الجدول (WIDTH)
إذا استخدمت هذه السِمة، فإنها تُحدِّد بدقّة عرض (width) الجدول مقدَّرا بالنقاط الضوئية أو البكسلات (pixels)، أو تُحدِّد عرض الجدول بنسبة معيَّنة من عرض النافذة التي يعرضها المستعرِض. وتكون الصياغة كما يلي:

WIDTH=”value or percent”

هـ - سمة طول الجدول (HEIGHT)
إذا استخدمت هذه السِمة، فإنها تُحدِّد بدقّة طول (height) الجدول مقدَّرا بالنقاط الضوئية (البكسلات)، أو تُحدِّد طول الجدول بنسبة معيَّنة من النافذة التي يعرضها المستعرِض. وتكون الصياغة كالتالي:

HEIGHT=”value or percent”

و – سمة المحاذاة الجانبية ALIGN=”left|right”
تدعم بعض المستعرِضات- ومنها إنترنت إكسبلورر ونافيغيتر- السِمة ALIGN الخاصة بالعنصر <TABLE>. وتُتيح هذه السمة تحديد محاذاة الجدول سواءً على الجهة اليُسرى أم اليُمنى من الصفحة، ممّا يسمح بانسياب النصّ بالشكل الملائم حول الجدول.

ز – سمة المحاذاة العمودية VALIGN=”top|bottom|center”
يدعم المستعرِضان إنترنت إكسبلورر ونيتسكيب هذه السِمة التي تُستخدَم لتحديد المحاذاة العمودية للنصّ المعروض في خلايا الجدول. والقيمة المفتَرضَة سلفا التي يتمّ استخدامها في حالة عدم تحديد قيمة معيَّنة لهذه السِمة هي المحاذاة الوسطية
(center-aligned).

ح – سمة لون الخلفية (BGCOLOR)
يدعم المستعرِضان إنترنت إكسبلورر ونيتسكيب استخدام هذه السِمة، وهي سِمة مدعومة أيضا في العنصر <BODY> . وتُتيح هذه السِمة تحديد لون خلفية الجدول، سواءً أكان ذلك عن طريق اختيار أسماء معيَّنة للألوان أم عن طريق ثلاثية الألوان
(أحمر وأخضر وأزرق rrggbbtriplet). وتكون الصياغة كما يلي:



BGCOLOR=”#rrggbb|colourname”

ط – سمة لون الحدود (BORDERCOLOR)
يدعم إنترنت إكسبلورر هذه السِمة التي تُحدِّد لون حدود الجدول. ومن الممكن استخدام أي اسم من أسماء الألوان المعرَّفة سلفا، كما يُمكن أيضا استخدام أي لون من ضمن ثلاثية الألوان rrggbb. ومن الضروري جدا أن تكون سِمة BORDER موجودة في عنصر <TABLE> الرئيس كي تتمّ عملية تلوين الحدود. وتكون الصياغة كما يلي:



BORDERCOLOR=”#rrggbb|colourname”

ي – سمة لون الحدود الفاتح (BORDERCOLORLIGHT)
يُتيح إنترنت إكسبلورر استخدام السِمة BORDERCOLORLIGHT من أجل تحديد اللون الفاتح لإظهاره على حدود الجداول الثلاثية الأبعاد. وهذه السِمة مضادة للسِمة BORDERCOLORDARK. ومن الممكن استخدام أي اسم من أسماء الألوان المعرَّفة سلفا، كما يُمكن أيضا استخدام أي لون من ضمن ثُلاثية الألوان rrggbb. ومن الضروري أن تكون السِمة BORDER موجودة في عنصر <TABLE> الرئيس كي تتمّ عملية تلوين الحدود. وتكون الصياغة كما يلي:



BORDERCOLORLIGHT=”#rrggbb|colourname”

ك – سمة لون الحدود الغامق (BORDERCOLORDARK)
يُتيح إنترنت إكسبلورر استخدام السِمة BORDERCOLORDARK من أجل تحديد اللون الغامق لإظهاره على حدود الجداول الثلاثية الأبعاد. وهذه السِمة مضادة للسِمة BORDERCOLORLIGHT. ومن الممكن استخدام أي اسم من أسماء الألوان المعرَّفة سلفا، كما يُمكن أيضا استخدام أي لون من ضمن ثُلاثية الألوان rrggbb. ومن الضروري أن تكون السِمة BORDER موجودة في عنصر <TABLE> الرئيس كي تتمّ عملية تلوين الحدود. وتكون الصياغة كما يلي:



BORDERCOLORDARK=”#rrggbb|colourname”

ل – سمة إدراج صورة في خلفية الجدول BACKGROUND=”URL of image”

يدعم المستعرِضان إنترنت إكسبلورر ونيتسكيب إدراج الصُوَر في عنصر <TABLE>. وإذا تمّ استخدام هذه السِمة في عنصر <TABLE>، فإن ملفات الصُوَر ذات الصِيَغ المدعومة يُمكن أن تُستَخدَم بمثابة صورة خلفية للجدول.


رجوع
عنصر الإطار <FRAME>


يُعرِّف هذا العنصر إطاراً ضمن مجموعة الإطارات المكوّنة لصفحة الويب، وفيما يلي سنذكر سِماته:



أ – سمة SRC=”url”
تُحدِّد هذه السِمة الإطار الذي سيكون- عند زيارة الموقع- أول إطار يتمّ عرضه من بين مجموعة الإطارات التي تتكون منها الصفحة.

ب – سمة NAME=”frame_name”
يمكن أن نعيّن بواسطة هذه السِمة اسماً للإطار لتعريفه عند الإشارة إليه من إحدى الروابط في الوثائق الأخرى، ويتم ذلك وفق الصيغة التالية:



<A HREF=”URL” TARGET=”frame_name”>


(ملحوظة: تتم عملية الربط ضمن مجموعة الوثائق المكونة لصفحة الويب نفسها). ولا ضير من عدم تسمية الإطار، فهذه السِمة اختيارية، حيث يُفتَرض أصلاً أن جميع الإطارات تكون بلا اسم. وفي حال التسمية، يُفتَرض البدء بمحرف أبجدي أو رقمي (alphanumeric)، وتجدر الإشارة إلى أنه قد تمّ تعريف وحجز عدّة أسماء تبدأ بِشَرطة سفلية، ومن الأمثلة عليها:


يؤدي استخدام هذا الاسم إلى الانتقال إلى الإطار الجديد (غير المسمّى)
_blank
يؤدي استخدام هذا الاسم إلى الانتقال إلى الإطار نفسه الذي جاءت منه الرابطة
_self
يؤدي استخدام هذا الاسم إلى الانتقال إلى الإطار الأب (parent frame) (يتم الانتقال إلى الإطار نفسه إن لم يكن له إطار أب، أو إن كان هو نفسه الإطار الأب الرئيس)
_parent
يؤدي استخدام هذا الاسم إلى الانتقال إلى مستوى أعلى (سيتم الانتقال إلى الإطار نفسه إن كان أصلا في المستوى الأعلى)
_top



ملحوظة:
رغم إن الأسماء المذكورة هي كلمات محجوزة لِسِمة NAME الخاصة بالعنصر
<FRAME>، إلا إنه لا ينبغي الرجوع إليها إلا عند استخدام طريقة المنطقة المستهدفة (Anchor Target) لبناء رابطة فائقة؛ وهي طريقة تُتيح بسلاسة كبيرة عمليات التنقل بين الوثائق المؤطَّرة (framed) وعمليات التنقل بين الوثائق المؤطَّرة والوثائق غير المؤطَّرة (non-framed) (على سبيل المثال، يمكن استخدامها عند بناء رابطة فائقة تشير إلى وثائق قد تكون غير مؤطَّرة موجودة على جهاز خادم بعيد).

ج – سمة MARGINWIDTH=”value”
تأخذ هذه السِمة قيمتها بعدد النقاط الضوئية (البكسلات) التي تُمثل الهامش، وهي تُحدِّد مقدار الهامش من الطرفين الأيمن والأيسر للإطار، ولا يُسمَح بأن تكون قيمة هذه السِمة أقل من 1 لأن ذلك يؤدي إلى ظهور محتويات الوثيقة خارج المساحة المطلوبة. وعلى كل حال، فإن المستعرِض يختار قيمة محدَّدة سلفا (default) لهذه السِمة عند محاولته إظهار الوثيقة بالشكل الأفضل.

د - سمة MARGINHEIGHT=”value”
تشبه هذه السِمة سابقتها ( أي سمة MARGINWIDTH)، إلا إن وظيفتها هي التحكم بالهوامش العلوية والسفلية.

هـ - سمة SCROLLING =”yes|no|auto”
تتحكم هذه السِمة بظهور شرائط التحريك (scrolling bars) التي تساعد في رؤية النص الذي يزيد على مساحة الرؤيا في نافذة الإطار، وقد يكون استخدام القيمة “no” خطيراً لجهلنا بمساحة أو دقة نافذة العرض على جهاز المستفيد (client) ؛ مما قد يؤدي إلى اختفاء بعض المعلومات لديه.

و – سمة NO RESIZE
تُتيح هذه السِمة جعل جميع الإطارات المعرَّفة في وثيقة ما قابلة للتحجيم (إي إعادة تحديد حجمها) من قِبَل المستفيد، وإعداد هذه السِمة يمنع التحكم بحجم الإطارات.

ز - سمة FRAMEBORDER=”yes|no|0”
تتحكم هذه السِمة بإظهار حدود الإطار، وإعطاء القيمة “0” لهذه السِمة يؤدي إلى عدم رسم الحدود (هذا فقط في البرنامج إنترنت إكسبلورر). وتَدّعي شركة نيتسكيب أن مستعرِضها يدعم هذه السِمة باستخدام القيم “yes|no” في عنصر <FRAME> وعنصر <FRAMESET> (عنصر يُستخدَم لبناء مجموعة إطارات أو إطارات متداخلة)، ولكن إجراء اختبار بسيط يُظهِر عكس ذلك. وعلى كل حال، فإن نيتسكيب تُعوِّض عن ذلك بدعم الإطارات العديمة الحدود (borderless frames).



ويُتيح كل من المستعرِضين نيتسكيب وإنترنت إكسبلورر طرائق مختلفة لبناء الإطارات العديمة الحدود، ففي البرنامج نيتسكيب يكفي أن نعطي القيمة “0” للسِمة BORDER في أول عنصر بناء <FRAMESET> لإزالة الحدود من كامل مجموعة الإطارات. أما البرنامج إنترنت إكسبلورر فهو لا يدعم هذه السِمة، ونحتاج لإعطاء القيمة “0” لكل من عنصري البناء <FRAMEBORDER> و <FRAMESPACING> في أول عنصر بناء <FRAMESET> لإزالة الحدود من كامل مجموعة الإطارات. والصياغة التالية الخاصة بالإطار تمثِّل حلا مستقلا عن المستعرِض؛ أي يصلح لإنترنت إكسبلورر ونيتسكيب على حدّ سواء:



<HTML>
<HEAD>
<TITLE>Borderless Frames example</TITLE>
</HEAD>
<FRAMESET FRAMEBORDER="0" FRAMESPACING="0" BORDER="0" COLS="165,*">
<FRAME SRC="contents.asp" NAME="contents">

تأتي هنا عناصر <FRAME> أخرى وعناصر <FRAMESET> أخرى.

[جامبو]

مفاهيم ومعلومات ضرورية

مرحلة إعداد الصور وتنقيحها هي إحدى المراحل المهمة في إعداد محتوى الويب. وتنبع أهمية الصور من أن الإنسان يتلقّى عن طريق العين جزءا كبيرا من حصيلة معلوماته وانطباعاته، وبناءً عليه، فلا بُدَّ من العناية بما يرضي العين الناظرة. وفيما يلي بعض المفاهيم والنقاط المهمة التي ينبغي الإلمام بها:

• أنظمة الألوان
تنحصر عمليات العرض والطبع أساسا ضمن عدد محدود من أنظمة الألوان، ومنها:

• نظام الخريطة النُقطية (Bitmap) حيث تكون البتّ (bit) باللون الأسود أو بالأبيض فقط.
• نظام ثُلاثية الألوان RGB ( أي الأحمر والأخضر والأزرق التي يُمكن مزجها معا بدرجات متفاوتة لإنتاج حوالي 17 مليون لون تظهر على الشاشة).
• نظام CMYK (أي الأزرق الفاتح (Cyan) والأحمر المائل للزُرقة (Magenta) والأصفر
(Yellow) والأسود(Black)).
• نظام التدرّج الرمادي (Grayscale) الذي يتكوَّن من طيف درجات الرمادية التي تتراوح بين الأسود والأبيض.

• أنواع رسوم الكمبيوتر
يُمكن تصنيف رسوم الكمبيوتر إلى نوعين رئيسين:
• رسوم الخريطة النُقطية (Bitmap images) حيث يكون الرسم مكوَّنا من مجموعة من النقاط الضوئية (pixels) لكلّ منها لون وموقع في الرسم، وهذا النوع من الرسوم قد تتأثَّر جودته عند تغيير حجمه أو لونه.
• الرسوم المتّجهية (vector images)، وهذا النوع من الرسوم يُحافظ على جودته بعد التعديل، لأنه يتكوَّن من مجموعة من الخطوط والمنحنيات المحدَّدة أصلا وفق خصائص هندسية معيَّنة.

• صيغ ملفات الصور (Image File Formats)
الصيغتان GIF و JPEG هما الصيغتان الأكثر استخداما في ملفات الصور المنشورة في مواقع الويب، ولكن يُفضَّل استخدام كل منهما في حالات معينة؛ فالصيغة JPEG يُفضَّل استخدامها للصور الفوتوغرافية؛ لأن صيغة JPEG تُتيح نسبة ضغط (compression ratio) عالية تخفِّض حجم ملف الصورة الفوتوغرافية الذي يكون كبيرا في العادة، أما الصيغة GIF فهي أصلح لرسوم وصور الكمبيوتر المبنية باستخدام تطبيقات معينة؛ لأن هذه الصيغة تعتمد جدول ألوان ذا 256 لوناً؛ مما يجعل ملفاتها أصغر حجما وأسرع تنزيلا. وهنالك أيضا صيغة TIFF التي يُمكن استخدامها في مسح وتخزين الصور ذات التدرّج الرمادي، وصيغة BMP التي تكون ملفاتها مخزَّنة على شكل خريطة مكوَّنة من نقاط ضوئية.
• المساحة المتاحة لاستضافة الموقع (Hosting Limits)
تُحدِدُ المساحة المتاحة لاستضافة الموقع على خادم الويب (web server) ما يمكن أن يتضمَّنه الموقع من صور؛ لأن مجموع المساحة المخصصة للصور والمساحة المخصصة لعناصر الموقع الأخرى يساوي المساحةَ الإجمالية المخصصة للموقع، وزيادة واحدة منهما ستؤثر حُكماً في الأخرى، ولهذا يجب أن ندرس بعناية عدد وأحجام الصور التي ستضاف للموقع.

• جدول الألوان الآمن (The Safe Palette)
يختلف جدول الألوان المعتَمد في الكمبيوتر من زائر لآخر، فقد يكون الجدول المعتمد ذا 256 لوناً أو قد يصل إلى حوالي 16 مليون لون، ولكن الجدول القياسي المعتَمد هو جدول ذو 256 لونا. ونظرا لوجود فروقات بين جدول الألوان في الكمبيوتر الشخصي وجدول الألوان في الماكنتوش، وهي فروقات تتعلَّق بأربعين لونا؛ فقد تمَّ استثناء هذه الألوان واعتُمِدَ الجدول ذو 216 لونا، وهو الذي يُدعى بالجدول الآمن (The Safe Palette)؛ لأنه أفضل ما يمكن اعتماده للتوافق مع جميع الزائرين.

• الصور المجانية (Free Images)
تتضمَّن بعض مواقع الويب مجموعات واسعة من الصور المجانية التي يمكنك استخدامها في موقعك. وتجد على هذا العنوان التابع لشركة مايكروسوفت http://msdn.microsoft.com/workshop/design/creative/mmgallry.asp
جدولا بمواضيع الصور المجانية. يمكنك النقر على أي منها للوصول إلى الموقع ومعاينة الصور. وتجدر الإشارة هنا إلى أنه لا ينبغي الاعتماد كثيرا على الصُوَر المجانية؛ لأن ذلك قد يوحي بفقر محتوى الموقع من حيث الرسوم والصُوَر، وقد يجعل موقعك غير فريد من هذه الناحية لأن عددا كبيرا من المواقع الشخصية يستخدم هذه الصور المجانية. وإذا رغبت في إعداد وتنقيح الرسوم والصور بنفسك، فإنك ستحتاج عندئذ إلى أحد التطبيقات الخاصة بذلك. ومن أشهر هذه التطبيقات أدوبي فوتوشوب الذي سيتمّ تناوله في المادة التالية.




رجوع
أدوبي فوتوشوب



تمهيد

يمتاز التطبيق فوتوشوب بقُدُرات خاصة لإنشاء الرسوم، ولكن القدر الأكبر من وظائفه وخصائصه موجَّه نحو تنقيح الرسوم والصُوَر (image editing) التي يُمكن جلبها من تطبيقات أخرى.

وعندما تبدأ تشغيل فوتوشوب، ستجد أن نافذته تضمّ العناصر الأساسية في أي نافذة ويندوز (مربَّعات التصغير والتكبير وأشرطة التحريك (scroll bar) وسواها)، وتضمّ شريط القوائم (menu bar) ومربَّع الأدوات (tool box)، حيث تُتيح لك هذه الأدوات تحديد (selection) جزء من الصورة أو الرسم وإجراء بعض عمليات التنقيح عليه. وستجد أمامك أيضا اللوحات (pallets) التي تسمح لك بتنقيح الرسم عن طريق التحكّم بالطبقات وعن طريق تعديل الأدوات الموجودة في شريط الأدوات وفقا للحاجة. ويُمكنك إخفاء أو إظهار اللوحات أو مربَّع الأدوات وفقا لرغبتك.

ومن الضروري جدا في هذا المجال أن تكون مُلِّما ببعض المفاهيم الأساسية مثل: أنواع الرسوم، وأنظمة الألوان، وصِيَغ الملفات (file formats) التي تمّ تناولها في المادة السابقة.

وإذا قُمت أثناء استخدام فوتوشوب بالتحويل من نظام ألوان ما إلى نظام آخر، فإن البرنامج يقوم تلقائيا بتعديل الألوان التي تكون متوفِّرة في النظام الأول وغير متوفِّرة في النظام الثاني بحيث تتلاءم مع هذا النظام الثاني.

استخدام فوتوشوب
إليك فيما يلي شروحات لا غنى عنها لمن يرغب في تعلَّم استخدام فوتوشوب.


رجوع
أدوات الشبلونات (marqueetools)

تُتيح الشبلونات تحديد مساحات مستطيلة أو على شكل قطع ناقص (يشبه الشكل البيضاوي تقريباً). ويفترض البرنامج سلفاً أن حدود التحديد (selectionborders) سيتم سحبها من طرفها أو زاويتها. ويمكنك استخدام الشبلونات كما يلي:

• اِختر إحدى الشبلونات التالية وانقرها نقراً مزدوجاً (double-click) لعرض لوحة الخيارات (Options Palette) الخاصة بها:

• الشبلونة المستطيلة (rectangularmarquee) لتحديد منطقة مستطيلة الشكل.
• شبلونة القطع الناقص (ellipticalmarquee) لتحديد منطقة بيضاوية.
• شبلونة السطر الواحد (single row) أو العمود الواحد (singlecolumn) التي تُتيح تعريف حد لمنطقة التحديد بحيث يكون هذه الحد عموداً أو سطراً بِسُمك نقطة ضوئية (pixel) واحدة فقط.

• في لوحة الاختيارات الخاصة بالشبلونة، حدّد إعداد الترييش feathering وإعداد تنعيم الحواف anti-aliasing ( لا يمكنك تحديد anti-aliasing عند اختيار الشبلونة المستطيلة).

• إذا اخترت الشبلونة المستطيلة أو شبلونة القطع الناقص، فإنه ينبغي عليك أيضا انتقاء أحد الخيارات من Style في لوحة الخيارات الخاصة بالشبلونة، حيث يمكنك اختيار Normal للتحكم بنِسَب أبعاد الشبلونة أثناء السحب، أو اختيار Constraint Aspect Ratio لتحديد نسبة طول المستطيل إلى عرضه أو النسبة بين طولي قُطرَي القطع الناقص، وهنا ينبغي عليك إدخال القيم التي تريدها ( يمكن إدخال القيم العشرية المختلفة). وعلى سبيل المثال، إذا أردتَ اختيار مستطيل عرضه يساوي ضعفي طوله أو قطع ناقص قُطره الأفقي يُساوي ضعفي قُطره العمودي فينبغي عليك إدخال قيمة 2 للعرض وقيمة 1 للطول، وذلك كما في الشكل المرافق.




أنقر هنا لتكبير الصورة


ويمكنك اختيار النِسب الثابتة Fixed Size لتحديد قِيَم محدَّدة لنسبة الطول إلى العرض في الشبلونة. أدخل قيماً محدَّدة للنقاط الضوئية بحيث تكون أرقاماً كاملة صحيحة.

• إذا أردت أن يكون الاختيار على شكل مربَّع أو دائرة، فاضغط باستمرار على مفتاح Shift. وكي تتمكَّن من سحب الشبلونة من مركزها، ينبغي عليك عند بدء السحب أن تضغط باستمرار على مفتاح Alt (في بيئة ويندوز ) أو Options (في بيئة ماكنتوش).

• السحب من الزاوية أو من المركز: باستخدام شبلونة السطر الواحد أو شبلونة العمود الواحد، اُنقر بجانب المنطقة التي تريد تحديدها، ثمّ اسحب الشبلونة إلى المكان المطلوب بالضبط. وإذا لم تتمكَّن من رؤية الشبلونة، فإنه يمكنك أن تزيد تكبير (magnification) عرض الصورة. وإذا أردت نقل الشبلونة المستطيلة أو شبلونة القطع الناقص إلى موضع جديد في الصورة، فعليك سحب الشبلونة إلى الموضع المطلوب -دون الضغط على زرّ الماوس- بهدف البدء بإنشاء حدّ، ثمَّ اضغط باستمرار على قضيب المسافة (space bar) وواصل عملية السحب، وعند الانتهاء من الحدود المطلوبة، اُنقر منطقة التحديد ثمّ اِسحبها إلى حيث تُريد.


رجوع
أدوات الأنشوطات (lassos)


تُتيح هذه الأدوات رسم حدود حُرَّة (freehand) أو ذات حواف مستقيمة (straight-edged) لمنطقة التحديد. وعن طريق استخدام أداة الأنشوطة المغناطيسية (magnetic lasso) تتكيِّف الحدود مع حوافّ المناطق التي تحدِّدها من الرسم. وإذا كانت الخلفية ذات تبايُن عالٍ (high-contrast background)، فإن أداة الأنشوطة المغناطيسية (magnetic lasso tool) تكون كبيرة الفائدة فعلا؛ لأنها تُتيح بسرعة بالغة- تحديد العناصر (objects) ذات الحواف المعقَّدة. ويتمّ استخدام الأنشوطة الطريقة التالية:

• اِختر أداة الأنشوطة (lasso) وانقرها نقرا مزدوجا لعرض لوحة الخيارات الخاصة بها، ثمَّ قُم بإعداد الخيارات للأنشوطة العادية أو الأنشوطة المضلَّعة أو الأنشوطة المغناطيسية .

• اِسحب لِرَسم حدود حُرة لمنطقة التحديد، وذلك باستخدام الأنشوطة الحُرَّة.

• لِرسم حدود ذات حوافّ مستقيمة لمنطقة التحديد، اِضغط بتواصل على مفتاح Alt في بيئة ويندوز أو مفتاح Options في بيئة ماكنتوش، وانقٌر عند بداية كل قطعة مستقيمة وعند نهايتها. وبالطبع، فإنه يمكنك التحوّل من رسم الحدود الحُرَّة إلى رسم القِطع المستقيمة وبالعكس.

• إذا أردت مَحْو قِطَع مستقيمة رسمتها لِتَوِّك، فاضغط بتواصل على مفتاح Delete إلى أن يتمّ مَحْو القِطَع المعنيّة.

• لإغلاق حدود التحديد، اَفلِت الماوس دون الضغط على Alt أو Options. اُنظر الشكل المرافق



أنقر هنا لتكبير الصورة



رجوع
أداة العصا السِحرية (magic wand)

تُتيح هذه الأداة تحديد منطقة ذات مواصفات لونية معيَّنة (مثل تحديد زهرة ملوَّنة) دون الحاجة إلى رسم حدودها سلفاً، وكل ما ينبغي عليك عمله هنا هو تحديد مدى تفاوت اللون (tolerance) للمنطقة التي تريد للعصا السحرية أن تقوم بتحديدها. ولا يُمكنك استخدام العصا السحرية أثناء العمل ضمن نظام Bitmap. ويكون استخدام العصا السحرية على النحو التالي:

• اُنقر أداة العصا السحرية لعرض لوحة الخيارات الخاصة بها.

• لتعيين التفاوت، أَدخِل القِيَم التي تريدها مُقدَّرة بالنقاط الضوئية (pixels) بحيث تتراوح بين 0 و 256. ويُمكنك إدخال قيمة منخفضة لاختيار ألوان مشابهة جدا للنقطة الضوئية التي نقرتها، أو إدخال قيمة عالية لاختيار مدى أوسع. ويُتيح التفاوت العالي (High Tolerance) تحرّي وتعيين الظلال، أما التفاوت الأخفض فلا يتيح إلا تحرّي الألوان الواضحة فعلاً.

• لتعريف أو بناء حافة ناعمة، اختر Anti-alias.

• لتحديد الألوان باستخدام بيانات من جميع الطبقات المرئية، عليك اختيار Use All Layers، وإلا فإن العصا السحرية ستقوم بتحديد الألوان من الطبقات النَشِطة فقط.

• في الصورة، اُنقر اللون الذي تُريد تحديده، وسوف يتمّ تحديد جميع النقاط الضوئية القريبة ضمن مدى التفاوت المعيّن. أما الأمر Color Range فهو يُحدّد لوناً أو مجموعة ألوان ضمن تحديد معيَّن أو ضمن الصورة بأكملها. وإذا أردت تطبيق هذا الأمر على تحديد آخر، فتأكد من التراجع عن أي تحديد لأي منطقة أخرى في الرسم. وإذا أردت تحسين تحديد موجود، فينبغي عليك استخدام الأمر Color Range أكثر من مرة لتحديد مجموعة من الألوان. وعلى سبيل المثال، إذا أردت تحديد المساحات الخضراء في تحديد Cyan، فينبغي عليك اختيار Cyan في مربع الحوار الخاص بالأمر Color Range ثم نقر OK، بعد ذلك أعد فتح مربَّع الحوار نفسه واختر Green . وستجد أن النتائج دقيقة حقاً لأن هذه الطريقة تُحدِّد الألوان بدقة ضمن مزيج الألوان.



انظر الشكلين المرافقين



أنقر هنا لتكبير الصورة




أنقر هنا لتكبير الصورة


رجوع
إزالة الأهداب من حدود التحديد (Defringing)

عندما تقوم بتحريك أو لصق تحديد منعَّم الحواف (anti-aliased)، فإنك تحرِّك أو تلصق معه أيضا بعض النقاط الضوئية المحيطة بحدوده. وقد يؤدِّي ذلك إلى بعض التهدّب (fringing) أو إلى هالة حول حواف التحديد الذي تمّ لصقه أو تحريكه. وإليك الأوامر التالية لضبط ألوان الحواف (Matting commands)؛ وهي أوامر تُتيح تنقيح تلك النقاط الضوئية غير المرغوب فيها.

• الأمر Defringe يُتيح تحويل لون أي نقطة ضوئية في مناطق التهدّب إلى لون النقاط الضوئية المجاورة ذات اللون الصافي (أي بدون لون للخلفية). وعلى سبيل المثال، إذا حدَّدت كائنا (object) أصفر اللون موجودا على خلفية زرقاء، ثمّ قُمت بتحريك هذا التحديد، فإنه يتمّ عندها أيضا تحديد بعض المساحات الزرقاء من الخلفية وتحريكها مع الكائن، وهنا يأتي دور الأمر Defringe الذي يقوم بتحويل لون النقاط الضوئية الزرقاء في مناطق التهدّب إلى الأصفر.

• الأمر Remove Black Matte والأمر Remove White Matte هما أمران في غاية الفائدة عند القيام بلصق تحديد منعَّم الحواف (anti- aliased) من خلفية بيضاء أو سوداء إلى خلفية ذات لون مختلف. وعلى سبيل المثال، إذا كان هنالك نصّ أسود منعَّم الحواف على خلفية بيضاء فإنك ستجد على حواف النصّ بعض النقاط الرمادية، وهي نقاط يُمكنك رؤيتها على الخلفية الملوَّنة، وهنا يأتي دور الأمرين المذكورين. ويُمكنك أيضا إزالة مناطق التهدُّب عن طريق استخدام الإشارات المنزلِقة (sliders) في مربَّع حوار Layer Options، حيث يكون بوسعك تحريك بعض مناطق الطبقة أو جعلها شفافة، وفي هذه الحالة، فإنك تجعل المناطق البيضاء أو السوداء شفافة.


رجوع
كيف تُقلِّص مساحة التهدّب في التحديد الذي تمّ تحريكه؟

• اِختَر Layer ثم Matting ثم Defringe.



أنقر هنا لتكبير الصورة




أنقر هنا لتكبير الصورة



• أدخِل قيمة في مرَّبع حوار Width لتعيين المسافة التي تريد البحث فيها عن النقاط الضوئية المطلوب تغيير لونها، ثم اُنقر OK. وفي معظم الحالات، يكفي أن تكون المسافة بمقدار نقطة ضوئية أو نُقطتين ضوئيتين.



أنقر هنا لتكبير الصورة



• اِختَر Layer ثم Matting ثم Remove Black Matte أو Remove White Matte وكرِّر العملية نفسها الواردة في الخطوة السابقة.

[جامبو]

تمهيد

كي يتمكَّن الزائر من الوصول إلى موقعك ينبغي عليك أولا أن تقوم بنشره، وهذا يعني أنه يجب أن يكون موقعك مستضافا على جهاز خادم يُسمَّى خادم الويب (WebServer). أما بالنسبة لموضوع تأمين الموقع، فسوف نتناوله بالتفصيل في المستوى المتقدِّم.
ويُمكنك تأمين استضافة موقعك بإحدى الطريقتين التاليتين:


رجوع
الطريقة الأولى



استئجار مساحة على جهاز خادم عند أحد موفِّري الخدمة (ISPs)، ويُشتَرَط في موفِّر الخدمة أن يؤمن المتطلبات التالية:

• استمرار التشغيل لأربع وعشرين ساعة في اليوم وسبعة أيام في الأسبوع.
• يتمتع بعرض حزمة (bandwidth) كبير ليؤمن سرعة الوصول إلى الموقع.
• السماح لصاحب الموقع بتعديله وتحديثه.
• دعم التقنيات الحديثة المستخدمة في الموقع (مثل: CGI, ASP, IRC,


رجوع
الطريقة الثانية


إعداد جهاز خادم خاص بالموقع مع تأمين الاتصال عبر أحد مزودي الخدمة.

يُمكن لصاحب الموقع إعداد نظام جهاز خادم يتمتَّع بقدرات كبيرة ُتيح استضافة الموقع. وإذا لم تسمح حدود الميزانية بذلك، فإن بإمكان صاحب الموقع الشخصي أن يبني الجهاز الخادم الخاص بالموقع (Web Server) اعتماداً على أي جهاز كمبيوتر شخصي يفي بمتطلَّبات تشغيل ويندوز 95 في الحدّ الأدنى، وذلك عن طريق الاستعانة بتقنية خادم الويب الشخصي من مايكروسوفت (MS Personal Web server- PWS)، ولكن المهم هنا أن يكون الاتصال مع موفِّر الخدمة ذا سرعة كبيرة وعرض حزمة كبير (اتصال ISDN مثلاً أو مودم الكيبل Cablemodem).


ملحوظة: هنالك بعض الشركات التي تُتيح استضافة مجانية لمواقع الويب ذات الحجم المحدود. اِبحث عنها وتعرَّف على بعضها.

بعد أن تتحقق من تمام المراحل السابقة، يبقى هنالك خطوة وحيدة، وهي تسجيل عنوان إلكتروني خاص غير مستخدم قبلاً. ويُمكن أن تختار عنوان موقعك من بين عدة صِيَغ، ومنها على سبيل المثال لا الحصر:

الصيغة http://www.yoursitename.domaintype

مثال:
http://www.microsoft.com
أو
http://www.sheikhmohammed.co.ae

وتكون هذه الصيغة متاحة لصاحب الموقع إذا كان هو نفسه يملك الجهاز الخادم المُضيف، أو مقابل أجر معيَّن يتقاضاه مستضيف الموقع.

الصيغة http://www.domainname.domaintype/yoursitename

مثال: http://www.geocities.com/yoursitename

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

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

[جامبو]

للمزيد والتفصيل

http://www.itep.co.ae/itportal/arabic/content/EducationalCenter/WebDevelopment/emailattachment.asp

[absba]

والى الامام دائما

تحياتي

[Giver]

الف شكر اخي جامبو

والى الامام دائما

[distinct]

مشكور الف شكراخي جامبو ... على هذا الموضوع المفيد .

[جامبو]

العفو وحياكم الله

[THE SNIPER]

الف شكر لك اخي جامبو




تحياتي

[DEATH MAKER]

شكرا اخي جامبو



تحياتي

[barcaman17]

شكرا جزيلا لانني الان ادرس لغة HTML و اكيد هذا الموضوع سوف يفيدني , واذا كانت لديك هذه المشاركة على شكل كتاب الكتروني فارسلها