بسم الله الرحمن الرحيم

نستكمل ما بدأناه ..

في البداية يجب أن أوضح ميزة التصميم بالجداول عن الأساليب الأخرى..

طبعاً من أهم العوامل التي تجذب الزائر للموقع هي حسب الأولوية كما يلي:

1- المعلومة المفيدة.
2- سهولة التنقل بين صفحات الموقع.
3- سرعة تصفح الموقع.
4- المظهر الجميل.

العامل الأول وهو المعلومة المفيدة يرجع للمصمم والتخصص الذي يرغب بناء الموقع على أساسه وبالتالي طبيعة الزوار لموقعه.

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

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

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

==== لنبدأ الآن بعمل المشروع ===

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

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

التشكيل الأساسي للصفحة الرئيسية لموقع يهتم بالبرامج وعتاد الحاسب الآلي هو (ليس من الضروري هذا التقسيم) :

1- قسم البرامج Software
2- قسم العتاد Hardware
3- قسم الدعم الفني
4- الأسئلة المتكررة AFQs
5- المساعدة

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


في البداية للتنفيذ نفتح ونختار (ملف > جديد > صفحة أو ويب.. )

سيظهر لنا مع XP نافذة على اليسار نختار صفحة ويب فارغة .. تظهر لنا نافذة أخرى:

هذه النافذة هي نافذة قوالب مواقع ويب .. ما يهمنا هنا هو صفحة ويب ذات صفحة واحدة واسم المشروع الذي ننوي تنفيذه .. كما هو موضح فقد اخترت C4Arab كعنوان للمشروع .. يقوم FrontPage بعد اختيار الاسم وضغط موافق بحفظ المشروع تلقائياً في المجلد الافتراضي الموجود على المسار (C:My DocumentsMy Webs........) طبعاً هذا المسار افتراضي إذا لم يكن قد تم اختيار مسار آخر ..

فتحت الآن صفحة بيضاء فارغة باسم Index.htm إذا لم تكن ظاهرة اضغط على هذه الأيقونة :
نريد الآن البدأ برسم الخطوط العريضة لموقعنا على هذه الصفحة البيضاء بواسطة الجداول .. نحدد جدول من عامود واحد وخمسة صفوف كما يلي :

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

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

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

يتبع

درس تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثاني-