• أولاً وقبل قيامك بعملية التصميم ضع مخطط بسيط يوضح لك مكونات موقعك سأوضح كيف يكون المخطط مثلاً
• بعمل موقع تجريبي باسم تقنية المعلومات لمادة تقنية المعلومات المختص بالحاسوب مثلاً.....



قم الآن بإنشاء صفحات الويب التالية من قائمة ملف fileثم جديد new ثم صفحة pageأو ويب *** واختر ويب فارغة empty ***واكتب اسم الموقع بعد كلمة ويب مثلاً computer ثم موافق ستظهر لك الشاشة التالية وبها اسم الموقع.
والآن قم بإنشاء صفحات الويب التالية:
• صفحة للعنوان وحفظها باسم index
• صفحة للمقدمة عن المادة باسم First
• صفحة لمكونات الحاسوب وحفظها باسم Hardware and Software
• صفحة لمختبر الحاسوب باسم Lab







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




[img]http://img80.imageshack.us/img80/7756/22ag9.jpg[
[/img
ونستطيع من خلال قائمة إدراج أن ندرج أزرار تبادلية أو ارتباطيه بين الصفحات كما يلي:



1-اختيار الزر..
2-تنسيق خط الزر..
3-إضافة صورة للزر بدل مربع النص..






إدراج المراحل الانتقالية بين الصفحات والأحداث:








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