أدوات إنشاء مواقع ويب المتطورة

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

بدأت صفحات ويب، بمختلف هيئاتها، كملفات نصية، يمكن إنشاؤها باستخدام أي محرر نصوص بسيط، مثل برنامج (Edit) في نظام التشغيل DOS، أوالمفكرة (notepad) في ويندوز. واستمرت على هذا المنوال، عدة سنوات بعد إطلاق الدكتور "تيم بيرنرز لي" عام 1989، اختراعه الجديد، المسمى شبكة ويب العالمية (WWW). لكن التطور الكبير والانتشار الواسع عالمياً، لهذه الشبكة، أدى إلى انتشار تقنيات جديدة في إنترنت، ما جعل تصميم الصفحات بالطريقة السابقة عمليةً صعبةً وطويلة. وظهرت نتيجةً لذلك، أدوات عديدة لإنشاء صفحات ويب، قدمت إمكانيات وتسهيلات كبيرة للمصمم. ويمكن تصنيف هذه الأدوات، حسب طريقة عملها، إلى نوعين:

أولاً: محررات HTML العادية. وتعتبر هذه المحررات نسخاً متطورةً ومتخصصة، من محررات النصوص البسيطة، حيث تختص بتحرير الواصفات النصية (tags) للغة HTML. ويعتمد مبدأ عملها على لصق واصفات HTML في صفحةٍ نصية بسيطة، وذلك بالنقر على أزرار معينة في واجهة البرنامج، يتعلق كل منها بواصفة HTML معينة، ثم تحديد سمات (attributes) الواصفات عبر صناديق حوارية، أو عن طريق قوائم تظهر عند النقر على نص الواصفة ذاته. ويتطلب هذا النوع من البرامج إلماماً واسعاً من المستخدم بلغة HTML، والنصوص البرمجية، وتحتاج الصفحات التي تنتجها هذه المحررات، إلى كثير من التنقيح والمعالجة، وإلى تجريب تصفحها عدداً من المرات، باستخدام المتصفحات المختلفة.

ثانياً: محررات HTML التي تعمل بالأسلوب المسمى "ما تراه، هو ما تحصل عليه"(WYSIWYG). وهي أدوات متطورة، تمكن المستخدم من إضافة كافة مكونات الصفحة من نصوص، وصور، وجداول، واستمارات (forms) وغيرها من العناصر، مباشرةً من خلال واجهة البرنامج، في صفحة مؤقتة، وتحولها هذه البرامج إلى هيئة HTML تلقائياً، عند الحصول على الشكل والمواصفات المناسبة. وتتعامل معظم هذه البرامج مع مكونات الصفحة ككائنات، وليس كنصوص، فتسمح بالتحكم الدقيق في توضع مكونات الصفحة، اعتماداً على قواعد صفحة الأنماط المتعاقبة CSS (Cascading Style Sheet)، وبإضافة قوالب من النصوص البرمجية الجاهزة، التي تدعم أحدث تقنيات الملتيميديا الخاصة بويب. وتقدم كذلك، الدعم للغة DHTML (HTML الديناميكية)، وتوفر إمكانية ربط المواقع مع قواعد البيانات، أو مع أنظمة التجارة الإلكترونية، التي تقدم حلولاً للأعمال والشركات الصغيرة. ولا يتطلب كل ذلك، بالضرورة، معرفة المستخدم للغة HTML، أو النصوص البرمجية. وتصنف أدوات إنشاء الصفحات الخاضعة للاختبار في دراستنا، ضمن هذا النوع من الأدوات.

