|
دورة تصميم المواقع :الدرس الاول التصميم و التقطيع
مرحبا اعزائي
اليوم ان شاء الله سنتطرق للجانب "الجرافيكي" من الدورة و بالنسبة لغير المتمكنين من برنامج الفوتوشوب من الممكن اعتماد تصاميم بسيطة او استعمال السكرابز مثل ما ذكرت سابقا سنقوم باعتماد مقاس عرض 800 بيكسل لتصميم موقعنا و ترك الحرية لكم في اختيار الطول المناسب لتصميمكم على أن لا يقل عن 600 بيكسل. و سنقوم بتصميم صفحتين على الفوتوشوب كي نتعلم اكبر قدر ممكن من التقنيات (من الممكن فيما بعد استخدام صفحة فقط لكامل الموقع). أولا نصمم صفحتنا الرئيسية (العرض 800 و الطول 700 بيكسل) و هذه الصفحة سنستخدمها كصفحة رئيسية لموقعنا . هذه الصفحة ستحتوي على اربعة اجزاء . أولا منطقة بأعلى الصفحة و هو ما يعبر عنه بالهيدر أو راس الصفحة و فيه تتم كتابة اسمنا أو اسم موقعنا و بالأسفل الفوتر و يكون تصميمه مستوحى من تصميم الهيدر و لكن بشكل أكثر بساطة و نكتب فيه توقيعنا في منتصف الصفحة يوجد مستطيل ( او مريع) سيتم تقطيعه فيما بعد و استخدامه للكتابة و إدراج إطار مضمن و يجب الحرص عند تصميمه على خلو المنطقة الوسطى من الزخارف و الصور و الكتابة ليكون محتواه واضحا (يعني اما يكون عبارة عن لون موحد او خامة فاتحة تسمح بالكتابة عليها). و على الجانب يوجد بنرات صغيرة للروابط التي تنقلنا للصفحات الفرعية لموقعنا و قمت بترك مساحة فارغة بين الإطار و الهيدر لنتعلم فيما بعد كيفية اضافة الشريط المتحرك التصميم الثاني متماثل مع الأول حيث سيحتوي على هيدر و فوتر بينما المنطقة الوسطى تكون خالية من أية إضافات لأنها المنطقة التي سيتم فيها إضافة محتوى الموقع (منطقة تمدد) لذلك قمت بتحويل البنرات إلى أسفل الهيدر( مقاسات التصميم 800 بيكسل عرضا على 600 بيكسل للطول) بعد الانتهاء من التصميم علينا تحويل هذه الصور الى صفحات ويب عن طريق أداة التقطيع و بعد التقطيع سنقوم بتسجيل الصفحة كصفحة ويب مع ملف للصور المقطعة عن طريق الخيار File---> Save for web ستظهر لنا نافذة مع خيارات لنوع و دقة كل جزء من التقطيع.يكفي اختيار أداة التقطيع و الضغط على الجزء المطلوب لنتمكن من تعديل دقته و نوع الصورة التي سيتم تسجيلها بصيغتها ( مثلا تقليل دقة الصور ذات اللون الواحد) و في الأخير سنقوم بتسجيل صفحتنا بصيغة هتمل و صور في ملف أعددناه خصيصا ليحتوي صفحات موقعنا و ستكون نتيجة عملنا صفحتي ويب مع ملف واحد للصور الدرس المصور http://images.imagehotel.net/uewarlnis9_tn.jpg فيديوات التقطيع 4shared.com - online file sharing and storage - download slicing.rar نتيجة تقطيع التصميم الأول http://images.imagehotel.net/gn43oojm4l_tn.jpg نتيجة تقطيع التصميم الثاني http://images.imagehotel.net/u265sxlrd2_tn.jpg بالتوفيق :flowers2: :flowers2: . |
يعطيك العافيه كاهينا الدرس كثر حلو وشرح مميز وان شاء الله بطبقة يسلمووو ايديك يالغلا |
اقتباس:
|
الدرس مرآآ سهـل من شرحك والله ممتاز ماشاء الله ...
عند الحفظ فيه قيمه في الشرح المصور محدده تكون 100 لكن بالفيديو كانت ثمانين وانا حطيتها ثمانين عادي .. سؤال اخير كيف انزل تطبيقي احطه لك بملف مضغوط والا لا آسفه الازعاج <<< براا يامزعجه تحيه لاهل تونس ;) |
درس رائع ومشجع
ولي عوده ان شاء الله |
اقتباس:
بالنسبة لقيمة الحفظ انتي اللي بتحدديها حسب خيارك و حسب متطلبات الموقع يعني فيكي تتركيها 100 او تقلليها اذا كانت الصور اللي عندك ذات دقة عاليه و ما تتأثر كتير بتقليل القيمة و بالاخير الهدف من تحديد القيمة هي تقليل وزن صفحتنا النهائية لا اكثر، يعني مش ضروري نعدلها الا لو كان موقعنا بيحتوي على عدد كبير من الصور وزنها كبير و يمكن تسبب ثقل الموقع عند التصفح و التطبيق مبدئيا من الافضل يكون صور برنت سكرين لنتيجة التقطيع مثل الصور اللي حطيتها باخر الموضوع و صورة كمان لمحتويات ملف موقعك مثل اللي بالدرس المصور من شان اشوف اذا خيارك لاسماء الصفحات صحيح سعيدة بمتابعتك للدرس و اجمل تحية الك :flowers2: |
اقتباس:
:flowers2: |
عدت بالتطبيق ... التقطيع الاول http://www.3sl3.com/up/upfiles/iaJ74696.png التقطيع الثاني http://www.3sl3.com/up/upfiles/S9J74696.png اسماء الملفات http://www.3sl3.com/up/upfiles/azh74697.png |
هلا خيتو
ما شاء الله عليكي شغلك تمام التمام بس عندي ملاحضة صغيرة ان شاء الله تنتبهي الها بالمستقبل اولا اسماء الملفات صح ثانيا تقطيع الصفحة الرئيسية صحيح و ان كان في ملاحضة بسيطة ما راح تاثر على الشكل النهائي للموقع بس راح تاثر شوية صغيرة على شكل الصفحة الثانية شوفي معي الصورة التالية http://www.liillas.com/up3//uploads/...56b55af32a.jpg راح تلاحضي انو جزء صغير من الكتابة تم تقطيعو بالنسبة للصفحة الرئيسية مو مشكلة لانو الجزء المقطوع راح يضل ظاهر و ما راح نحذفو بس بالنسبة للصفحة الثانية هذا الجزء راح ينحذف و يتعوض بخلفية لونية و ما راح يطلع عند تصفح الموقع طبعا المسالة مو مهمة كتير في حالتنا لانو الجزء المحذوف صغير و ما بيتلاحظ بسهولة بس حبيتك تنتبهي لها الشغلة ان شاء الله في تقطيع تصاميمك القادمة من شان تكون مضبوطة تمام :flowers2: |
اها ان شاء الله انتبه لها في الدروس القادمه |
| الساعة الآن 02:03 AM. |
Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.3.0 ©2009, Crawlability, Inc.
شبكة ليلاس الثقافية