الدرس الأول: التعرف على الدريم ويفر

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

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




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

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

طبعا لن تجد كل هذه الأدوات أمامك الآن، فلو كانت كذلك ما استطعت استخدامها نتيجة تكديسها معا ، لكنها مرتبة بطريقة جميلة ومريحة، في شريط الإدراج تجد كلمة Common وبجانبها سهم صغير إضغط عليه واختر الخيار الثاني من القائمة المنسدلة وهو Layout، منه تستطيع إدراج الجداول Tables والطبقات Layers والإطارات Frames، أما في النسخة الأقدم من MX فتجد بدلا من القائمة المنسدلة مجموعة من الخيارات (ألسنة) مصفوفة في أعلى الشريط، طبعا ذكرت هذا كي لا يواجه مستخدموا النسخة الأقدم المشاكل.


شريط الأدوات:

ويحتوي على أزرار تساعدك على التنقل بين وضعيات العمل الثلاث: التصميم والشيفرة والإثنان معا.

التصميم:

يفترض الآن أنك في وضعية التصميم، إذا لم تكن كذلك اضغط على زر Design من شريط الأدوات.

الشيفرة: اضغط على زر Code للإنتقال إلى وضعية الشيفرة.

التصميم والشيفرة معا: اضغط على زر Split للإنتقال إلى هذا الوضعية.


أيضا يحتوي شريط الأدوات على أزرار أخرى تساعدك في إدارة موقعك.


مجموعة اللوحات:

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


نافذة العمل:

هذه هي الصفحة التي تعمل عليها والتي ستقوم بإخراجها في النهاية.

الخصائص:

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