تختلف الأساليب التي تتبعها برامج إنشاء صفحات ويب المتطورة، لتسهيل عمل مصمم الصفحة، حيث يحتوي بعضها على برامج إرشاد (wizard)، كما هو الحال في برنامجي (FrontPage2000) من شركة مايكروسوفت، وناشرنت2.0 من شركة صخر، ويقسّم برنامج الإرشاد عملية إنشاء الصفحة إلى خطوات محددة، يتبعها المصمم ليحصل في النهاية على الصفحة المطلوبة. ويقدم برنامج (Fusion) من شركة (NetObject)، قوالب عديدة جاهزة من المواقع، وما على المستخدم في هذه الحالة، سوى إدخال النصوص إلى الصفحة. وهو من أسهل أساليب تصميم الصفحات، ولا يتطلب أدنى معرفة بلغة HTML، إلا أن الخيارات التي يقدمها للمصمم محدودة. ويطلق مصممو ويب الأكثر خبرة، اسم "المواقع المعلّبة" على المواقع المصممة بهذه الطريقة، بسبب تشابهها، وضيق حدود عملها. وتقدم بعض البرامج، مثل (Fusion) و(Dreamweaver2)، إمكانية تشكيل قوالب (template) مسبقة الإعداد، ما يسهل كثيراً تعديل التصميم العام للموقع، حيث يكفي عندها، تعديل صفحة القالب، ليعمم هذا التعديل على جميع صفحات الموقع.

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

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

واجهة لتحرير شيفرة HTML مباشرةً، وهي عبارة عن محرر نصوص عادي، يتم من خلاله إضافة الواصفات بلغة HTML.

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

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

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

احتوى الموقع التجريبي الذي صممناه، على المكونات الأساسية لصفحات HTML، من نصوصٍ عربية ولاتينية، وصور، وجداول، واستمارات(forms). واستخدمنا بالإضافة إلى ذلك، مواصفات CSS لإعطاء صفات محددة للوصلات التشعبية، ولتحديد مواضع الصور والجداول بدقة عالية، تصل إلى تعيين إحداثياتها بالبكسل، كما درسنا سهولة ودقة تصميم مجموعات الإطارات(frameset)، لصفحات الموقع في كلٍ من البرامج (لمزيدٍ من المعلومات حول مكونات صفحات ويب، وطرق برمجتها بلغة HTML، انظر الأعداد: من الأول إلى الخامس-السنة الثانية-"تصميم صفحات ويب").

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

استخدام اللغة العربية

صمم برنامج (ناشرنت 2) من شركة صخر، لإنشاء مواقع تحتوي صفحاتها على نصوصٍ عربية، بصورةٍ ممتازة، بالإضافة إلى أنه البرنامج الوحيد الذي يقدم تدقيقاً إملائياً للغة العربية. ويمتاز البرنامج بأنه لا يحتاج إلى نظام تشغيل يدعم اللغة العربية كي يعمل بصورةٍ سليمة، حيث يمكنه إنشاء صفحات عربية سليمة، حتى إذا استخدم على نظام ويندوز إنجليزي مثلاً، على عكس بقية البرامج الخاضعة للاختبار، والتي تتطلب وجود نظامٍ يدعم اللغة العربية لتتمكن من إنتاج صفحات عربية. ويضيف برنامج ناشرنت سمة (dir=”rtl”) إلى وصفات HTML لتحديد اتجاه محاذاة النصوص تلقائياً للصفحات التي تحتوي على النصوص العربية، ويضمن ذلك ظهور النصوص العربية بشكلٍ سليم في متصفح إكسبلورر.

يقدم برنامج (FrontPage 2000) من شركة مايكروسوفت، دعماً مقبولاً لاستخدام النصوص العربية في الصفحات المصممة. لكن، إذا قررت تصميم صفحات عربية باستخدام برنامج FrontPage2000، تذكر عند فتح صفحة جديدة في البرنامج، أن واصفة <meta> الخاصة بتحديد نوع أطقم الحروف المستخدم في الصفحة، تضاف تلقائياً إلى شيفرة HTML، بحيث تحدد هذه الواصفة طقم الحروف (ويندوز اللاتيني بدون الحروف العربية " windows-1252"). ولا يمنع هذا التعريف من كتابة نصوص عربية في الصفحة، إلا أن برنامج FrontPage2000 سيحوّل في تلك الحالة، كل رمز عربي إلى نظام Unicode القياسي الموافق. ولا تظهر هذه النصوص بشكلٍ سليم، إلا في المتصفحات التي تدعم هذه الشيفرة. ولحل هذه المشكلة، وجعل النصوص العربية تظهر بشكل صحيح في جميع المتصفحات، غيّر طقم الحروف المعرّف في واصفة <meta> إلى (طقم حروف ويندوز العربي "windows-1256")، وذلك بتغيير السمة charset في الواصفة إلى القيمة "windows-1256"، في كل صفحة جديدة(انظر صندوق "ملاحظات لإنشاء صفحات عربية سليمة").

