:: الســلام عليــكم ::

اليومـ اقدم لكم سلسلة دروس تركيب الموقـع .. من الرئيسيـة ألى الفرعيـة وبعض البرامج

واليوم راح ناخذ درسـ .. تركيب الواجهه الرئيسيـة ..!!

1- فتح التصميم بالفوتوشوب + تقطيع التصميم + وضع الروابـط

2- تصدير العمل الى برنامج الفرونت بيـج 2003 وتغيير لون الصفحة على حسب لون التصميم

وهذا رابط البرنامج كامـل بأذن اللـه

مكتبة البرامج

معاينة التصميم بعد تطبيق الدرس

ash3ary-2007

ملفات التصميمـ (( صفحة التصميم ))

http://www.ash3ary.net/mono3at_saud/...ndex/index.rar

ملف مقتوحـ للفوتوشوب

http://www.ash3ary.net/mono3at_saud/...h3ary-2007.zip

صفحة التصميم (( html (( ويالله نبدا الشرحـ

الشرح من برنامج الفوتوشوب 9 أنجليزي يدعم العربيـه

وبرنامج الفرونت بيج 2003 عربي

أتبع الصور والشرح وانتظرو الصـور (( لأنها كبيرهـ وتقريباً 17 صورهـ )) ..!! الصبر زين :sweatingbullets: (( وش يبي ))

اذا فتحت الفوتوشوب علم على الأداه اللي في الصورهـ واذا ماطلعت المستطيلات الزرقـ اضغط على ctrl + H



بعدين عشان تحط روابط تظغط زر الفاره اليمين على اي مستطيل تبيه رابط وتظغط على اللي موضح بالوصورهـ



بعدين تحط الرابط اللي تبيه مثل tell.php لا تخاف راح يكون الرابط كذا اذا صدرتـه مثلاً أخبر صديقك

http://www.ash3ary.net/mono3at_saud/.../picc/pic3.jpg

بعدين عشان تصدرها صفحة أنترنت اللي هي html روحـ file واظغط على اللي موضح بالصورهـ



بعدين بيطلع لك مستطيل كبير فيه الصميم وتقلب كل الصور على صورة jpg عشان تصير صافيه وواضحه
ويفضل تكون gif لأنها بتصير خفيفة وسريعه ولكن راح تروح نسبة 30 في الميه من النقاوهـ الاختيار عائد لك

http://www.ash3ary.net/mono3at_saud/.../picc/pic5.jpg

اذا حطيته على jpg تختار الخيار التالي عشان تصير صافيه مرهـ



بعدين تروح للمسمى طبعاً الواجهه يكون اسمه (( index (( ..!!



بعدين نروح للفرونت بيج بعدين فتح



تختار الصفحة اللي صدرتها (( يفضل تسوي مجلد جديد وتحفظ الصفحة مع ملف الصور تبعها فيه )) عشان ماتتلخبط .!



بعدين ترص على تقسيم راح تشوفها بالزاويه على اليمين تحت عشان تطلع لك المعلومات البرمجيه مع التصميم
وتحدد على اللي بالصورهـ بظبط عشان توسطه .. اذا حددت تظغط على توسيط وراح تتوسط بأذن الله



بعدين خصائص الصفحة



بعدين تلعم على تنسيق بعدين تختار الموضح بالصورهـ



بعدين تحديد وتحت على مكان السهم .. (( نفس لون التصميم )) :sweatingbullets:



بعدين شوفو كيف تغير اللون مبرك



بعدين معانية وشوف كيف صار شغلك .. ماشاء الله عليك ممتاز ممتاز :redface: << بلا خفة دم



وإنشـاء الله بالدرس الجاي .. كيفـ تغير اسم الصفحة + وكيف تحط روابط من الفرونت بيج لو فكرت ماتحطه بالفوتوشوب
وغيرهـ الكثير إنشـاء الله ..!!

فيه بعضكم يسألـ ليه تشرح اشياء سهله .. ممكن 30 فالميه يعرفها والباقيـ لا .. لذلك انا ابي اشرح العمل من الأولـ
لين الأخير إنشـاء الله عشان اللي مايعرف يعرفـ .. اليوم سهل .. وبعدين راح يكون اصعب .. اهم شي التطبيقـ .. والممارسـه .. لأن جايين على دروس كثير .. وإنشـاء الله يكون شرحي نال على اعجاب الجميعـ ..!!

واللي بينقل الموضوع يذكر المصدر اللي هو : منتديات أشعـاري وشرحـ : القلم يبكي والعين لا تبكي

والله لا يوفق اللي يشيل حقوق التصميم .. اللي بالزاويه على اليمين ولا يحلله ولا يبيحه دنيا واخرهـ

وبعد اللي ينقل الموضوع بأسمه ..!! :redface:

:: تحياتي ::

منتديات مدرسة المشاغبين - تطوير و صيانة المنتديات vBulletin

w w w . a s h 3 a r y . c o m -- w w w . a s h 3 a r y . n e t -- w w w 6 b 3 y . c o m