مقدمة للجولة التعليمية

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

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

          خلال هذه الجولة ستتعلم :

o       تعريف موقع محلي .

o       صنع الوثائق.

o       استخدام الطبقات لتصفيف الصفحات.

o       ربط التصرفات إلى الصور.

o       استيراد وثائق HTML من برنامج Microsoft Word .

o       تنسيق النصوص باستخدام أسلوب HTML .

o       صنع خريطة للموقع .

o       صنع روابط .

o       تخصيص القوالب.

o       صنع القوائم المنسدلة .

o       إدراج الخطوط العربية للبرنامج .

ملاحظة : هذه الجولة تعرض بعض المميزات التي تدعم متصفح من الإصدار الرابع فما فوق وقد لا تتمكن من مشاهدتها بمتصفح أقدم

استعراض الموقع النسيجي المكتمل :

     الآن ، استعرض الموقع النسيجي المكتمل لتأخذ فكرة عن ما أنت موشك على صنعه بنفسك.

1.     شغل Dreamwaver3 .

2.  في Dreamwaver3 أختر Open من القائمة File وفي مربع الحوار فتح ملف أستعرض مجلد البرنامج Dreamwaver3 وافتح المجلد Tutorial ثم مجلد Scaal_site .

3.   في مجلد Scaal_site ، أختر الملف scaal_home.html ثم اضغط Open لفتح الصفحة الرئيسية في نافذة الوثيقة .     لكن لا تقم بالتعديل في هذه الصفحة ، لأنك ستصنع نسختك منها بإذن الله تعالى.

4.     أختر File ثم Preview in Browser ثم أختر المستعرض لتشاهد الصفحة الرئيسية لشركة Scaal .

5.  حرك المؤشر فوق البنود الثلاثة في الجهة اليسرى من الصفحة [ Our Story ، Products ، This Week ] ولاحظ أن هذه البنود تشع بلون مميز للدلالة على أنها ارتباطات نشطة .        اضغط الارتباطات لاستعراض الموقع . للعودة للصفحة الرئيسية أضغط على رمز Scaal ، والموجود في أعلى أي صفحة من صفحات الموقع.

6.     أغلق المتصفح عند الانتهاء من تصفح الموقع وقل الحمدلله تعالى.

7.     أغلق Dreamwaver3 .