** إذا كنت ممن يملكون موقعاً كبيراً نسبياً على شبكة الإنترنت ، به العديد من الملفات المتنوعة ، فيلزمك أن تكون هذه الملفات أكثر تنظيماً ليسهل إدارة موقعك فيما بعد .وذلك بعمل مجلدات في موقعك. ## ولكن كيف يتم تنظيم هذه الملفات داخل مجلدات في موقعك ؟ 1- عليك أولاً بتصنيف أقسام موقعك تصنيفاً ملائماً لمحتوياته . 2- بعد ذلك قم بعمل مجلد لكل قسم وسمه بما يدل على محتويات هذا القسم . ** مثال : لنفترض أن لدينا موقعاً يضم الأقسام التالية : - قسم برامج مجانية . - مكتبة صور . - مكتبة سمعية . - قيم تعليمي . سنقوم بإنشاء أربعة مجلدات في الجهاز في مجلد myweb الافتراضي لملفات موقعك ، ونسمي كل مجلد بما يدل على محتواه ... فمثلاً تكون أسماء الأقسام السابقة على التوالي : - software . - pictures - songs - edu وعند إنشاء الصفحات سنقوم بحفظ كل صفحة في المجلد المناسب لها . ويمكنك إنشاء مجلد صور باسم " img " مثلاً ، داخل كل من هذه المجلدات لحفظ الصور الخاصة بكل قسم . -------------------------------------------------------------------------------- # عمل الارتباطات بين صفحات وملفات الأقسام : - في البداية ستكون هناك صفحة رئيسية للموقع خارج هذه المجلدات وباسم index ، وصفحة رئيسية index داخل كل مجلد ( قسم ) . وبالتأكيد ستشير إلى أقسام موقعك في صفحة الموقع الرئيسية بوضع ارتباطات لها .... فكيف ستكون هذه الارتباطات ؟ أولاً : مثلاً ، لوضع ارتباط إلى الصفحة الرئيسية لقسم edu يمكنك عمل ذلك بإحدى طريقتين : أ) تسطير العنوان يدوياً في خانة URL ، بحيث يكون كالتالي : ثم ضغط OK . وعندما يقوم الزائر بضغط هذا الارتباط سيقوم المتصفح تلقائياً بقراءة الصفحة الرئيسية index لهذا القسم " edu " . ب) استعراض هذه الصفحة من خانة الملفات في Create Hyberlink بحيث نقوم بفتح مجلد edu والتأشير على صفحة index بداخله ثم نضغط OK . كما في الشكل التالي ثانياً : عمل ارتباط لصفحة في قسم ما من صفحة في قسم آخر : ** مثال : لدينا صفحة في قسم software باسم internet.htm ، نريد أن نضع فيها ارتباط لصفحة wall.htm في قسم pictures . يمكنك عمل ذلك بإحدى طريقتين : أ) تسطير العنوان يدوياً : 1- افتح صفحة internet.htm في الفرونت بيج . 2- اشر على العبارة أو الصورة التي تريدها أن تكون ارتباط . 3- افتح نافذة Create Hyberlink . 4- في خانة URL اكتب ما يلي : ** حيث أن /.. تعني خروج من مجلد software ، والبقية وصول لصفحة wall.htm . 5- وأخيراً اضغط OK . ب) ادخال العنوان أتوماتيكياً : 1- افتح صفحة internet.htm في الفرونت بيج . 2- اشر على العبارة أو الصورة التي تريدها أن تكون ارتباط . 3- افتح نافذة Create Hyberlink . 4- من الأعلى افتح مجلد pictures لاستعراض جميع محتوياته . 5- أشر على صفحة wall ثم اضغط OK . ** وبهذه الطريقة يمكنك عمل ارتباطات بين جميع صفحات وملفات أقسام موقعك . [ وأخيراً قم بإنشاء مجلدات في موقعك في الشبكة بنفس ترتيبها وأسماءها في جهازك ، وانقل صفحات كل قسم إلى ما يماثله في الشبكة ] ---------------------------------------------------------------------------- الدرس السادس ( الإطارات أو الفريمات ) ------------------------------------------------------------------------- # ماذا تعني الإطارات ؟ تعني تقسيم الصفحة إلى عدة أقسام كل منها يمثل صفحة مستقلة ، ولكن بشكل غير ملاحظ للشخص المتصفح . * مثل : وضع قائمة في اليمين ثابتة لا تتغير بتغير الصفحات في اليسار . * ملاحظة : [ كما أن للإطارات ميزات فإن لها مساويء ستعرفها عند استخدامك لها ] . # ما هي أنواع الإطارات التي يمكن عملها بواسطة الفرونت بيج 2000 ؟ يوفر لك فرونت بيج 2000 عدة أشكال جاهزة للفريمات ، يمكنك استخدام ما تريد منها . ويمكنك مشاهدة هذه الأشكال كالتالي : 1- من قائمة File اختر New ثم Page . 2- سيفتح مربع حوار ، اختر من الأعلى Frames 3- ستظهر لك عدة أشكال للفريمات ، يمكنك معاينتها في القسم الأيمن السفلي من مربع الحوار بالتأشير على ما تريد ، وبعد الاختيار اضغط OK . وإليك المثال التالي : إذا أردت أن تنشيء صفحة جديدة في أي إطار اضغط NewPage . - أما إذا كانت لديك صفحة جاهزة وتريد ظهورها في أحد هذه الإطارات فاضغط Set initial Page . ** بعد ذلك قم بتحديد خصائص كل إطار على حده كالتالي : أ-اضغط بيمين الفأرة على الإطار الذي تريد تحديد خصائصه . ب- من القائمة اختر Frame Properties . ج- سيظهر لك مربع خصائص هذا الفريم كالتالي : 1- اسم هذا الفريم . 2- عنوان الصفحة التي ستدرجها في هذا الفريم . 3- عرض هذا الفريم . ** ملاحظة : لكي لا يتشوه شكل الإطارات باختلاف دقة العرض اتبع التالي : كما في الشكل السابق هناك اطاران فقط ، أيمن وأيسر . إذا كانت القائمة في اليسار والصفحة الرئيسية في اليمين فسنقوم بتحديد عرض إطار القائمة بالبكسل ، ونترك الآخر يتغير تلقائياً حسب دقة العرض للمتصفح . - مثلاً : نجعل عرض القائمة 150 بكسل ، وعرض إطار الصفحة الرئيسية نتركه 1 Relative . 4- ارتفاع الإطار ، وهذا لن تحتاجه إلا إذا استخدمت إطارات في الأعلى أو في الأسفل . 5- قم بإزالة الإشارة من مربع التدقيق إذا كنت لا تريد لمن يتصفح موقعك أن يغير مقاسات الإطارات . 6- اضغط هذا الزر واجعل قيمة Frame Spacing صفراً ، لإخفاء حدود كل الإطارات . 7- هذا الخيار خاص بأشرطة التمرير الرأسية والأفقية حيث أن : - If Needed : ظهور الشريط عند الحاجة له . - Always : ظهوره باستمرار . - Never : عدم ظهوره نهائياً . [ وبنفس الطريقة يمكنك تحديد خصائص الفريم الآخر ] . -------------------------------------------------------------------------------- ## كيفية وضع الارتباطات في الصفحات التي تستخدم الإطارات ( الفريمات ) : عند استخدامك لطريقة الإطارات يجب عليك تحديد الإطار ( الفريم ) الذي ستفتح فيه الصفحة عند ضغط ارتباط ما ، وذلك كالتالي : 1- أشر علة العبارة أو الصورة التي تريدها أن تكون ارتباط . 2- افتح نافذة Create Hyberlink . 3- اكتب الارتباط الذي تريده في خانة URL . 4- اضغط على على زر Target Frame ، سيظهر لك الشكل التالي : ** يمكنك اختيار مكان فتح الصفحة من الخانة (1) بالتأشير بالفأرة . أو من اختيار العبارة المناسبة من الخانة (2) ، حيث : Page Default [main : لفتح الصفحة في الإطار الافتراضي المسمى main . Same Frame : فتح في نفس الإطار . Whole Page ,Parent Frame : فتح في إطار كامل ( صفحة كاملة ) . New Window : فتح في نافذة جديدة ، بحيث تبقى الصفحة الأولى مفتوحة . 5- وأخيراً اضغط OK . -------------------------------------------------------------------------------- مبروك ... لقد صنعت صفحة إطارات رائعة .