الصفحة الرئيسية >> الدروس >> دروس بناء المواقع>> دورة تصميم المواقع الإحترافية والناجحة بإذن الله >> الصفحة الأولى من الدرس الثالث


ستظهر لك نافذة مثل النافذة التالية .. لاتنس أن تضع علامة " صح " على العبارة الموجودة في الصورة :


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

ثم اضغط على Ctrl + C لنسخها ..

ثم أضغط على Ctrl + N لفتح ملف جديد ( واترك المقاس كما هو )  .

ثم اضغط على Ctrl + V للصق الصورة في الملف الجديد .. لتصبح مثل الصورة التالية :

ثم قم بحفظها في مجلد الصور images ..

File >> Save for Web

لكن أجعل إعدادات الحفظ كما في الصورة التالية ( سم الصورة بأي اسم تريد .. هنا اسميتها up ) :

هذه الصورة صغيرة الحجم .. وبإمكاننا إستخدامها لتخفيف حجم الموقع وزيادة سرعة تحميل الصفحة ! .. سندرس التفاصيل بعد قليل إن شاء الله ..

الآن عليك عمل مثل الذي عملنا قبل قليل ( قص صورة صغيرة ) مع كل الصور التي قمنا بتحديدها لنقوم بمسحها واستبدالها بصورة تتمدد على كل الخلية .. الصورة التالية توضح مناطق التمدد التي اقصدها :


الآن قم بفتح برنامج الفرونت بيج ( Microsoft Office FrontPage 2003 ) .. ثم قم بفتح صفحة Index التي حفظتها عن طريق الفوتوشوب قبل قليل ..

ثم قم بالضغط بالزر الأيمن على أي منطقة .. واختر ( خصائص الصفحة ) .. كما في الصورة التالية :


الآن قم بعمل مافي الصورة التالية :


ثم من القائمة الموجودة في الجهة اليسرى السفلية .. طبّق مافي الصورة التالية :

ثم اعمل التالي :

ثم اضغط ( موافق ) ثم ( موافق ) ثم ( موافق ) .

ستجد أن التصميم أصبح في منتصف الصفحة ..


جميلٌ جداً .. الآن سنعمل التالي :

أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط ! .

ثانياً : حذف الصور ذات اللون الواحد وإبدالها بلون ؛ ليخف حجم الموقع .

ثالثاً : حذف الصور التي يمكن استبدالها بصورة صغيرة متمدة ؛ ليخفّ حجم الموقع .

إلى التفاصيل :


أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط :

أضغط على الصورة التي تريد وضع رابط عليها بالزر الأيمن .. ثم اختر ( خصائص الصورة ) .. كما في الصورة التالية .

طبّق ما في الصورة التالية :


ثم من تبيويب ( عام ) طبّق الإعدادات التالية .

ثم اضغط ( موافق ) .

وأفعل هذا مع كل الصور التي تريد أن تضع عليها رابطاً .


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

 - كود جعل الموقع كـ صفحة رئيسية بموقغك ! :



مع تغيير مايلزم .

- كود إضافة الموقع للمفضلة :



مع تغيير مايلزم .


أذهب إلى الصفحة الثالثة ..