الصفحة الرئيسية >> الدروس >> دروس بناء المواقع>> دورة تصميم المواقع الإحترافية والناجحة بإذن الله >> الصفحة الأولى من الدرس الثالث
|
|
ستظهر لك نافذة مثل النافذة
التالية .. لاتنس أن تضع علامة " صح " على العبارة الموجودة في الصورة :
|
|
|
|
||
|
|
الآن .. يجب عليك أن تتذكر
الأماكن التي قمت بقصها لتمسحها وتضع مكانها صورة ً صغيرة تتمدد على كامل
الخلية .. ثم بعد ذلك قم بإختيار هذه الأداة
ثم اضغط على Ctrl + C لنسخها .. ثم أضغط على Ctrl + N لفتح ملف جديد ( واترك المقاس كما هو ) . ثم اضغط على Ctrl + V للصق الصورة في الملف الجديد .. لتصبح مثل الصورة التالية :
ثم قم بحفظها في مجلد الصور images .. File >> Save for Web لكن أجعل إعدادات الحفظ كما في الصورة التالية ( سم الصورة بأي اسم تريد .. هنا اسميتها up ) :
هذه الصورة صغيرة الحجم .. وبإمكاننا إستخدامها لتخفيف حجم الموقع وزيادة سرعة تحميل الصفحة ! .. سندرس التفاصيل بعد قليل إن شاء الله .. الآن عليك عمل مثل الذي عملنا قبل قليل ( قص صورة صغيرة ) مع كل الصور التي قمنا بتحديدها لنقوم بمسحها واستبدالها بصورة تتمدد على كل الخلية .. الصورة التالية توضح مناطق التمدد التي اقصدها :
|
|
|
|
الآن قم بفتح برنامج الفرونت بيج
(
ثم قم بالضغط بالزر الأيمن على أي منطقة .. واختر ( خصائص الصفحة ) .. كما في الصورة التالية :
|
|
|
|
الآن قم بعمل مافي الصورة
التالية :
|
|
|
|
ثم من القائمة الموجودة في الجهة
اليسرى السفلية .. طبّق مافي الصورة التالية :
ثم اعمل التالي :
ثم اضغط ( موافق ) ثم ( موافق ) ثم ( موافق ) .
ستجد أن التصميم أصبح في منتصف
الصفحة |
|
|
|
جميلٌ جداً .. الآن سنعمل التالي
: أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط ! . ثانياً : حذف الصور ذات اللون الواحد وإبدالها بلون ؛ ليخف حجم الموقع . ثالثاً : حذف الصور التي يمكن استبدالها بصورة صغيرة متمدة ؛ ليخفّ حجم الموقع . إلى التفاصيل : |
|
|
أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط : |
||
|
|
أضغط على الصورة التي تريد وضع رابط عليها بالزر الأيمن .. ثم اختر ( خصائص الصورة ) .. كما في الصورة التالية . |
![]() |
|
|
طبّق ما في الصورة التالية :
|
|
|
|
ثم من تبيويب ( عام )
طبّق الإعدادات التالية .
ثم اضغط ( موافق ) . وأفعل هذا مع كل الصور التي تريد أن تضع عليها رابطاً . |
|
|
ملاحظة : البعض سألني عن
أكواد جعل الموقع كصفحة رئيسية و إضافة الموقع للمفضلة .. سأضعها لكم هنا
- كود جعل الموقع كـ صفحة رئيسية بموقغك ! : - كود إضافة الموقع للمفضلة : |
||