تتفاوت بقية البرامج الخاضعة للدراسة في دعمها للغة العربية، وعلى الرغم من أنها كلها غير مصممة للعمل مع النصوص العربية، إلا أن برنامج (DreamWeaver2) تمكن من إنتاج صفحات تحتوي على نصوص عربية بشكلٍ سليمٍ تماماً، بمجرد تغيير نمط الخطوط القياسي إلى أحد الخطوط العربية المركبة على النظام. ولا تقدم برامج إنشاء صفحات ويب الشائعة، عادةً، مثل برنامج (PageMill 3.0) من شركة (Adobe)، و(Fusion) من شركة (NetObjects)، أي دعم لهذه النصوص، حيث ظهرت النصوص المكتوبة بالعربية بشكلٍ خاطئ، في الصفحات. ولم يتمكن البرنامجان إطلاقاً، من استخدام أطقم الحروف العربية، بل أن برنامج (Adobe PageMill 3.0) لا يقبل حتى إعطاء ملف HTML المشكل للصفحة اسماً بحروفٍ عربية، وأصر على تحويل جميع الحروف العربية في الصفحة إلى هيئة "صيغ رموز"(entities)، وهي هيئة تستخدم في صفحات HTML عندما يتطلب الأمر كتابة رموز غير موجودة على لوحة المفاتيح، أو رموز مستخدمة في البرمجة بلغة HTML ذاتها –كالرمز (>)- فقد حوّل البرنامج حرف الفاء، مثلاً، في ملف HTML إلى صيغة الرموز التالية، المحصورة بين القوسين(&Yacute;)، (للحصول على معلومات إضافية عن "صيغ الرموز" وأطقم الحروف العربية، انظر عدد يوليو/تموز 1999،"تأليف صفحات HTML والأبجدية العربية"). أما برنامج (Fusion) من شركة (NetObjects)، فقد حوّل جميع الرموز التي لم يتمكن من التعرف عليها، إلى رمزٍ واحد، لتظهر الصفحة ممتلئة بالرمز ذاته، على الرغم من أنه عرض النصوص العربية بشكلٍ سليم في واجهة WYSIWYG!

واستطاع برنامج (DreamWeaver2) من شركة Macromedia تقديم دعمٍ جيد لاستخدام الغة العربية، على الرغم من أنه لم يصمم لذلك. فيكفي تغيير الخيارات باستخدام القائمة (Edit) ثم الخيار (Preferences)، وتحديد الخطوط العربية المطلوبة، كالخط (Traditional Arabic) مثلاً، من الخانة (Font/Encoding) لتحصل على النصوص العربية بشكلٍ سليم تماماً، في مختلف واجهات البرنامج. ويدل هذا على تصميم ذكي للبرنامج، خاصةً إذا علمنا أن دعم اللغة العربية لم يوضع في الحسبان، عند تصميم البرنامج.

تجب الملاحظة، إلى أن عمليات نسخ ولصق النصوص التي تحتوي على نصوصٍ عربية ولاتينية متداخلة، في برنامجي (FrontPage2000) و(Dreamweaver2) لم تتم بصورةٍ صحيحة، واحتاجت إلى تعديل ترتيب النصوص في شيفرة HTML مباشرةً، وأدى هذا الأمر إلى منحها درجة "مقبول" في مجال استخدام اللغة العربية، في جدول التقييم.

ناشرنت 2

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

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

المحرر: برنامج تحرير صفحات ويب، بأسلوب WYSIWYG.

محرر الإطارات: برنامج مستقل، يساعد على تحرير مجموعات الإطارات (framesets) بسهولة، وإضافتها إلى صفحات ويب.

