الواجهه الثالثـه من شبكة أشعـاري + التركيب install .. شرح طريقة بالصور .. لا يفوتكـ ..!!

[loulou ange]

http://www.dzbatna.com/images/icons/icon30.gif ط§ظ„ظˆط§ط¬ظ‡ظ‡ ط§ظ„ط«ط§ظ„ط«ظ€ظ‡ ظ…ظ† ط´ط¨ظƒط© ط£ط´ط¹ظ€ط§ط±ظٹ + ط§ظ„طھط±ظƒظٹط¨ .. ط´ط±ط* ط¨ط§ظ„طµظˆط± .. ظ„ط§ ظٹظپظˆطھظƒظ€ ..!! (http://www.dzbatna.com/t370714/)




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

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

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

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

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

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

http://www.egy4design.com/pro/pafile...tion=file&id=1 (http://www.egy4design.com/pro/pafiledb.php?action=file&id=1)

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

http://www.ash3ary.net/mono3at_saud/dros/index/drs.html

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

http://www.ash3ary.net/mono3at_saud/...ndex/index.rar (http://www.ash3ary.net/mono3at_saud/dros/index/index.rar)

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

http://www.ash3ary.net/mono3at_saud/...h3ary-2014.rar (http://www.ash3ary.net/mono3at_saud/dros/index/ash3ary-2014.rar)

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

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

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

أتبع الصور والشرح طريقة وانتظرو الصـور (( لأنها كبيرهـ وتقريباً 17 صورهـ )) ..!! الصبر زين http://www.dzbatna.com/images/smilies/icon31.gif

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic1.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic2.jpg

بعدين تحط الرابط اللي تبيه مثل tell.php لا تخاف راح يكون الرابط كذا اذا صدرتـه مثلاً www.ash3ary.net/tell.php (http://www.ash3ary.net/tell.php)

http://www.ash3ary.net/mono3at_saud/.../picc/pic3.jpg (http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic3.jpg)

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic4.jpg

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

http://www.ash3ary.net/mono3at_saud/.../picc/pic5.jpg (http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic5.jpg)

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic6.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic7.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic8.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic10.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic11.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic12.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic13.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic14.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic15.jpg

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

http://www.ash3ary.net/mono3at_saud/dros/index/picc/pic16.jpg

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

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

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

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




وبعد اللي ينقل الموضوع بأسمه ..!! http://www.dzbatna.com/images/smilies/no.gif

:: تحياتي ::






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©