فوتوشوب » دروس تصميم المواقع Dreamweaver , Frontpage » تصميم موقع شخصي فوتوشوب وفرونت بيج Photoshop - Front Page 2003

 تصميم موقع شخصي فوتوشوب وفرونت بيج Photoshop - Front Page 2003  أضيف في: 12/09/2008
بسم الله الرحمن الرحيم

•“{درس تصميم موقع شخصي}“•?

------------------------------------------------
ماذا نحتاج ؟

• برنامج تصميم جيّد { Adobe Photoshop}• برنامج الفرونت بيج { Front Page 2003}

------------------------------------------------
الخطوات التي سنتبعها في تصميم موقع


• تصميم الموقع
• تقطيع التصميم
• التعديل و الإخراج بالفرونت بيج
• رفع التصميم على الموقع

------------------------------------------------

• أولا التصميم

~ في تصميم الموقع يجب أن تراعي الدقة في التنسيق و الألوان لإخراج الموقع بشكل ممتاز
~ و حتى نتجنب نفور الزائر من موقعنا يجب اختيار ألوان هادئة - منعشة او مقبولة لدى الغالبيّة من الناس ..
~ لا تكثر من استخدام الصور في التصميم و الفرش بصورة كبيرة , فالتصميم الهادئ هو الأفضل ..
~ أن كنت تود أن يتناسب التصميم مع جميع الشاشات باختيار عرض التصميم 778 او 777 و الطول متاح
و هنا سوف نقوم بتصميم يناسب شاشات بدقة 1024 × 768
قبل البدء في التصميم سوف أرشدك لبعض المخططات التي تساعدك في التصميم
و التي بناءًا عليها تستند في تصميمك ..

.المخطط الأول

.المخطط الثاني

.المخطط الثالث

و هناك مخططات كثيرة و متنوعة حسب ابتكار المصمم ..
كهذه المجموعة

و الآن نبدأ بأول خطواتنا بسمِ اللّه ..

1. افتح عمل جديد بمقاس 800 × 800

http://www.arab-x.com/up//uploads/images/arab-x_com_2e52223423.png

التصميم


http://www.arab-x.com/up//uploads/images/arab-x_com_39fd39949f.png


رقم 1 هو الهيدر

رقم2هو الفوتر

رقم3هو وضع البنر


رقم 4 توضع بها الوصلات


وهذا شكلها الاخير بعد ما سوينا بها تقطيع>>>مايحتاج شرح اكيد معروفه وعارفين ايش ادات التقطيع

منطقة الكتابة من الضرورة ان يكون التقطيع دقيق حتى يضبط الموقع



http://www.arab-x.com/up//uploads/images/arab-x_com_9ba2cacc11.png

وبعد ذالك طريقة حفظها نقوم بحفظ التصميم كالتالي :
نختار save for web م تفتح لك صفحه نضغط على حفظ

ثم تفتح لك كما في الصور ونعمل زي اللي في الصوره

لا ننسى صيغة الصور يفضل أن تكون jpeg
6.ثم نقوم بتغيير نوع الحفظ إلى

html and images




http://www.arab-x.com/up//uploads/images/arab-x_com_434ebc60f4.png

نذهب الى كما في الصوره ونغير اسمها ونضع كما في الصوره

ثم نفتحها عن طريق ضغط يمن الموس ثم تحرير

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

http://www.arab-x.com/up//uploads/images/arab-x_com_c6683f7cf6.png

وهنا نقف شرح تصميم موقع وان شاء الله سوف اقوم بشرحه في الغد


http://www.altsmeem.com/vb/showthread.php?t=6864

الكاتب: بنت الاسلام انقر هنا لمراسلة بنت الاسلام أنقر هنا للإنتقال إلى موقع بنت الاسلام إضافة للمفضلة إضافة لمفضلة Google إضافة لمفضلة Delicious إضافة لمفضلة Digg إضافة لمفضلة Facebook
خيارات الدرس : ارسل الدرس لصديق ارسل الدرس لصديق  طباعة الدرس طباعة الدرس  حفظ الدرس كملف Word حفظ الدرس كملف Word  حفظ الدرس كملف PDF حفظ الدرس كملف PDF