مدير الموقع: برنامج لبناء وصيانة وإدارة و نشر مواقع ويب، يساعد في إنشاء موقع ويب، بعد تحريره بواسطة برنامج المحرر.

المزود: يوفر إمكانية مراقبة جميع المواقع الموجودة ضمن المزود الذي ركب عليه البرنامج.

مزود الحماية: يؤمن حماية البرنامج على شبكة إنترانت، ويحدد عدد مستخدمي البرنامج.

يدعم برنامج ناشرنت 2 كلاً من المواصفات القياسية لصفحة CSS، ولغة DHTML بشكلين مختلفين، حيث يؤمن دعماً لأحداث (events) مسبقة التجهيز، منها إنشاء الفقرات والصور المتحركة، ويسمح، كذلك، للمصمم ببرمجة أحداث جديدة.

يتضمن ناشرنت 2 عدداً من القوالب الجاهزة، باللغتين العربية والإنجليزية، ويسمح، بتعريف قوالب جديد من قبل المستخدم، بالإضافة إلى وجود برنامج إرشاد(wizard) لتسهيل إنشاء الصفحات، عبر مجموعة من الخطوات المتتالية.

يتمتع برنامج "مدير الموقع" بميزات عديدة، من أهمها دعمه بنية الزبون/المزود (Client/Server Architecture)، وتعدد المستخدمين، وإمكانية جدولة مهامهم، كما يعرض مخططاً للموقع بواجهة رسومية. ويمكن تشغيل هذا البرنامج على جهاز واحد لصيانة وإدارة الموقع محلياً، وهو يحتوي على عدة واجهات عرض هي:

واجهة مدير الموقع: يعرض فيها موقع ويب كاملاً، بما يتضمنه من ملفات ومجلدات.

واجهة محلل الموقع: يعرض فيها مخططاً كاملاً للموقع، مع تخطيطٍ افتراضي للعلاقة بين الملفات فيه.

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

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

واجهة ناشر الموقع، التي تسمح بالاتصال بالمزود باستخدام بروتوكول FTP، وإرسال الملفات إليه، أو استقبالها منه.

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

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

يعمل برنامج ناشرنت 2 في ظل الإصدارات اللاتينية أو المعربة، من ويندوز95/98، ويمتلك واجهة استخدام ثنائية اللغة مع الإصدارات المعربة. وهو يستخدم متصفح "سندباد" كمتصفح قياسي لعرض الصفحات المصممة بواسطته، ويتيح للمستخدم تغييره إلى متصفحٍ آخر.

لا يستطيع البرنامج أن يقرأ سوى الملفات النصية (txt files) وملفاتHTML ، وإذا وجد خطأ في واصفاتHTML في الملف المقروء، يصححه تلقائياً. وتتوفر مع البرنامج مجموعة غنية من الأصوات والصور وعروض الفيديو، التي يمكن إدراجها في صفحات ويب. ويتضمن بالإضافة إلى ذلك، قاموساً "عربي/إنجليزي" ثنائي الاتجاه، ووظائف التدقيق الإملائي، باللغتين. وأضافت صخر إليه مجموعة من البرامج التكميلية، مثل جواهر الخطوط العربية، والخطوط السحرية، ومعالج الصور، ومحرر الرسوم، ومحرر المعادلات، بالإضافة إلى مجموعة كبيرة من الأمثال العربية.

يعرض برنامج ناشرنت 2 الجداول بأسلوبWYSIWYG ، بحيث يمكن تحرير وتعديل الجداول بواسطة برنامج "المحرر"، وإظهار النتائج ضمنه مباشرةً. و يسمح كذلك، بوضع صورة خلفية للجدول كاملاً، أو لخلية فيه. ويدعم البرنامجما تسميه شركة صخر"العناصر الفعالة"، وهي برمجيات جافا، وعناصر ActiveX، والبرامج المضافة (plug-ins)، وعناصر OLE.

