−ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ−

[ماجد الرداعي]

[/URL]http://www.geocities.com/m.althomali/benar/B-S-T.gif (http://www.geocities.com/m.althomali/benar/B-S-T.gif)











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










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

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









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









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

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











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










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


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










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









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

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











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










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

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










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










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

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








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










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

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










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









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

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









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









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









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









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









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









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

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










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

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


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









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

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










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









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

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











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










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










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










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







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










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

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



[URL="http://www.geocities.com/m.althomali/benar/fsael-nmm.gif"]http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://www.geocities.com/m.althomali/benar/fsael-nmm.gif)










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

[فاعل خير]

بارك الله فيك .......جهد مميز

[واقعي جدا]

موضوع شيق
تقبل مروري

[أبو عبدالرحمن]

نرجع بنر الإعلان الخاص بالدورة..ومن ثم نتفرغ لقراءة الموضوع الجديد..

ومقدرين ظروفكم مبدعنا ـ ماجد ـ

[صقر قريش]

جزاك الله خيرا ايه المبدع لاحرم الله منتديات ثماله من علمك
وان شاء الله سالم غانم

[ولد الديرة]

http://members.lycos.co.uk/wahati/up/uploading/12v.gif

http://abeermahmoud.jeeran.com/page%205/352-Thanks.gif

[@ بن سلمان @]

يعطيك العافية يا ماجد على هذا الجهد المميز

[المبرِّد]

ما قصرت يا بطل.جهد تشكر عليه

[* أسير الصمت *]

يعطيك العافية ...

[ابوخالد]

ما شاء الله الله يعطيك العافية يا أستاذ ماجد



وتراك طولت علينا ما زلنا بأنتظار الدرس القادم

[amhth88]

الاخ ماجد هل هناك دروس جديدة عن الفوتوشوب