Untitled 1
 
m1 m
شبكة نساء الجنة الإسلامية عدد الضغطات : 1,993
عدد الضغطات : 2,303


awlstyle-2 awlstyle-3 awlstyle-1
awlstyle-5
العودة   |: معهد أول ستايل :| > منتدي تطوير المواقع > دعم مجــــ MK PORTAL ـــلة
تحديث الصفحة دورة تصميم استيلات المجلة (( شرح تصميم الهيدر))
التعليمـــات التقويم اجعل كافة الأقسام مقروءة
awlstyle-4
awlstyle-7 awlstyle-6
awlstyle-9 awlstyle-10 awlstyle-8


إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
awlstyle-2 awlstyle-3 awlstyle-1
awlstyle-5
قديم 14-05-2008, 05:49 PM   #1 (permalink)
:: مطرود من قبل الإدارة ::

 
Awl7 دورة تصميم استيلات المجلة (( شرح تصميم الهيدر))
بسم الله الرحمن الرحيم


نبدا في دورة تصاميم مجلة mkportal نظرا لشعبية المجله لدى المستخدمين العرب وقوة الدعم الفني لها وسهولة استخدامهاالشروحاتلاخ عزيز لنا وهوة ابن غيث بارك الله فية ورعاةالبرامج المطلوبهالفوتوشوب للتصميم والتقطيعو Microsoft Expression Web للتعديل والتركيب وتوافقه مع المعايير القياسيه حاليابرنامج لتحرير ملفات php وأفضًل برنامج PHP Designer 2007

بحاول قدر الامكان التنبيه على اخطاء المعايير القياسيه لجعل الاستايلات معروضه بشكل سليم وبنستخدم css حتى نسرع تصفح الموقعالتصاميم من الفوتوشوب بتكون سهله وبسيطهالتطبيقات ضروريه اخواني ولابد منهاانتظرونا في الدوره واتمنى انها تفيدكمملاحظه = طريقة تصميم الاستايل متروكه لكم مع الاخذ بعين الاعتبار الابتعاد عن المنحنيات وتطبيق نفس مقاس العرض>

د/ كمال محمد

اول درس شرح تصميم الهيدر

ملاحظه يجب الانتباه لها ان الشرح بيكون على تصاميم سهله وبتكون مفصوله تماما عن المحتوى بإستخدام css

وفوائدها كثيره بخصص لها موضوع منفصل من اهمها سرعة تصفح الموقع وسهولة التعديل عليه

طبعا المجال مفتوح امام ابداعاتكم في التعديل على التصميم ,فقط ابي منكم الانتباه لمقاس العرض ما يتعدى 780

وعدم استخدام المنحنيات للاننا بنبني استايل لك وللمستقبل

نتوكل على الله ونبدى الشرح =

نفتح عمل جديد في الفوتوشوب بعرض 777 مهم جدا في تصاميم المواقع المقاسات مع اختيار الخلفيه شفافه



بعدها يجي دور الالوان كود اللون c9f1fc



هذا كود لون الخلفيه وهو اساسي كود اللون الاخر محتاجينه وهو 556CB7



الآن نفتح لير جديد بالضغط على ctrl+shift+N
حتى نفتح لير جديد وبعدها من الكيبورد نضغط على حرف M حتى نختار اداة التحديد مربع نختار يا احبابي اعلى الهايدر ونحدده

مقاس الهايدر اللي بنشتغل عليه من قائمة info



من قائمة الليرات نضغط على ctrl مع كل يسار بالماوس والهدف تحديده نرجع نفتح لير جديد ctrl+shift+N مع بقاء التحديد على الهايدر

ونستخدم اداة التدرج بيكون اللون المطلوب الابيض مع الشفافيه



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



في اسفل الصوره بنشاهد قائمة الليرات والهدف منها تقليل نسبة opacity الى 70%

بعدها نفتح لير جديد ctrl+shift+N ونستخدم باترت الخطوط الافقيه موجود في المرفقات من اداة التعبئه نضغط على حرف G ومن اعلى نختار pattern



بيكون الشكل مثل مافي الصوره التاليه مع تخفيف opacity الى 15%



بعدها ننزل في شريط ادوات الفوتوشوب الى الاشكال بالضغط كلك يمين بالماوس راح تطلع لنا عدة اشكال نختار مثل مافي الصوره



اسفل الهايدر ونحدد مثل مافي الصوره مع اختيار اللون c9f1fc وجعله الاساسي قبل البدء في التحديد النتيجه بتكون مثل مافي الصوره التاليه



