دورة تعلم الفرونت بيج بالصور وشرح كامل ووافى للمبتدئيين

إنشاء واستخدام الإطارات


التعرف على الإطارات :

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

والإطارات أساساً عبارة عن صفحات ويب منفصلة أو مستقلة يتم عرضها داخل شاشة واحدة .

هل يجب استخدام الإطارات ؟

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

إنشاء الإطارات باستخدام قوالب فرونت بيج :

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

1- من قائمة File ، اختر أمر New ثم Page or Web لتفتح مربع حوار New اختر منه Page Templates .

2- انقر علامة تبويب Frames Page لتعرض اللوحة الخاصة بها ( انظر الشكل 1 - 9 ) .



1 - 9

3- حدد الإطار الذي تريد استخدامه في صفحتك ، في مثالنا حدد قالب *******s الذي يتيح لك إنشاء صفحة بداخلها إطاران .

4- انقر ok لإغلاق مربع الحوار وإنشاء صفحة الويب باستخدام القالب الذي حددته ( انظر الشكل 2 - 9 ) .



9 - 2

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

سنقوم بإنشاء قائمة بسيطة في الإطار الصغير الموجود في يسار الصفحة كما يلي :

1- في الإطار الأيسر ، انقر زر New Page وسيتم إنشاء صفحة جديدة في الإطار .

2- اكتب النص التالي في الصفحة المؤطرة :

Page1

صفحة 1

3- حدد نص Page1 من قائمة Insert ، حدد أمر Hyperlink لتفتح مربع الحوار Insert Hyperlink .

4- في مربع Address اكتب اسم إحدى الصفحات التي أنشأتها من قبل في الدروس السابقة أو حدد إحداها بـ أي طريقة تودها .

5- في مربع حوار Insert Hyperlink ، انقر زر Target Frame لتفتح مربع حوار Target Frame ( انظر الشكل 9 - 3 ).


9 - 3

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

7- انقر زر ok لإغلاق مربع الحوار Target Frame . انقر زر ok مرة أخرى لإغلاق مربع حوار Insert Hyperlink .

8- كرر الخطوات من 3 إلى 7 مع نصي صفحة 1و مع تحديد صفحتين مختلفتين لعرضهما في هذين الارتباطين .

9- تم الانتهاء من إنشاء صفحتك المؤطرة تقريباً ، الآن تحتاج إلى إلى تحديد الصفحة التي سيتم عرضها وغالباً ما تكون نفس الصفحة التي تمت تسميتها بواسطة ارتباط Page1 انقر زر Set Initial Page الموجود في اللوحة اليمنى لتفتح مربع حوار Insert Hyperlink .

10-اكتب اسم الملف الذي يحتوي على ارتباط إلى Page1 الذي أنشأته في الخطوة 4 .

11-انقر زر ok لإغلاق مربع الحوار .

12-من قائمة File ، حدد أمر Save لحفظ ملفاتك . سيطلب منك حفظ كل الملفات التي أنشأتها . ونظراً لأنك أنشأت الملف الظاهر في الإطار الأيسر ، سيطلب منك حفظه إلى جانب حفظ الملف المسمى بـ " مجموعة الإطارات " ******** file وهو الملف الذي يتحكم في الصفحة المؤطرة .

13-بعد الانتهاء من حفظ ملفاتك ، حدد علامة تبويب Preview لعرض الصفحات المؤطرة ( أي ذات الإطارات ) واختبر أدوات التحكم في الإطارات.

ما تزال الإطارات مثيرة للجدل رغم ظهورها من بضع سنوات ، لكن لا تنس ألا تبالغ باستخدامها .
------------------------


الدرس القادم بعنوان نشر موقع الويب وإدارته

نشر موقع الويب وإدارته


الاستعداد لنشر موقع الويب الخاص بك :

هناك العديد من الطرق من أجل نشر مواقع الانترنيت منها عن طريق فرونت بيج ومنها عن طريق file manager وأيضاً منها عن طريق برنامج ws_ftp .

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

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

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

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

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

إرسال موقع الويب إلى الخادم :

لنشر موقعك على خادم الويب :

1- حدد وافتح موقع الويب الذي تريد نشره .

2- من قائمة File اختر أمر publish Web لتفتح مربع حوار publish Web ( انظر الشكل 1 - 10 ) .

3- في مربع نص Enter publish destination ، اكتب عنوان URL الخاص بخادم الويب الذي ستنشر عليه موقعك . تستطيع أن تحدد في هذا المربع بروتوكول HTTP أو FTP . إذا كنت – على سبيل المثال – ستنشر على أحد أجهزة خادم الويب في مجال My Company.com ، فلك أن تكتب عنوان URL بهذا الشكل [ يتوجب عليك التسجيل لمشاهدة الرابط ] أو [ يتوجب عليك التسجيل لمشاهدة الرابط ] طبعاً حتى تكتب http يجب أن يكون الخادم عندك يدعم فرونت بيج أما إذا لم يكن يدعم فرونت بيج فاستخدم ftp .

طبعاً سيطلب منك كتابة اسم المستخدم + كلمة المرور وهاتان الكلمتان تحصل عليهما من الخادم المضيف .



1 - 10

4- انقر زر publish لتبدأ إرسال موقعك إلى الخادم .

5- بحسب حجم موقع الويب الذي تقوم بنشره وسرعة الاتصال بالخادم ، قد تستغرق عملية النشر ما يتراوح بين بضع ثوان وبضع دقائق عندما ينتهي فرونت بيج من نشر موقعك ونجاح عملية النشر ، ستعرض لك رسالة توضح ذلك .

6- سوف يظهر عند الانتهاء وصلة لمعاينة الموقع الذي تم نشره ، انقر ارتباط published web site .

7- انقر زر Done لإغلاق مربع حوار publish web .

مهام إدارة موقع الويب :

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

1- تأكد من أن الموقع الذي تريد تحديثه قد تم فتحه .

2- من قائمة File ، اختر أمر publish web لتفتح مربع حوار publish web .

3- في مربع نص Enter publish destination ، اكتب عنوان URL الخاص بخادم الويب الذي نشرت عليه موقعك . تأكد بعد ذلك من تحديد مربع العلامة publish changed pages only .

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

الحصول على تقارير عن موقع الويب :

للحصول على تقارير عن موقع الويب :

1- افتح موقع الويب الذي تريد أن تحصل على تقرير عنه .

2- من شريط view ، انقر رمز reports سيظهر بعد ثوان على الشاشة تقرير يضم معلومات عن الموقع الذي فتحته (انظر الشكل 2 - 10).




2 - 10


-----------------------

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