مدونة عالم التصميم

الروابط التشعبية:

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

1. في البداية قم بكتابة ثلاث كلمات في صفحة جديدة، كل كلمة في سطر.
2. اختر أول كلمة ومن لوحة الخصائص في ستجد مربع نص لكتابة الرابط فيه، لاحظ الصورة:

أكتب فيه عنوان الصفحة المراد الإنتقال إليها.

3. أو بالضغط على صورة المجلد لفتح نافذة، ومنها اختر الصفحة المراد الإنتقال إليها.
4. هنا أداة جميلة تسما point-to-file وهي عبارة عن مؤشر.
طريقة عمل هذا المؤشر هي بعد تحديدك للنص المراد عمل رابط له اضغط على هذا المؤشر، وقم بسحبه مع استمرار الضغط إلى أي صفحة في لوحة الملفات على اليمين:

5. ذاك بالنسبة للكلمة الأولى أما بالنسبة للثانية فبعد تحديدك لها اضغط بيمين الفأرة على الكلمة ومن القائمة المنسدلة اختر Make link، ستظهر لك نافذة منها اختر الصفحة المراد الإنتقال إليها.

6. الآن حدد الكلمة الثالثة واضغط على زر الربط من شريط ال

التعامل مع الجداول:

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

1. عمل جدول جديد

من قائمة الإدراج إضغط على زر الجدول و حدد القيم كما في الصورة التالية:

2- لتعديل هذا الجدول سواء بدمج إحدى خلايا هذا الجدول مع الأخرى أو في إنشاء خلايا جديدة
حدد أول ثلاث خلايا في الجدول وبزر الفأرة الأيمن اختر من القائمة

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

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

شريط الإدراج:

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

عمل صفحة وحفظها

إن الموقع يتكون من عدة صفحات مترابطة، سنتعلم الآن كيفية عمل صفحة جديدة في دريم ويفر وحفظها.

1. من القائمة في أعلى البرنامج اختر FileNew.

ومن النافذة New ******** اختر HTML لاحظ الصورة:

2. اضغط ضغطا مزدوجا على الخيار HTML، أو اضغط Create.

3. في الصفحة التي ستفتح عندك أكتب أي نص يعجبك واختر له عنوان مناسب، أريد أن يظهر ما كتبت كالتالي:

4. بعد هذا النص اضغط Enter من على لوحة المفاتيح لعمل سطر جديد، ومن شريط الإدراج اضغط على Image، أيضا لإدراج صورة إذهب إلى قائمة Insert في أعلى البرنامج واختر Image.
ومن النافذة التي ستظهر لك أدخل إلى أي مجلد به صور (My Pictures مثلا) واختر الصورة التي تعجبك.

5. ظلل السطر الأول، ومن شريط الإدراج اختر Text بدلا من Common من الخيارات التي لديك.
ومن الأزرار التي تظهر لديك اضغط على H2، سيتغير حجم الخط.

6. أيضا ظلل السطر الثاني، ومن لوحة الخصائص بالأسفل غير نوع الخط Font إلى Tahoma، والحجم Size إلى 10 points.