DREAM WAEVER



ما يميز برنامج DREAM WEAVER هو سهولة التعامل معه وما يميزه عن برنامج FRONT PAGE المستخدم سابقا في التصميم هو قدرته على التعامل مع برنامج FLASH والعكس صحيح



النقاط التي سيتم التركيز عليها خلال الموضوع



1- اساسيات HTML دون الخوض في التفاصيل كون استخداماته ستكون فقط لاجراء التعديلات على الصفحة ولن يكون الهدف منه التصميم.

2- برنامج DREAM WEAVER وسيكون الاعتماد عليه بشكل اساسي في التصميم وهو عبارة عن تعليمات جاهزة .

3- مجموعة من برامج المساعدة والدعم

1- برامج ضغط الاصوات التي سيتم ادراجها مع الصفحات .

2- برامج المؤثرات الحركية ANIMATON



4- كيفية حجز مساحة على الانترنت وكيفية التثبيت والتسجيل في محركات البحث





لغة HTML



· التعليمات الاساسية في لغة HTML



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

بالنسبة للملف الذي سنقوم بتصميمه وجعله صفحة ويب هو عبارة عن مستند نصي تقوم بكتابة تعليمات HTML بداخله ونكتب اسم الملف .ونجعل اللاحقة HTML على الشكل التالي MAHER.HTML ونقوم بحفظه في نفس الجلد ليتحول الى صفحة ويب .



1- تعليمة

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

2- تعليمة </strong></span></font></font></div><br /><div align="right"><font face="Times New Roman"><span style="font-size: 16px; line-height: normal"><font color="#000000">والتي تعنى بعنوان الصفحة الذي سيظهر في الاعلى ويجب ان تكتب التعليمة وتفقل بشكل صحيح بعد ادراج العنوان حيث يتم استخدام هذه التعليمة مباشرة بعد فتح الصفحة اي بعد تعليمة <html></font></span></font></div><br /><div align="right"><font face="Times New Roman"><span style="font-size: 16px; line-height: normal"><font color="#000000">على النحو التالي :</font></span></font></div><br /><div align="right"><font face="Times New Roman"><span style="font-size: 16px; line-height: normal"><font color="#000000"><html></font></span></font></div><br /><div align="right"><font face="Times New Roman"><span style="font-size: 16px; line-height: normal"><font color="#000000"><title>my first page

بهذا الشكل يكون عنوان الصفحة الاولى my first pageويتم تغيير العنوان في كل صفحة حسب المحتويات الموجودة والمواضيع وذلك يرجع الى المصمم.

3- تعليمة

وهي عبارة عن جسم الصفحة والبدايه الفعلية للبرنامج وتكون بعد تعليمة العنوان وتبدأ واتنتهي بنفس الطريقة اي انها التعليمة رقم 3 من بدايه الصفحة وما قبل الاخيرة اي قبل اقفال الصفحة


my first page


.

.

.

.





4- تعليمة ادراج لون كخلفية للصفحة

وتتم من خلال الامر الذي كما ذكرنا سابقا الامر الاساسي في انشاء الصفحة


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



ملاحظة : يجب الانتباه الى الفراغات بين الكلمات كما هو مكتوب اعلاه



-5 تعليمة

وتستخدم هذه التعليمة لتنسيق النص الذي سيتبعها من حيث النوع وحجم الخط واللون ويكون التطبيق على النحو التالي

نقوم بكتابة النص هنا ثم نغلق الامر بنفس الطريقة المعتادة



6- تعليمة :
والهدف من هذه التعليمة هو تحريك الجسم او النص الموجود خلفها اي الذي يليها ويتم اي انها بمثابة الشريط الذي تلاحظونه اسفل شاشة التلفاز والذي يتم من خلاله عرض الاخبار بالكتابة ، ويتم اعطاء لون كخلفيه له اضلفة الى سلوك النص الذي سيتحرك على اساسه وتكون التعليمة على النحو التالي


بعد هذه التعليمة يتم ادراج النص او العنصر المراد تحريكه ثم يتم اقفال التعليمة

وفي ما يلي شرح للتفاصيل ضمن التعليمة
- bgcolorويقصد به اللون المراد اعطائه لخلفيه الكتابه

- Behavior ويقصد به سلوك العنصر نختار احد الخيارين الموجودين اعلاه وستلاحظ الفرق

- Side: سيتحرك النص ليقف عند نهايه الصفحة

- Alternate : الحركة ذهاب واياب

- Direction تحديد اتجاه الحركة من اليمين او اليسار

- Scrollamount تحديد سرعة الحركة للنص

* ملاحظة في تعليمة marquee يجب ادراج تعليمة font من اجل التحكم بالخط الموجود ضمن الشريط