إعداد: خالد أبا الحسن
تعرضنا في الحلقة الماضية لبعض المفاهيم المهمة فيما يتعلق بصفحات البداية وطرق تنظيمها وبنائها واليوم سنتحدث عن انشاء الصفحة الأولى.
تشغيل البرنامج
ستقوم بتشغيل البرنامج مع مجموعة برامج مايكروسوفت انترنت اكسبلورر عن طريق قائمة البرامج او بامكانك ادخال امر التشغيل:
C:/Programfil/forntpage.express/ fpxpress.exe
فاذا قمت بذلك فانه سيكون عليك بعدها أن تقوم بفتح صفحة جديدة ويكون ذلك عن طريق قائمة أوامر فرونت بيج اكسبرس باختيار: File New وستفتح نافذة لاختيار نوع الصفحة (انظر الشكل 1) ولن يكون عليك سوى الضغط على زر الموافقة لان البرنامج يقوم بتحديد الخيار الأفضل تلقائياً, كما يمكنك تشغيل البرناج من خلال متصفح اكسبلورر الخامس وذلك بالضغط على ايقونة تحرير الصفحة التي تستعرضها او باختيار امر التحرير من قائمة الأوامر حسب الترتيب التالي: File.Edit with front page express ويختار البعض تشغيل البرنامج بهذه الطريقة عندما تكون صفحاتهم على الانترنت ولديهم الرغبة في القيام ببعض التعديلات عليها.
حفظ الصفحة
لحفظ الصفحة يعطي برنامج فرونت بيج اكسبرس للمستخدم خيارين اما حفظها كملف AS file على القرص الصلب او اي مكان اخر بالجهاز او ارسالها مباشرة الى الخادم وهذا الخيار يعرض اولاً للمستخدم فان رغب في استعماله والا فيكون عليه ان يختار الحفظ بحيث تقوم بادخال اسم الملف ولأن هذه الصفحة هي الأولى فانه من الأولى ان يكون اسمها index.html ليتعرف عليها المتصفح على انها صفحة البداية في موقعك.
ادراج العناصر
ولأن هذا البرنامج متوافق مع نظام النوافذ وبرامج مايكروسوفت الاخرى فان جميع عمليات التحرير المعتادة مدعومة في هذا البرنامج ومتوافقة معه ولذا فانه بامكانك البدء في الكتابة في الصفحة الاولى وبطريقة عادية وستجد ان ايقونات البرنامج تعمل تماماً كما تعمل مثيلاتها في برامج مايكروسوفت الأخرى كبرنامج وورد ومتصفح اكسبلورر.
وللبدء في ادخال العناصر ينبغي ان تكون قد اعددت مخططاً لصفحتك الاولى وهذا المخطط سيجعل الصفحة منظمة وانيقة, واذا تعودت على رسم المخطط قبل البدء في التنفيذ فان صفحاتك ستكون جذابة وممتعة للقارىء وستتمكن من الحفاظ على النظام في موقعك مهما تقدمت قدراتك التصميمية.
كما سيكون بامكانك التعامل مع الصفحة بصورة قريبة جداً من التعامل مع وثائق برنامج مايكروسوفت وورد ولكن وجه الاختلاف يكون في العناصر التي ستحويها صفحتك بخلاف النصوص.
ادراج النص
بامكانك نقل اي نص من وثيقة اخرى والصاقه في الصفحة التي تعمل عليها، اما اذا كانت المادة حديثة فانك ستبدأ الكتابة باللغة العربية بعد ان تتأكد من صحة الاتجاه باختيار اللغة ونوع الخط وحجمه تماماً كما تعمل في برنامج مايكروسوفت وورد عند الكتابة بالعربية.
وادراج النص بطريقة النسخ والالصاق تعتريه احياناً بعض التعقيدات بسبب اختلاف التشفير Encoding بين الوثائق التي تنسخ منها والصفحة التي تقوم بالصاق النص بها, ولذا فقد يكون من الأنسب تحويل الوثيقة من doc الى صفحة انترنت html ثم القيام بتحريرها في برنامج فرونت بيج اكسبرس كما ترغب وبرنامج مايكروسوفت وورد يكفل لك تحويل وثائقك الى ftml وذلك بطريقة بسيطة وهي الحفظ عن طريق اختيار الأمر التالي.
File - save as HTML وكما اشرنا سابقاً فالتعامل مع النص في برنامج مايكروسوفت فرونت بيج لا يختلف كثيراً عن برنامج وورد.
ادراج الوصلات
ونقصد بالوصلات النصوص او الصور التي يمكن الانتقال الى موقع او صفحة اخرى على الانترنت بمجرد النقر عليها, ولادراج الوصلات عدة طرق, اول هذه الطرق وايسرها كتابة عنوان الوصلة نفسه وهذا سيؤدي الى ان يقوم البرنامج بتحويل العنوان الى وصلة حية بمجرد ان تنتهي من كتابته, ومثال ذلك ان تقوم مثلاً بانشاء قائمة من الوصلات المفضلة على صفحتك فتقوم بكتابة النص التالي:
مواقعي المفضلة:
موقع وزارة الشؤون الاسلامية
http:www.islam.org.sa
موقع مؤسسة الجزيرة الصحفية
http//:www.al-jazirah.com
هنا سيقوم البرنامج بتحويل العناوين الى وصلات حية وسيتمكن زوار صفحتك من الانتقال الى مواقع تلك الهيئات بمجرد الضغط على الوصلة، ورغم سهولة هذه الطريقة وامكان استخدامها الا ان القليل من المصممين يستخدموها في الوقت الحاضر وانتقلوا الى طريقة افضل وهي تعتمد على جعل النص نفسه وصلة يمكن استخدامها للانتقال الى الموقع الذي تشير اليه والفقرة التالية تبين كيفية ذلك.
يمكن كتابة اسماء المواقع التي ترغب في ربط زوارك بها من خلال صفحتك بعمل التالي:
* اكتب الاسم اولاً مثل: وزارة الشؤون الاسلامية والاوقاف والدعوة.
* ظلل اسم الموقع كاملاً وهو اسم الوزارة كما تشير النقطة السابقة.
* من قائمة الأوامر اختر قائمة التحرير Edit ومنها اختر الوصلة Hyper Link وستظهر امامك نافذة لتحرير الوصلة (انظر الشكل 3) وفي حال كون المتصفح يعمل فان النافذة ستظهر لك عنوان الموقع الذي تتصفحه في تلك اللحظة فان كان متوافقاً مع ما ترغب فعله فما عليك الا ان تضغط زر الموافقة اما ان كان الموقع مختلفاً فسيكون عليك كتابة العنوان يدوياً في المسار المشار اليه بكلمة URL وحسب مثالنا هنا فانه سيكون عليك ان تكتب عنوان موقع الوزارة وهو
http:www.islam.org.sa
* اضغط زر موافق ليظهر امامك اسم الوزارة في داخل الصفحة ولكن باللون الأزرق هذه المرة وذلك لأنه اصبح وصلة يمكن استخدامها للوصول الى موقع الوزارة.
طريقة أخرى
كما اشرنافي النقطة السابقة فان التوافق بين برنامج فرونت بيج وبرامج التصفح لديك يمكنك من انشاء الوصلات بطريقة اسهل فبامكانك عمل التالي:
* اكتب اسم الموقع مثل: صحيفة الجزيرة وذلك في المكان الذي ترغبه من صفحتك.
* قم بتظليل الاسم والانتقال بعدها الى المتصفح حتى تصل الى موقع صحيفة الجزيرة.
* عند الوصول الى موقع الجزيرة انتقل الى برنامج فرونت بيج وتأكد من تظليل النص المراد تحويله الى وصلة ثم قم بالضغط على ايقونة الوصلات وهي عبارة عن صورة للكرة الأرضية مع حلقتي سلسلة عليها, وستظهر لك العبارة التالية:
create or edit heyper link وذلك عند الاشارة اليها بالمؤشر Mouse
* سيظهر لك العنوان الذي تريد في مسار URL وسيكون عليك بعدها الضغط على زر الموافقة لتكتمل العملية هنا.
وسنتعرض في الحلقات القادمة الى كيفية تحويل العناصر الأخرى بخلاف النص الى وصلات وذلك بعد ان نتحدث عن كيفية ادراجها في الصفحة.
(وفي الحلقة القادمة سنتحدث عن ادخال الصور والمكونات الأخرى في الصفحة فالى اللقاء).