يتطلب تشغيل برنامج ناشرنت 2 قطعة للحماية (dongle) وهي من السلبيات التي تجعل عملية تركيبه أكثر صعوبة، وتزيد من سعر البرنامج على المستخدم. لكن، ربما ترى شركة صخر ذلك ضرورياً، في ظل انتشار قرصنة البرمجيات في العالم العربي. ويركب البرنامج تلقائياً، مزود ويب الشخصي (Personal Web Server)، ليتمكن نظام ويندوز من العمل كمزود ويب، وليدعم بذلك، برنامج إدارة الموقع.

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

DreamWeaver2.0

تقول شركة Macromedia المصنّعة للبرنامج، أنه لم يبق على مصمم صفحات ويب سوى أن يتخيل، أو يحلم، بتصميم الصفحة، مهما كان التصميم معقداً أو صعب الإنجاز، ويقدمه لبرنامج DreamWeaver2 -"حائك الأحلام"- ليتم تحويل هذا الحلم إلى صفحة ويب حقيقية! وتشير الشركة بذلك، إلى درجة التحكم والإمكانيات الكبيرة، التي يتيحها هذا البرنامج لمصمم الصفحة.

يتمتع البرنامج بسهولة الاستخدام، ويتيح للمصمم طريقتين لتعديل وإضافة مكونات الصفحة، ما يعطي مرونة كبيرة في العمل، حيث يمكن استخدام الأشرطة العائمة، الأفقية والعمودية، التي تميز واجهة البرنامج عن غيره من البرامج، والتي تتضمن أزراراً وصناديق حوارية متعلقة بمعظم واصفات HTML، وبكثيرٍ من النصوص البرمجية الجاهزة، ويمكن كذلك، استخدام قائمة منسدلة تظهر بالنقر على زر الفأرة الأيمن، وتتضمن جميع الأوامر الممكنة. ويتعامل البرنامج مع مكونات الصفحة ككائنات، ويسمح لذلك، بإجراء عمليات النسخ واللصق، والسحب والإلقاء، وتغيير حجم مختلف المكونات بمرونةٍ كبيرة. ويمكنه أيضاً، إجراء عمليات بحث واستبدال النصوص الموجودة في جميع صفحات الموقع. لكن برنامج DreamWeaver2.0 لا يتمتع بالدرجة ذاتها من سهولة التنقل بين واجهتي محرري WYSIWYG وHTML، التي يوفرها برنامج FrontPage2000، كما أنه لا يستطيع استيراد ملفات برامج Office، التابعة لشركة مايكروسوفت.

يمكن القول أنه لم يظهر حتى الآن، أي برنامج لإنشاء صفحات ويب، يمكنه مضاهاة برنامج Dreamweaver2.0 في دعم تقنيات ملتيميديا ويب الحديثة بمختلف أنواعها، مع أنه يلوح في الأفق برنامج جديد، قد يشكل تهديداً لسيطرة شركة Macromedia المنتجة للبرنامج، في هذا مجال، وهو برنامج GoLive4.0 من شركة Adobe. وسبب هذه السيطرة واضح.. فشركة Macromedia هي الرائدة في المجال ملتيميديا ويب، وهي التي أنتجت تقنيتي (Flash) و(Shockwave) اللتين أضفتا نوعاً من الحيوية على كثيرٍ من مواقع ويب، وتنتشران بسرعةٍ كبيرة جداً في إنترنت. ويقدم البرنامج دعماً كاملاً لهما، ولهيئات تقنيتي (RealVideo) و(HotMedia)، بالإضافة إلى عددٍ من النصوص البرمجية الجاهزة الأخرى، كالصور المنقلبة (roll-over image).