من قائمة الليرات نضغط على حرف F



نختار Drop Shadow



نطبق التأثيرات مثل مافي الصوره



بعدها نختار Inner Glow



بعدها نختار satin



بعدها نختار Gradient Overlay



التدرج المطلوب مثل مافي الصوره



نضغط على حفظ او ok

من قائمة الليرات كلك يمين على اللير ونختار



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



======================================

بعدها اخواني نجي لوضع الروابط في الهايدر نختار من قائمة الليرات الشفيفه اللي ضفناها اسفل الهايرد بعدها من شريط الادوات نختار التحديد



ونتجه للعمل بعدها ونحدد على حسب الرابط




بنشوف النتيجه في الصوره التاليه



لاحظتوا اخواني ان المربعات احجام عرضها مختلفه لأن الكتابه بداخلها وطول الكلمات تختلف الافضل كتابة اسم الرابط وبعدها استخدام التحديد

مثال الرئيسيه تختلف عن مركز التحميل تختلف ايضا عن اتصل بنا

النتيجه النهائيه




ولا تنسون التطبيق مهم جداً حتى نستمر

والى درس اخر انشاء الله

 

الموضوع الأصلي : دورة تصميم استيلات المجلة (( شرح تصميم الهيدر))     -||-     المصدر : |: معهد أول ستايل :|     -||-     الكاتب : op4host
   
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
awlstyle-4
awlstyle-7 awlstyle-6
awlstyle-9 awlstyle-10 awlstyle-8

awlstyle-2 awlstyle-3 awlstyle-1
awlstyle-5
قديم 14-05-2008, 07:31 PM   #2 (permalink)

 







 
Abo_ELleal غير متواجد حالياً
بيانات موقعي
اسم الموقع: |: معهد أول ستايل :|
إصدار المنتدى: VB 3.8.0
 
افتراضي رد: دورة تصميم استيلات المجلة (( شرح تصميم الهيدر))
مشكور اخوي كمال علي النقل
والشكر موصل لشبكة ابن الخليج




التوقيع

  1. التعلم ليس بالامر الصعب ولكن ركز وتلقي المعلومة جيداً
  2. المعهد ملك للجميع وليس لفرد واحد سلطة عليه
  3. الحب والاخلاص سبب نهوض الكثير فلنحب بعضنا ونخلص لبعضنا البعض
   
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
awlstyle-4
awlstyle-7 awlstyle-6
awlstyle-9 awlstyle-10 awlstyle-8

awlstyle-2 awlstyle-3 awlstyle-1
awlstyle-5
قديم 19-02-2009, 02:15 AM   #5 (permalink)
:: عضو جديد ::

 







 

Users Flag!
$$naif$$ غير متواجد حالياً
بيانات موقعي
اسم الموقع: حيآة التطوير
إصدار المنتدى: منتج اخر
 


افتراضي رد: دورة تصميم استيلات المجلة (( شرح تصميم الهيدر))
الصور ماطلعت

اتمنى الرفع في مركز تحميل اخر لو سمحت لإن الموضوع مهم جداً

والسلام عليكم




التوقيع

شبكة أول ستايل لخدمات الويب المتكاملة
   
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
awlstyle-4
awlstyle-7 awlstyle-6
awlstyle-9 awlstyle-10 awlstyle-8

إضافة رد
Submit Thread >  Submit to AddThisTo Submit to Digg Submit to Reddit Submit to Furl Submit to Del.icio.us Submit to Google Submit to Yahoo! This Submit to Technorati Submit to StumbleUpon Submit to Spurl Submit to Netscape  < Submit Thread

« موديل الفلاشات الدعوية | [Style] الاستايل الذهبي .::+:: جولدن ::+::. من تصميمات معهدنا »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع
العرض العادي العرض العادي

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة
الانتقال السريع


الساعة الآن 05:17 AM.

Powered by vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 ,
Ads Management Version 3.0.0 by Saeed Al-Atwi

a.d - i.s.s.w


Alexa Group By SudanSon

ضع ايميلك ليصلك كل جديد في شبكتنا:

Delivered by FeedBurner
خريطة الموقع

معاً لعهد جديد بالداخلية ولنرجع مصرنا آمنة 
 |: معهد أول ستايل :| RSS Feeds - الاتصال بنا - المعلن - |: معهد أول ستايل :| - الأرشيف - إحصائيات الإعلانات - الأعلى
FOOTER-2
FOOTER-1

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59