[شرح] : تصميم قالب جملة بإحتراف [الجزء الأول] قنبلة المنتديات

محروم.كوم · #1 05-06-2009, 02:50 PM

السلام عليكم ورحمة الله وبركاته،

سيتم شرح طريقة تصميم قالب جملة [ إحترافي ] من الألف إلى الياء .. ويعتبر هذا الشرح [حصريا فقط ] لمنتديات زووم إن.

أولا: متطلبات التصميم

برنامج فوتوشوب [ يفضل إستخدام الإصدار الجديد CS4 ]

ويمكن تحميله من هنـــا

http://z00m-n.com/link/497
http://z00m-n.com/link/498

http://z00m-n.com/link/499
http://z00m-n.com/link/500
http://z00m-n.com/link/501
http://z00m-n.com/link/502
http://z00m-n.com/link/503
http://z00m-n.com/link/504
http://z00m-n.com/link/505
http://z00m-n.com/link/506

برنامج دريم ويفر [ يفضل استخدام الإصدار Dreamweaver CS4 ]
ويمكن تحميله من هنـــا

http://z00m-n.com/link/507

http://z00m-n.com/link/508

http://z00m-n.com/link/509

الملحق الخاص بالدريم ويفر لتصميم قوالب جملة

ويمكن تحميله من هنـــــا

http://z00m-n.com/up//view.php?file=7680d69523

القسم الأول من الشرح [ الإعدادات الأولية ]

أولا هذا مثال بسيط تطبيقا للشرح وإن شاءالله إبداعاتكم ستكون أفضل

www.z00m-n.com

بعد تثبيت البرامج السابقة .. قم بتصميم القالب الخاص بك كما موضح في الصورة التالية:

بعد تصميم القالب قم بإختيار أداة تقطيع التصميم كما موضح في الصورة التالية:

بعد ذلك قم بتقطع التصميم كما موضح في الصورة التالية [لاحظ أن المستطيلات ذات اللون الأحمر هي مناطق تمدد]

ملاحظة: المناطق الممدة تستخدم لجعل التصميم بإمتداد الصفحة بالكامل

قم بالإختيار من قائمة File كما موضح في الصورة التالية

ستظهر الصورة التالية قم بإتباعها

سيظهر مربع الحوار التالي .. قم بإختيار كما هو موضح في الصورة

قم بعمل الإعدادت كما موضح في الصورة:

ثم قم بحفظ العمل وإختيار الاسم المناسب

الآن توجه إلى برنامج Dreamweaver CS4 وقم بعمل الإعدادات التالية:

من القائمة العلوية إختار Site ثم قم بإختيار New Site

قم بعمل الإعدادات التالية بعد ظهور مربع الحوار التالي:

بعد عمل الإعدادت ستظهر لك هذه القائمة في الجانب الأيمن من البرنامج:

الآن قم بالضغط على خيارات الإضافة JTK 3

وإتبع الصورة

الآن قم بإختيار القائمة الثانية من الإضافة

وقم بإتباع الشرح

قم بتعبئة البيانات التالية:

بعد ضبط الإعدادات ستظهر ملفات الـ CSS الخاصة بالقالب في أعلى البرنامج كما موضح في الصورة

قم بإضافة الكود التالي أعلى الملف كما موضح في الصورة

رمز Code:
dir="rtl"

قم بفتح ملف template.css بالضغط عليه من القائمة العلوية وأضف إليه الكود التالي كما موضح في الصورة

الكود:

رمز Code:
@import url (template_rtl.css);

ستظهر لك ملفات CSS جديدة

في الدرس القادم سيتم شرح طرق التعديل على خواص الـ CSS وشرخ أهم الخصائص المتعلقة بتصميم القوالب .. وفي حال وجود أي استفتسار قم بكتابته من خلال الموضوع

رجاء خاص: في حال نقل الدرس لمواقع أخرى الرجاء ذكر المصدر - منتديات زووم إن __DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الجزء الأول: حملت تلاوات أو قصائد أو شيلات على الحاسب كيف استمع لها في السيارة	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	02-14-2010 06:50 PM
[شرح] : تصميم قالب جملة بإحتراف [الجزء الثاني] قنبلة المنتديات من زووم إن	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-24-2009 07:10 AM
تصميم قالب جملة بإحتراف [الجزء الأول] قنبلة المنتديات	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-05-2009 08:40 AM
[قالب] : [جملة] قالب Ja_Nickel المميز تصميم Joomlart و - تعريب الناصح -	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-13-2009 11:30 PM
قالب جملة Ja_Nickel المميز تصميم Joomlart و - تعريب الناصح -	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-12-2009 05:50 AM