تصميم موقع شخصي فوتوشوب وفرونت بيج Photoshop - Front Page 2003

بسم الله الرحمن الرحيم

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

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

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

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

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

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

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

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

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

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

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

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

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

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

التصميم

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

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

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

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

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

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

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

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

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

html and images

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

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

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

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