ويدعم برنامج Dreamweaver2.0 مواصفات CSS كاملة، ويسمح بتحديد إحداثيات العناصر المكونة للصفحات بالبكسل، بدقة عالية، بمجرد تحديد الموضع المرغوب لهذا العنصر باستخدام الفأرة. ويمكن للبرنامج أن يحول الصفحة التي تستخدم الطبقات (layers)، إلى جداول متشابكة –وهي جداول تتضمن جداول أخرى- لتأمين توافق الصفحة مع الإصدارات 3.0 من المتصفحات، وهي ميزة مفيدة جداً، تفتقدها باقي برامج إنشاء صفحات ويب. ويقدم البرنامج مجموعة كبيرة من مؤثرات لغة DHTML، كما يوفر تحكماً دقيقاً في حركة الكائنات في الصفحة، بإضافة خطٍ زمني (timeline) لها. ومن أفضل ميزات التحكم التي يقدمها البرنامج، إمكانية إضافة نصوص برمجية للصفحة، تفحص نوع وإصدارة المتصفح الذي يستخدمه زائر الموقع، وتحدد بناءً على ذلك، صفحةً متوافقةً معه، يحددها المصمم، ليتم إرسالها إليه.

يقدم البرنامج خدماتٍ مميزة في مجال إدارة الموقع، لكن ليس بسهولة إدارة الموقع التي يوفرها برنامج FrontPage2000، أو بنوعية الخدمات التي يقدمها برنامج ناشرنت 2.0، حيث يتيح برنامج DreamWeaver2 أسلوبين مختلفين لعرض الموقع ضمن شاشةٍ واحدة، يعرض أحدهما الملفات والمجلدات التي يستخدمها الموقع، بأسلوب مستكشف ويندوز، ويعرضها الآخر كمخططٍ شجري يظهر الوصلات التشعبية بين جميع الملفات، مع توضيح نوع وسلامة كل وصلة. ومن الميزات المفيدة كذلك، حفظه نسخةً من كل ملف تابع لأحد العناصر التي يضيفها المصمم إلى الصفحة، في مجلدٍ واحد، وذلك فور إضافة هذا العنصر إلى الصفحة. فإذا أضاف المصمم، مثلاً، صورةً معينةً كخلفية للصفحة، تحفظ تلقائياً، نسخة من ملف هذه الصورة في المجلد الذي يحتوي على الصفحة، وهي ميزة يشعر المصمم بفائدتها عند نشر الموقع في ويب. ويسمح البرنامج كذلك، بإنشاء قالب عام للموقع، يعمَّم أي تغييرٍ يجرى عليه، على كافة الصفحات، كما يوفر إمكانية حفظ العناصر المستخدمة في إنشاء الصفحات على شكل كائنات، وتصنيفها في مكتباتٍ خاصة، للاستفادة منها لاحقاً. ويمكنه كذلك، إجراء فحصٍ شاملٍ للموقع، وتقديم تقريرٍ مفصل عن توافق جميع الصفحات مع الإصدارات 2.0 وحتى 4.0 من متصفحي إكسبلورر ونافيجيتور، وحفظ هذا التقرير كصفحة HTML. ويمكنه كذلك، فحص جميع الوصلات التشعبية، والملفات في الموقع، وتقييم سلامة الارتباطات بينها، والإشارة إلى المقطوع منها.

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

FrontPage2000

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

تعتبر الطريقة التي يقدمها البرنامج في التنقل بين واجهة WYSIWYG، ومحرر HTML النصي، وشاشة المتصفح الداخلي، من أسهل الطرق المتبعة، حيث يكفي النقر على ألسنة التبويب التي تظهر في أسفل الشاشة، أو على مفتاح (TAB) في لوحة المفاتيح، للانتقال بين الواجهات الثلاث. ويوجد، بالإضافة إلى طرق العرض الثلاثة المذكورة، شريط جانبي لطرق عرض (Views) إضافية، يقدم عدداً من الخيارات المفيدة، كعرض الموقع كمجلدات وملفات، أو كتقارير مفصلة عن صفحات الموقع، أو حسب ارتباط الصفحات بعضها ببعض، عبر الوصلات التشعبية، أو كالمهمات التي تحتوي عليها الصفحات، ويسمح كذلك، بإضافة شريط تصفح (navigational bar) تلقائياً، لتسهيل عملية انتقال زائر الموقع بين الصفحات. ويضاف هذا الشريط إلى كل صفحات الموقع في أحد جوانب الصفحة، لكن إضافة هذا الشريط إلى صفحةٍ تتضمن إطارات، أدت إلى حدوث تضارب بين بعض الإطارات والشريط، ما يمنع المصمم من استخدام هذا الشريط إذا احتوت الصفحة على إطارات. ومن الميزات المفيدة كذلك، إظهار الزمن الذي يستغرقه جلب الصفحة، على الشريط الموجود في أسفل واجهة الاستخدام، وذلك بالنسبة لخطوط النقل، مثل T1 وT2 وISDN، وأجهزة الموديم بمختلف سرعاتها. ومن الميزات الأخرى، إظهار الشكل الذي ستظهر عليه الصفحة التي تتضمن إطارات، في المتصفحات التي لا تدعم الإطارات (NoFrames)، ما يسمح للمصمم أن يضيف تعليقاً أو ملاحظة، أو تصميم صفحة بديلة موجهةً لهذه المتصفحات، بسهولة كبيرة.

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

