منتديات دفاتر التربوية التعليمية المغربية - عرض مشاركة واحدة - .. لمن اراد تعلم تصميم المواقع بالفوتوشوب ..
عرض مشاركة واحدة

الصورة الرمزية حسن نور
حسن نور
:: دفاتري متميز ::
تاريخ التسجيل: 6 - 5 - 2007
السكن: agadir
المشاركات: 241
معدل تقييم المستوى: 257
حسن نور على طريق الإبداع
حسن نور غير متواجد حالياً
نشاط [ حسن نور ]
قوة السمعة:257
قديم 03-06-2007, 15:43 المشاركة 1   
افتراضي .. لمن اراد تعلم تصميم المواقع بالفوتوشوب ..

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

كثيرا من الأعضاء يستخدمون برنامج الفوتوشوب .. في تصميم التواقيع والصور الشخصية ..
ولكن .. هل فكر احد في استخدام البرنامج لتصميم المواقع ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

هذا ما سنتعلمه من الشرح .. ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

====
الشرح
====


1- سنبدأ الدرس على برنامج الفوتوشوب الاصدار السابع ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

2- سنعمل على هذه الصورة ..

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

3- احفظ الصورة السابقة وافتح برنامج الفوتوشوب .. ولنبدأ العمل

4- اضف ما تريد ان تضيفه على الواجهة .. وبالنهاية ستظهر هكذا

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

5- الان اختر اداة القطع ( ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ ) وقطع الواجهة الى هذا الشكل

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

6- اضغط باليمين على كلمة ( المنتدى ) .. واختر Edit Slice Options

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

7- ستفتح لك نافذة .. اذهب لخانة الـ URL وادخل وصلة ( المنتدى ) .. ولنفرض انها ( http://yoursite.com/vb ) .. غير الـ yoursite بإسم موقعك

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

8- بعد ادخال جميع الوصلات .. احفظ الواجهة من قائمة File >>> Save for Web او اضغط على Alt + Shift + Ctrl + S

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

9- ستفتح لك نافذة .. اضغط على Save .. واحفظ الصفحة بإسم ( Index ) والامتداد ( .html ) .. واحفظها في مجلد htdocs الخاص بسيرفر اباتشي ..
( ملاحظة : الى من لا يملك سيرفر شخصي .. ادخل هنا )

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

+

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

10- عند ذهابك الى مكان حفظ الصفحة .. ستجد مجلد بإسم ( images ) وهو مجلد الصور التي تم قطعها

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

+

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

11- ارفع ملف الواجهة ومجلد الصور ( images ) الى سيرفرك الشخصي ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ

وانتهى الدرس ^_^

موفقين ان شاء الله ط§ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„طµظˆط±ط© ظ„ط±ط¤ظٹطھظ‡ط§ ط¨ط§ظ„ط­ط¬ظ… ط§ظ„ط·ط¨ظٹط¹ظٹ
والسـلام خير ختام









آخر مواضيعي

0 العشوائية في تصنيف المناطق أ ب ج
0 قد تكون اكلت لحم الخنزير دون علمك, كيف تكتشف المنتجات المحتوية على لحم الخنزير
0 قد تكون اكلت لحم الخنزير دون علمك, كيف تكتشف المنتجات المحتوية على لحم الخنزير
0 تهنئة من طاقم منتدى دفاتر
0 البرنامج المفيد في تعلم الوضوء والتيمم والصلاة
0 وصيّة والد لولده عند الزواج
0 أجور، تعويضات وامتيازات أعضاء الحكومة المغربية
0 معلومات عن قروض السكن
0 الشيــب المبكر و أسبابة
0 سلسلة كتابي الالكتروني قصص اطفال رائعة