http://www.geocities.com/m.althomali/benar/B-S-T.gif











http://www.geocities.com/m.althomali.../fsael-nmm.gif










أعزائي الكرام آسف على تأخر الدرس
ولكن اليوم نكمل المسيرة من الدورة و درسنا اليوم دسم شوي
نبدأ من غير مُقدمات
أفتح برنامج الفوتوشوب و أضغط
Ctrl + N
ثم تفتح لك لوحة المقاسات وطبق المقاسات كما بالصورة التالية

http://www.thomala.com/upp/upfiles/Uvg61293.jpg









http://www.geocities.com/m.althomali.../fsael-nmm.gif









بعد تطبيق الصورة السابقة سوف تفتح لك صفحة خاليه من الألوان
أصبغها باللون الأبيض الغامق ( f5f5f5 ) بعد صبغ الصفحة سوف يكون شكلها كالتالي

http://www.thomala.com/upp/upfiles/edE61293.jpg











http://www.geocities.com/m.althomali.../fsael-nmm.gif










الأن أعمل مُسطيل علوي باللون الأزرق فاتح ( dbefff )
وسوف ينتج هكذا كما في الصورة


http://www.thomala.com/upp/upfiles/cmf61293.jpg










http://www.geocities.com/m.althomali.../fsael-nmm.gif









الأن أعمل مستطيل على اليمين باللون السابق ولاكن أغمق ( bee0fb )
سوف يكون شكله هكذا

http://www.thomala.com/upp/upfiles/ogr61293.jpg











http://www.geocities.com/m.althomali.../fsael-nmm.gif










بعد عمل المستطيل على اليمين أعمل مستطيل سُفلي بلون المستطيل العلوي
( dbefff ) وســوف يكون هكذا

http://www.thomala.com/upp/upfiles/n8d61293.jpg










http://www.geocities.com/m.althomali.../fsael-nmm.gif










الأن أعمل مُربع بالوسط باللون الأزرق الغماق قليلاُ مثل اللون الذي عملنا به مسطيل
على اليمين ( bee0fb ) وسوف يكون الشكل هكذا

http://www.thomala.com/upp/upfiles/vsR63342.jpg








http://www.geocities.com/m.althomali.../fsael-nmm.gif










الأن أعمل اطار جانبي للمُُستطيل الذي على اليمين كخط عريض
باللون الأزرق الفاتح ( dbefff ) مثل الشكل التالي

http://www.thomala.com/upp/upfiles/C8w61521.jpg










http://www.geocities.com/m.althomali.../fsael-nmm.gif









كرر هذا العمل السابق على كامل العمل وذلك لتحسين منظر العمل وعمل الاطارات اللازمة
كما في الصور التاليه

http://www.thomala.com/upp/upfiles/Uq661521.jpg









http://www.geocities.com/m.althomali.../fsael-nmm.gif









http://www.thomala.com/upp/upfiles/FlO61521.jpg









http://www.geocities.com/m.althomali.../fsael-nmm.gif









http://www.thomala.com/upp/upfiles/Wep61521.jpg









http://www.geocities.com/m.althomali.../fsael-nmm.gif









الى ان نوصل الي هذه المرحلة

http://www.thomala.com/upp/upfiles/8I161521.jpg










وبهذه الصورة انتهينا من تصميم الواجه وبقي لنا ملء المحتوى كالتالي :

1- هُنا تضيف أسم موقعك مع بعض التجميلات ان اردت .
2- هُنا تضيف مُحتوى موقعك مثلا ( منتدى , قصص , قرآن ) إلخ ...
3- هُنا تكتب كلمة الموقع أي يعني المُقدمة .
4- هُنا يُكتب في العاده الحقوق للملكيه .


http://www.geocities.com/m.althomali.../fsael-nmm.gif









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

http://www.thomala.com/upp/upfiles/EpD61776.jpg










http://www.geocities.com/m.althomali.../fsael-nmm.gif









ولقد قمت بعمل واجهة تعريفية سيرة النبي صلى الله عليه وسلم وقمت ايضا بتقطيعها كما هو مبين في الصوره

http://www.thomala.com/upp/upfiles/Lkk61776.jpg











http://www.geocities.com/m.althomali.../fsael-nmm.gif










التقطيع مُعقد شوي ولكن أنظر هذه الصوره راح تسهل عليك
http://www.thomala.com/upp/upfiles/Xil61776.jpg










http://www.geocities.com/m.althomali.../fsael-nmm.gif










الأن أنتهينا من تصميم الواجهه و تقطيعها قم بحفظ العمل بإمتداد الـ Html
وليكن اسمه ( index.html )







http://www.geocities.com/m.althomali.../fsael-nmm.gif










بكذه يا أحبائي إنتهى درسنا لهذا اليوم ولكن موعدنا مع الدرس القادم بإذن الله

اترككم في رعاية الله وحفظة



http://www.geocities.com/m.althomali.../fsael-nmm.gif










اخوكم / ماجد الثمالي