يدعم برنامج FrontPage2000 بعض تقنيات الملتيميديا الحديثة، مثل إضافة ملفات فيديوية إلى الصفحة، من الهيئات (avi و asf) التابعة لشركة مايكروسوفت، وهيئات (ram وra) التابعة لشركة RealNetworks، لكن لا يدعم غيرها من التقنيات الشائعة، مثل (Shockwave وFlash). ويقدم البرنامج كذلك، إمكانية إضافة مكونات متطورة للصفحة، كعدّاد للزيارات (hit counter)، واستمارة بحث (search form)، لكن لا يمكن الاستفادة من معظم هذه الميزات، إلا عند استخدام مزود يدعم امتدادات مزود FrontPage، فهي تضاف كبريمجات (applets)، وروبوتات (webbots) خاصة بهذه المزودات. ويتضمن البرنامج كذلك، محرراً داخلياً للغة فيجوال بيسيك، وبرنامج "مدير اللافتات الإعلانية" (Ad Banner Manager)، الذي يسهل عملية إنشاء اللافتات الإعلانية، التي تظهر في معظم صفحات ويب. ويسمح البرنامج بإنشاء الجداول بعدة طرق مختلفة، فيوفر مرونةً كبيرة لهذه العملية، خاصةً أن الجداول هي من أهم العناصر المستخدمة في إنشاء صفحات ويب ذات تنسيق جيد.

يدعم برنامج FrontPage2000 استخدام مواصفات CSS2.0 لتَوضُّع الجداول والصور بشكلٍ دقيق جداً في الصفحة، اعتماداً على الطبقات (layers) وتحديد إحداثياتها بالبكسل. لكنه يفتقر إلى ميزة تحويل هذه الطبقات إلى جداول متشابكة، لجعل الصفحة متوافقة مع الإصدارات التي سبقت الإصدار 4.0 من نافيجيتور وإكسبلورر، وهي ميزة متوفرة في الكثير من برامج إنشاء صفحات ويب، كبرنامج DreamWeaver2.0. ويسمح برنامج FrontPage2000 للمصمم، أن يحدد نوع وإصدارة المتصفح المستهدَف، ويحدد بموجب ذلك، مواصفات لغة DHTML التي يمكن استخدامها في الصفحة، لكنه لا يوفر ميزة تضمين نصوص برمجية في الصفحة، تفحص نوع المتصفح الذي يستخدمه الزائر، وتحمّل صفحةً متوافقةً معه، وهي ميزة يتمتع بها برنامج DreamWeaver2.

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

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

NetObjects Fusion 4.0

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

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

استخدام اللغة العربية

إنشاء مواقع بسيطة

إنشاء مواقع متطورة
سهولة الاستخدام
دعم التقنيات الحديثة
إدارة الموقع

ناشرنت 2.0
ممتاز
ممتاز
جيد
جيد
جيد
جيد

DreamWeaver2.0
مقبول
جيد
ممتاز
ممتاز
ممتاز
جيد

FrontPage2000

مقبول
ممتاز
جيد
ممتاز
جيد
ممتاز

Fusion 4.0

لا يوجد
ممتاز
ممتاز
مقبول
جيد
ممتاز




http://www.macromedia.com/software/downloads
نسخة تجريبية من برنامج DreamWeaver2.0

