دورة تصميم المواقع :الدرس الاول التصميم و التقطيع - الشروحات والدروس الخاصة ببرامج التصميم

24-12-09, 02:19 PM

المشاركة رقم: 1

المعلومات
الكاتب:	kahina
اللقب:	عضو فخري نجمة الشمال

البيانات
التسجيل:	Feb 2007
العضوية:	24420
المشاركات:	2,230
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	60

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

مرحبا اعزائي

اليوم ان شاء الله سنتطرق للجانب "الجرافيكي" من الدورة

و بالنسبة لغير المتمكنين من برنامج الفوتوشوب من الممكن اعتماد تصاميم بسيطة او استعمال السكرابز

مثل ما ذكرت سابقا سنقوم باعتماد مقاس عرض 800 بيكسل لتصميم موقعنا و ترك الحرية لكم في اختيار الطول المناسب لتصميمكم على أن لا يقل عن 600 بيكسل. و سنقوم بتصميم صفحتين على الفوتوشوب كي نتعلم اكبر قدر ممكن من التقنيات (من الممكن فيما بعد استخدام صفحة فقط لكامل الموقع).

أولا نصمم صفحتنا الرئيسية (العرض 800 و الطول 700 بيكسل) و هذه الصفحة سنستخدمها كصفحة رئيسية لموقعنا .
هذه الصفحة ستحتوي على اربعة اجزاء . أولا منطقة بأعلى الصفحة و هو ما يعبر عنه بالهيدر أو راس الصفحة و فيه تتم كتابة اسمنا أو اسم موقعنا

و بالأسفل الفوتر و يكون تصميمه مستوحى من تصميم الهيدر و لكن بشكل أكثر بساطة و نكتب فيه توقيعنا

في منتصف الصفحة يوجد مستطيل ( او مريع) سيتم تقطيعه فيما بعد و استخدامه للكتابة و إدراج إطار مضمن و يجب الحرص عند تصميمه على خلو المنطقة الوسطى من الزخارف و الصور و الكتابة ليكون محتواه واضحا (يعني اما يكون عبارة عن لون موحد او خامة فاتحة تسمح بالكتابة عليها).

و على الجانب يوجد بنرات صغيرة للروابط التي تنقلنا للصفحات الفرعية لموقعنا

و قمت بترك مساحة فارغة بين الإطار و الهيدر لنتعلم فيما بعد كيفية اضافة الشريط المتحرك

التصميم الثاني متماثل مع الأول حيث سيحتوي على هيدر و فوتر بينما المنطقة الوسطى تكون خالية من أية إضافات لأنها المنطقة التي سيتم فيها إضافة محتوى الموقع (منطقة تمدد) لذلك قمت بتحويل البنرات إلى أسفل الهيدر( مقاسات التصميم 800 بيكسل عرضا على 600 بيكسل للطول)

بعد الانتهاء من التصميم علينا تحويل هذه الصور الى صفحات ويب عن طريق أداة التقطيع و بعد التقطيع سنقوم بتسجيل الصفحة كصفحة ويب مع ملف للصور المقطعة عن طريق الخيار

File---> Save for web

ستظهر لنا نافذة مع خيارات لنوع و دقة كل جزء من التقطيع.يكفي اختيار أداة التقطيع و الضغط على الجزء المطلوب لنتمكن من تعديل دقته و نوع الصورة التي سيتم تسجيلها بصيغتها ( مثلا تقليل دقة الصور ذات اللون الواحد)

و في الأخير سنقوم بتسجيل صفحتنا بصيغة هتمل و صور في ملف أعددناه خصيصا ليحتوي صفحات موقعنا و ستكون نتيجة عملنا صفحتي ويب مع ملف واحد للصور

الدرس المصور

فيديوات التقطيع

4shared.com - online file sharing and storage - download slicing.rar

نتيجة تقطيع التصميم الأول

نتيجة تقطيع التصميم الثاني

بالتوفيق

26-12-09, 03:32 AM

المشاركة رقم: 2

المعلومات
الكاتب:	نبع الحب
اللقب:	عضو فخري فراشة ليلاس

البيانات
التسجيل:	Aug 2006
العضوية:	9130
المشاركات:	26,624
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	2144

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

يعطيك العافيه كاهينا الدرس كثر حلو وشرح مميز

وان شاء الله بطبقة يسلمووو ايديك يالغلا

26-12-09, 12:21 PM

المشاركة رقم: 3

المعلومات
الكاتب:	kahina
اللقب:	عضو فخري نجمة الشمال

البيانات
التسجيل:	Feb 2007
العضوية:	24420
المشاركات:	2,230
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	60

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

اقتباس :- المشاركة الأصلية كتبت بواسطة نبع الحب
يعطيك العافيه كاهينا الدرس كثر حلو وشرح مميز وان شاء الله بطبقة يسلمووو ايديك يالغلا

الله يعافيكي نبوعة و ان شاء الله يكون الدرس واضح

27-12-09, 12:07 AM

المشاركة رقم: 4

المعلومات
الكاتب:	دندوشه
اللقب:

البيانات
التسجيل:	Dec 2009
العضوية:	153845
المشاركات:	66
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	10

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

الدرس مرآآ سهـل من شرحك والله ممتاز ماشاء الله ...

عند الحفظ فيه قيمه في الشرح المصور محدده تكون 100

لكن بالفيديو كانت ثمانين وانا حطيتها ثمانين عادي ..

سؤال اخير كيف انزل تطبيقي احطه لك بملف مضغوط والا لا

آسفه الازعاج <<< براا يامزعجه

تحيه لاهل تونس

27-12-09, 12:17 AM

المشاركة رقم: 5

المعلومات
الكاتب:	start22
اللقب:	عضو راقي

البيانات
التسجيل:	Jun 2007
العضوية:	31657
المشاركات:	2,630
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	41

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

كاتب الموضوع : kahina المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

درس رائع ومشجع

ولي عوده ان شاء الله