* إعداد- د, عثمان السلوم
تجاوبا مع الطلبات المتزايدة التي تلقتها الصفحة في الفترة الماضية المنادية بنشر سلاسل تعليمية خاصة لتعليم النشر على الانترنت وبعد النجاح الذي حققته السلسلة الاولى التي اعدها الزميل خالد ابا الحسن لتعليم النشر على الانترنت باستخدام لغة HTML والتعامل مع برنامج Front page Expres بصورة مبسطة ويسيره فيسرنا في الفترة القادمة واعتبارا من هذا العدد نشر سلسلة جديدة ستركز على التعامل مع تلك اللغة المستخدمة في اكثر من برنامج لتحرير واعداد الصفحات بشكل احترافي ويمكن لجميع قرائنا مراسلتنا على بريد الصفحة في حالة وجود اي استفسارات علما بانه يمكن الحصول على الاجزاء المنشورة من تلك الحلقات من خلال موقع جريدة الجزيرة.
ولتصميم صفحة homepage يمكن وضعها على الشبكة العالمية العنكبوتية )WWW( )World Wide Web( او كما تسمى احيانا الويب Wib فاننا قد نستخدم البرامج الجاهزة لتصميم الصفحة كبرنامج فرونت بيج Front Page نت سكيب نافيقيتر قولد وادوبي بيج ميل ونت سكيب كمبوسر او قد نكتب رموز التصميم تلقائيا وفي هذه السلسلة حبذنا التركيز على الترميز باستخدام ترميز لغة HTML لاسباب منها:
اولا: عدم توفر البرامج الجاهزة هذه عند الجميع فمثلا كما يعلم الكثير فانه يوجد خمسة اصدارات من برنامج مايكروسوفت 2000: الاصدار العادي Standard edition واصدار الاعمال الصغيرة Small business edition واصدار للمتخصصين Professional edition والاصدار الممتاز Premium edition اضافة الى اصدار المطورين Developer edition وبرنامج فرونت بيج الشهير لا يوجد الا في الاصدار الممتاز واصدار المطورين وكذلك هناك الكثير من القراء الاعزاء غير مشتركين في خدمة الانترنت لتنزيل برنامج فرونت بيج اكسبرس.
ثانيا: سهولة الترميز والتشفير بهذه الطريقة مقارنة بالبرمجة باستخدام اللغات الاخرى والتي قد لا تستدعي معرفة تطبيق وسيط للقيام بهذه المهمة خاصة اذا عرفنا ان التعلم على استخدام بعض البرامج الجاهزة قد تكون في حد ذاتها عملية غير بسيطة.
ثالثا: حتى بالاضافة الى تعلم استخدام برامج جاهزة للنشر فانه من الافضل معرفة ادوات الترميز هذه للتعرف على مصادر الصفحات Sources وهذا يساعد في سهولة التعرف على جودة الترميز من عدمها وكذلك سهولة التغيير والتبديل في المعلومات الكثيرة والتي قد تكون مخفية عن الظهور وكذلك فان الترميز بهذه الطريقة سيسهل التعرف على البرمجة والتعديل في الاوامر الموضوعة بلغة جافا سكربت Java Script وجافا ابليت Java Applet .
رابعا: قد يسهل تعديل صفحة ما باستخدام البرامج الجاهزة وخاصة اذا كانت هذه الصفحة موجودة على الكمبيوتر الشخصي لدى المصمم ولكن لتعديل صفحة ما في احد المواقع التي تعطي مساحات مجانية على الانترنت فانه يجب كتابة الرموز بدلا من استخدام البرامج الجاهزة.
متطلبات تعليم النشر
ولتصميم صفحة للنشر على الانترنت باستخدام ترميز لغة HTML فاننا نحتاج فقط الى ما يلي:
- وجود متصفح browser وذلك حتى نتمكن من فتح ورؤية محتويات الصفحة التي نقوم بتصميمها هذا المتصفح قد يكون انترنت اكسبلورر من لشركة مايكروسوفت MS Internet Explorer او نت سكيب كميونيكيتر Netscape Communicator من لشركة نت سكيب او كذلك السندباد التابع لشركة صخر ويفضل ان يكون المتصفح مدعوما باللغة التي سيكتب بها النص اي متصفح يقرأ العربي كنص وليس كصورة مثل انترنت اكسبلورر او السندباد.
- محرر نص text editor وذلك لكتابة محتويات الصفحة وتصميمها باستخدام لغة html, ومحرر النص هذا يفضل ان يكون بسيطا مثل المفكرة Notepad او الدفتر Word pad ويفضل المفكرة لسهولته وامكانية وجوده في اي جهاز كمبيوتر بالاضافة الى قبوله النصوص فقط.
- كذلك قد نحتاج الى متطلبات اضافية فيما بعد لعمل صفحات تحوي على صور واصوات وصور متحركة وذلك اذا اردنا ان تكون الصفحة اكثر جاذبية وهذه المتطلبات قد تكون بعض البرامج الجاهزة التي تحرك الصور كبرنامج مايكروسوفت جف انيماتر MS Gif Animator، كذلك قد تحتاج الى التعرف على كيفية نسخ بعض رموز جافا سكربت Java Script وجافا ابليت Java Applet من الانترنت وتعديلها.
3- اختصارات مهمة
وقبل البداية في تصميم الصفحة يجب ان نعرف ثلاثة اختصارات بسيطة ومهمة في التعامل مع الشبكة العالمية العنكبوتية وهي:
- HTTP وهي اختصار لكلمة Hypertext Transfer Protocol وهي مجموعة من الرموز المسئولة عن الاتصال بين كمبيوترك الشخصي والمحتوي على متصفح browser وبين الخادم Server وهو كمبيوتر الشركة المتصلة بالانترنت سواء كانت قريبة ام بعيدة.
- URL وهي اختصار للمصطلح Uniform Resource Locator وهو عبارة عن العنوان الخاص بالصفحة الموجودة في الشبكة العالمية العنكبوتية.
حيث ان العناوين تكون على الشكل التالي:http:// domain- name/ path- name و domain- name هو عنوان الموقع الذي تريد الاتصال به بينما path- name يشير الى اسم الملف الذي تريد الوصول اليه.
- HTM وهي اختصار للمصطلح Hypertext Markup Language وهي اللغة الام والتي تكتب بها الصفحات الموجودة في الشبكة العالمية العنكبوتية والتي سنتطرق اليها في هذا الجزء.
خصائص الرموز
وقبل ان نبدأ الان يتعين علينا ايضا ان نتعرف على خصائص بعض بطاقات الرموز Markup tags وهي الرموز التي بناء عليها تظهر الصفحات للمتصفح وبها تبرمج الصفحات حسب الرغبة وهي دائماً توضع بين قوسين على الشكل>< وبداخلها يكون الرمز او البطاقة التي تخبر المتصفح ماذا يعمل وغالباً لها بداية ونهاية اي ان عمل كل رمز يبدأ من وجود بداية الرمز وينتهي بوجود رمز بانهائه وهي كذلك غير حساسة للحرف سواء كان كبيراً Capital او صغيراً Small اي ان>Html< لا يختلف عن>HTML<
تطبيق عملي
وللبداية بهذا الجزء لابد لقرائنا الاعزاء من اعداد ما يلي:
- قرص مرن 3.5 disk فارغ ومهيأ Formatted واكتب عليه صفحتي الالكترونية My homepage او اي اسم اخر وضعه في سواقة مشغل الاقراص المرنة A Floppy Disk Drive .
-افتح برنامج Notepad او المفكرة وكذلك افتح برنامج المتصفح ويفضل ان يكون انترنت اكسبلورر Internet Explore في نفس الوقت وذلك لاننا سنستخدم المفكرة لكتابة الرموز وتخزينها في القرص A وسنستخدم الانترنت اكسبلورر في رؤية شكلها كيف يكون على الانترنت.
وللمعلومية فانه لتصميم صفحة او صفحات على الانترنت فأنك لا تحتاج الى ان تكون مشتركا في الانترنت Internet او متصلا بها بل كل ما تحتاجه هو المفكرة والمتصفح فقط.
وفي هذا الجزء هناك عدد من الرموز التي سنستخدمها وستجدها في الجدول رقم 1
ولبداية كتابة الصفحة homepage يجب ان تبدأ دائماً بالرمز>Html< وتنتهي بالرمز>/html< والعلامة "/"التي بداخل القوس وقبل Html تعني نهاية الرمز الخاص بالصفحة- من هنا ولاحقا سنستخدم لفظ صفحة لنقصد بها صفحة الكترونية عنكبوتية Web page - واذا اردت ان تجعل الصفحة تعرض من اليمين لليسار فانه يجب عليك ان تضع اتجاه النص من اليمين لليسار كالتالي:
>html dir="rtl"< اذ ان dir هو اختصار للاتجاه direction بينما rtl هو اختصار الاتجاه من اليمين الى اليسار (right to left) والعكس اذا أردنا ان يكون اتجاه الكتابة من اليسار لليمين فاننا نستخدم الرمز ltr وهو اختصار الاتجاه من اليسار لليمين.
- ولكتابة عنوان لصفحة ما فان العنوان يجب ان يكون بعد الرمز>title< وقبل الرمز>title/<
ولكتابة محتويات الصفحة الاصلية فانه يجب ان تكون جميع هذه المحتويات بعد الرمز>body< وقبل الرمز>body/<
- وكذلك لكتابة معلومات اساسية تصف الصفحة مثل عنوانها ومحتوياتها والبرنامج الذي كتبت به وغيره فانها يجب ان تكون بعد الرمز>head< وقبل الرمز>head/<
ولذلك فان الترتيب المنطقي لهذه الرموز يجب ان تكون في جميع الصفحات المكتوبة باللغة العربية والموجودة على الانترنت على الترتيب الآتي من اليسار الى اليمين
htmi dir="rtl" Head title /title head body /body html
لنبدأ في التصميم
والان ايها القارىء العزيز دعنا نبدأ في تصميم الصفحة ويجب عليك كتابة التالي:
- اكتب الرموز السابقة باللاتينية باستخدام المفكرة notepad من اليسار لليمين او كل رمز في سطر واحد مع العلم ان العلامة>والعلامة< يتم الحصول عليها بالضغط سويا على الزر العالي shift وحرف ز وحرف و على الترتيب باللغة العربية في لوحة مفاتيحك.
اكتب صفحة القرية الالكترونية او اكتب اسمك بدلا من ذلك كعنوان للصفحة بين الرمزين title و /title وكذلك جملة ترحيبية بين الرمزين body و /body في ملف جديد باستخدام المفكرة ويفضل ان يكون اتجاه المستند من اليسار لليمين وذلك بالضغط سويا على Ctrl و Shift اليسار كما في الصورة رقم 1 .
- اكتب اسمك بدلا من القرية الالكترونية وبعد ذلك احفظها حفظ باسم في محرك القرص A على هيئة مستند نص "textm"باسم default. html ولا تخرج من البرنامج كما في الصورة رقم 2 .
- وقد تم اختيار الاسم default. html لانه عندما تضع هذه الصفحة في الانترنت فان المتصفح سيعتبر هذه هي الصفحة الاساسية تلقائيا بدون كتابة اسم الملف في عنوانها فمثلاً لو كان عندنا ملفان صفحتان وكان الاول اسمه default. html والآخر form. html في الموقع مثلاً http;// www. Ksa.com واردنا ان نفتح الملف default. html فانه يمكن الاكتفاء بكتابة الموقع والمجلد بدون كتابة اسم الملف اي http;// www. Ksa. com وسيذهب المتصفح الى الملف default. html تلقائيا ولكن لو اردنا رؤية وفتح الملف form.html فانه لابد من كتابة اسم الموقع والملف كاملا اي http;// www. Ksa. com/ form. html , وهذا يجري ايضا على الملفات باسم index. html حيث لا تحتاج الى كتابة العنوان كاملا.
بعد حفظ الملف باسم وليكن default. html في القرص A تقوم برؤية الصفحة التي حفظتها باستخدام الانترنت اكسبلورر.