http://www.microsoft.com/insider/fro...00/default.htm
معلومات عن برنامج FrontPage2000

http://www.sakhr.com/PRODUCT/internet/nashnet2.htm
معلومات عن برنامج ناشرنت 2

http://www.netobjects.com/products/html/nf4tryit.html
نسخة تجريبية من برنامج NetObjects Fusion 4.0


http://www.adobe.com/prodindex/pagemill/regwina.html
نسخة تجريبية من برنامج Adobe PageMill3.0


ملاحظات مهمة لإنشاء صفحات تحتوي على نصوصٍ عربية سليمة

كم مرةً زرت أحد المواقع العربية، ولم تتمكن من قراءة النصوص إلا بعد تغيير نوع تشفير النصوص (encoding)، أو استخدام نوع آخر من المتصفحات؟

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

1 أضف واصفة meta التالية في رأس الصفحة، بين الواصفتين <head> و</head> :

<meta http-equiv="Content-Type" content="text/html; windows-1256">

تحدد هذه الواصفة للمتصفح، طقم الحروف (windows-1256)، وهو طقم حروف ويندوز العربي، ليتم استخدامه في الصفحة، وهو طقم الحروف الوحيد الذي يعرضه المتصفحان، سندباد 4.5 من شركتي صخر ونتسكيب، وإكسبلورر 5.0 من شركة مايكروسوفت، بصورةٍ سليمة. وسيؤدي استخدام غير هذا الطقم إلى عدم ظهور النصوص بشكلٍ سليم، في أحد المتصفحين.

2 أضف السمة lang إلى الواصفة <HTML>، التي تحدد اللغة المستخدمة في الصفحة-أو الفقرة، إذا أضيفت إلى الواصفة <P>- ويسمح ذلك لكثيرٍ من التطبيقات التي تستخدم صفحات ويب، أن تعرف اللغة المستخدمة في الصفحة أو الفقرة. ويجب عند استخدام اللغة العربية، أن تكون الواصفات على الشكل: <HTML lang="ar"> أو <P lang="ar">.

3 أضف السمة dir، التي تحدد اتجاه محاذاة النص بالنسبة للمتصفح إكسبلورر، والتي تضاف إلى العديد من الواصفات، كالواصفة <HTML> لتحديد محاذاة النص في الصفحة كلها، أو للواصفة <P> لتحديده بالنسبة لفقرةٍ معينة. ويجب لتحديد محاذاة النص من اليمين إلى اليسار، أن تكون الواصفة على الشكل: <HTML dir="rtl"> بالنسبة للصفحة، أو <P dir="rtl"> بالنسبة لفقرةٍ معينة. أما المتصفح (سندباد) فلا يحتاج إلى أي إضافة لتحديد اتجاه المحاذاة إذا كنت تستخدم نظام ويندوز عربي أو داعماً للغة العربية، فهو يتضمن مفتاحاً خاصاً-بجانب مفتاح "تصغير" في أعلى الواجهة- يسمح للمستخدم بتحديد اتجاه المحاذاة، أما إذا كنت تستخدم نظاماً غير عربي، فعليك عندها، تركيب برامج مضافة (plug-ins) خاصة من شركة صخر، يمكن جلبها من الموقع (http://www.sakhr.com). (للحصول على معلومات إضافية عن استخدام لغة HTML ودعم الحروف العربية، انظر عدد يوليو/تموز 1999،"تأليف صفحات HTML والأبجدية العربية").

4 إذا حددت نوع الخط الذي ترغب أن تظهر به النصوص، في واصفة <Font>، يجب مراعاة اختيار نوع شائع، مثبت على جميع الأنظمة الداعمة للغة العربية، مثل نوع الخط (Traditional Arabic). ويفضل تضمين عددٍ من أنواع الخطوط في الواصفة، حيث يختار المتصفح النوع التالي في الترتيب، إذا لم يتعرف على النوع الأول. ويمكن أن تكون الواصفة على الشكل التالي:

<font face="Traditional Arabic, Arabic Transparent, Simplified Arabic">

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

شكرا لك...