عزيزي القارئ ··في الحلقات السابقة قمنا بإنشاء الموقع، وتعرفنا على مكونات نافذة ''دريم ويفر'' أثناء هذا الإنشاء، وتعرضنا لمهارات كثيرة واستخدمناها في تعديل الموقع، وأدرجنا في الموقع صوراً ونصوصاً، وفي هذه الحلقة سنقوم بعمل بعض التعديلات على الموقع الذي أنشأناه سوياً، ثم ننشئ له صفحة أخرى، ونعمل على الارتباط بينها، وبين اسمها في الصفحة الرئيسية، ونعمل ارتباطاً آخر بين عنوان في أعلى الصفحة وتفاصيل له موجودة في آخر الصفحة، فتابعنا·
أولاً: بعض التعديلات
عزيزي القارئ، إذا كنت تتابعنا في الحلقات الماضية، فاستخدم المهارات التي تعرفنا عليها في تنفيذ التعديلات التالية، كي تصل إلى شكل قريب من الشكل رقم ( 1 )
·1احذف الروابط الموجودة بأعلى الصفحة·
·2اجعل محاذاة عنوان الموقع لليمين، ومحاذاة عنوان الصفحة توسيط·
·3قم بإدراج صورة متحركة بامتداد Gif في أعلى الصفحة كي تكون ''بانر'' إعلاني، وهنا وضعنا صورة بانر إسلامي (كلمتان خفيفتان على اللسان، ثقيلتان في الميزان، سبحان الله وبحمده، سبحان الله العظيم)·
·4قم بإدراج صورة صغيرة (مؤقتاً) فوق عنوان الموقع كي تعبر عن شعار الموقع Logo.
·5ثم انتقل إلى مستعرض الإنترنت لتجد الموقع قريباً من الشكل رقم ( 1 )
ثانياً: نسخ صفحة بالموقع وتسميتها
الآن نريد إضافة صفحة أخرى في الموقع لها نفس التنسيق، لذا سنقوم بنسخ الصفحة الحالية (بكل محتوياتها)، وذلك كما يلي:
·1من مجموعة اللوحات انقر لوحة ملف File فتظهر كل محتويات الموقع·
·2انقر صفحة Index.htm (التي نريد نسخها) بالزر الأيمن، فتظهر قائمة فرعية اختر منها أمر تحرير Edit. ثم اختر أمر تكرار Duplicate فتظهر صفحة جديدة باللوحة باسم Copy of index.htm
·3انقر الصفحة الجديدة Copy of index.htm بالزر الأيمن، واختر أمر تحرير Edit ثم اختر إعادة تسمية rename فيظهر اسم الصفحة محدداً في وضع الكتابة، لكي تكتب الاسم الجديد، ولاحظ أن تجعله معبراً عن محتواها كي يكون العثور عليه يسيراً أثناء عمل الارتباط، وهنا سنجعل اسم الصفحة الجديدة News.htm
·4انقر اسم الصفحة الجديدة نقراً مزدوجاً ليتم فتحها في مساحة العمل وتأخذ تبويباً بجانب تبويب صفحة Index كما بالشكل التالي، ثم قم بتعديل محتواها حتى يعبر عن صفحة الأخبار· شكل رقم (2)
ثالثاً: إنشاء ارتباط بين الصفحتين
الآن نريد للزائر إذا نقر على زر (أخبار وتحليلات) الموجود بالصفحة الرئيسية ينتقل إلى صفحة News التي قمنا بإنشائها، وذلك يتم كما يلي:
·1حدد عبارة (أخبار وتحليلات)، (وبإمكانك تحديد صورة للارتباط أيضاَ ) واعرض نافذة الخصائص properties بضغط مفتاحي Ctrl+F3 فتظهر كما بالشكل السابق·
·2انقر المجلد الأصفر الموجود بجوار خانة (ارتباط Link) فيظهر مربع كما بالشكل رقم ( 3)
·3اختر اسم الصفحة التي تريد الارتباط بها (News)، ثم انقر موافق·
·4انتقل إلى مستعرض الإنترنت بضغط F21 لتشاهد تنفيذ الارتباط ·
رابعاً: إنشاء ارتباط بنص موجود في نفس الصفحة
لقد كتبت في صفحة الأخبار، عناوين لبعض الأخبار، وهذه العناوين مكتوب تفاصيلها في باقي الصفحة، وأنا أريد من الزائر، أن ينقر العنوان فينتقل إلى مكان التفاصيل (بنفس الصفحة) وذلك يتم كالآتي:
·1انتقل إلى نص التفاصيل التي تريد للزائر أن ينتقل إليها بعد نقر العنوان، وقم بتحديده·
·2افتح قائمة (إدراج Insert) واختر أمر (Named Anchor) فيظهر مربع حوار كما بالشكل رقم (4 )
·3اكتب اسماً للارتباط ولكن لا تجعل فيه مسافات، وهنا كتبنا اسمه (عمروخالد)
·4 انقر موافق، فتظهر علامة الارتباط الصفراء بجوار نص التفاصيل·
·5 قم بتحديد عنوان الخبر الذي سينقره الزائر كي يذهب للتفاصيل·
·6 في نافذة الخصائص، انتقل إلى خانة (ارتباط (link، واكتب علامة ف وبجوارها اسم الارتباط دون مسافات·
·7 انتقل إلى مستعرض الإنترنت واذهب بمؤشر الماوس إلى عنوان الخبر، فتسجد خطًا ظهر تحته لتعرف منه أنه ارتباط·
بهذا عزيزي القارئ··تكون قد أنشأت موقعاً شبه كامل باستخدام دريم ويفر، وتستطيع إكمال صفحاته، وتعديلها، وسنتعرف في المقالات القادمة على مهارات أخرى جديدة فتابعنا·
إعداد/ ر.ز
rehab_zanaty@hotmail.com
عدد اليوم
