المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : حصريا (تصميم موقع على الفوتوشوب)

طالب بن علي العبري
05 - 07 - 2009, 10:37
بمناسبة اسبوع (لا مواضيع منقولة)

http://csg-web.net/no.gif

تصميم موقع على الفوتوسوب وتقطيعه

الخطوة الأولى تحديد القياسات

http://dc03.arabsh.com/i/00272/e1wjiq5q90y4.JPG

الخطوة الثانية تحديد التخطيط العام

http://dc03.arabsh.com/i/00272/gyb6bcd0lgwp.JPG

الخطوة الثالثة وضع الأزرار الرئيسية

http://dc03.arabsh.com/i/00272/rzwii43mnif6.JPG

الخطة الرابعة تصميم الهيدر

http://dc03.arabsh.com/i/00272/piiypnhto3hy.JPG

الخطوة الخامسة تخطيط مساحة المحتوى

http://dc05.arabsh.com/i/00272/4xojii41wptq.JPG
طالب بن علي العبري
05 - 07 - 2009, 10:55
حمل ملف الفوتوشوب حصريا لك

index.psd - 2.5 Mb (http://arabsh.com/583xw2z52l40.html)
طالب بن علي العبري
05 - 07 - 2009, 11:59
قم بقطع الهيدر بواسطة الأداة crop

http://dc05.arabsh.com/i/00272/uc6vwnhf09va.JPG

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

http://dc05.arabsh.com/i/00272/7ipbc6atb0vv.JPG

لحفظ التصميم على شكل html اذهب إلى file > save for web

http://dc05.arabsh.com/i/00272/1k1jdm10bxht.JPG

عدل الاعدادات التي تريدها من ناحية نوع الصور وجودتها

http://dc05.arabsh.com/i/00272/giyiph3bvqmi.JPG

احفظ العمل على صيغة html & images
http://dc05.arabsh.com/i/00272/jf0zmlyc84xx.JPG

ونفس الطريقة بالنسبة لمساحة المحتويات
CS.Student
05 - 07 - 2009, 18:47
مـوضوع جيـــــد جداً



لي عودة ف حالــة التطبيــق والاستفسارات
شكرا جزيلا
:gt:
Boss
05 - 07 - 2009, 19:55
اشكرك على التصميم الرائع :ay::ay:

جاري محاولة التطبيق بقدر الامكان :)


:)
دلع حبوبه
06 - 07 - 2009, 15:38
ممتااااااااااااااااااااااااز:ay:


10\10 رعلى الموضوع


ننتظر منك المزيد من خبراتك:clap:
admin
06 - 07 - 2009, 15:48
جميـــــــل جدا... درس واضح :ay:

و نترقب المزيد منك.. (( في الـ ASP مثلا :nosweat: )) ,,

بس ما نكتفي بدروس... نبـــي دورات متكاملــه :icon26:

..

<<< تــم الـ + :icon26:
حسين الغافري
06 - 07 - 2009, 17:15
درس جميل وعجبني التصميم والالوان

شكرا وفي انتظار دروس اجمل
No_Way
06 - 07 - 2009, 17:49
درس مفيد جدا ، وشــرح واضح ..

نترقب تكملة الدرس !

دٌمت مٌبدعا .. معطاءا
طالب بن علي العبري
07 - 07 - 2009, 13:10
بعد ذلك نقوم بتجميع التصميم مرة أخرى

وقد قمت بإضافة بعض الأجزاء البسيطة والواضحة في الصورة

http://dc03.arabsh.com/i/00279/160c12uqrhz9.JPG
طالب بن علي العبري
07 - 07 - 2009, 13:29
الفكرة العامة للموقع:
يمكن لأي شخص مسجل بالموقع
أن يضيف عبارة واحدة فقط كل صباح
كذلك بإمكانه التعليق على لقطة اليوم
على أن يختار أفضل تعليق ليعلن عنه في اليوم التالي
حيث يمكن الإضافة والتعليق فقط من الساعة 00:00 إلى الساعة 11:59
كذلك يمكن له كتابة المقالات والأخبار لتعرض في جريدة الصباح


ملاحظة: يفتح الموقع فقط في الصباح
طالب بن علي العبري
07 - 07 - 2009, 13:54
سنقوم أولا بإنشاء قاعدة البيانات
وعادة ما أقوم بإنشائها بالأكسس

وتكون بالجداول التالية:

http://dc02.arabsh.com/i/00279/niihj9o0tic9.JPG
طالب بن علي العبري
07 - 07 - 2009, 13:59
علاقات الجداول

http://dc04.arabsh.com/i/00279/wsad194ni38k.JPG
الحسني
07 - 07 - 2009, 14:14
ما شاء الله اخي طالب ..مبدع
متابع لمواضيعك ..
بارك الله فيك
admin
07 - 07 - 2009, 15:18
جميــــل... ننتظر تكملــة الدرس :icon26:
CS.Student
07 - 07 - 2009, 20:40
بانتظـار التكـمـلة ~
حسين الغافري
08 - 07 - 2009, 10:50
جميل
ومنكم نتعلم :cupidarrow:
CompQueen
12 - 07 - 2009, 12:12
حماااااااااااااااااااااااااااااااااس^_^

افكار حلوة في تصميم الستايلات

بستفيد منها في الكورس لي شتركت فيه

شكرا خيو ننتظر التكمله

^_^
طالب بن علي العبري
17 - 07 - 2009, 19:11
أعتذر عن تأخري لأعمالي الكثيرة

وأرجو أن تعذروني لفترة

أنتهي من مشاريع

وسوف أعرضها لكم لاحقا

إن أتيحت لي الفرصة