تصميم قالب جملة بإحتراف [الجزء الأول] قنبلة المنتديات
السلام عليكم ورحمة الله وبركاته،
سيتم شرح طريقة تصميم قالب جملة [ إحترافي ] من الألف إلى الياء .. ويعتبر هذا الشرح [حصريا فقط ] لمنتديات زووم إن.
أولا: متطلبات التصميم
- برنامج فوتوشوب [ يفضل إستخدام الإصدار الجديد CS4 ]
- برنامج دريم ويفر [ يفضل استخدام الإصدار Dreamweaver CS4 ]
- الملحق الخاص بالدريم ويفر لتصميم قوالب جملة
[line]-[/line]
القسم الأول من الشرح [ الإعدادات الأولية ]
أولا هذا مثال بسيط تطبيقا للشرح وإن شاءالله إبداعاتكم ستكون أفضل
www.z00m-n.com
بعد تثبيت البرامج السابقة .. قم بتصميم القالب الخاص بك كما موضح في الصورة التالية:
https://mwadah.com/images/imgcache/2009/05/1256.jpg
بعد تصميم القالب قم بإختيار أداة تقطيع التصميم كما موضح في الصورة التالية:
https://mwadah.com/images/imgcache/2009/05/1257.jpg
بعد ذلك قم بتقطع التصميم كما موضح في الصورة التالية [لاحظ أن المستطيلات ذات اللون الأحمر هي مناطق تمدد]
https://mwadah.com/images/imgcache/2009/05/1258.jpg
ملاحظة: المناطق الممدة تستخدم لجعل التصميم بإمتداد الصفحة بالكامل
قم بالإختيار من قائمة File كما موضح في الصورة التالية
https://mwadah.com/images/imgcache/2009/05/1259.jpg
ستظهر الصورة التالية قم بإتباعها
https://mwadah.com/images/imgcache/2009/05/1260.jpg
سيظهر مربع الحوار التالي .. قم بإختيار كما هو موضح في الصورة
https://mwadah.com/images/imgcache/2009/05/1261.jpg
https://mwadah.com/images/imgcache/2009/05/1262.jpg
قم بعمل الإعدادت كما موضح في الصورة:
https://mwadah.com/images/imgcache/2009/05/1263.jpg
ثم قم بحفظ العمل وإختيار الاسم المناسب
الآن توجه إلى برنامج Dreamweaver CS4 وقم بعمل الإعدادات التالية:
من القائمة العلوية إختار Site ثم قم بإختيار New Site
https://mwadah.com/images/imgcache/2009/05/1264.jpg
قم بعمل الإعدادات التالية بعد ظهور مربع الحوار التالي:
https://mwadah.com/images/imgcache/2009/05/1265.jpg
بعد عمل الإعدادت ستظهر لك هذه القائمة في الجانب الأيمن من البرنامج:
https://mwadah.com/images/imgcache/2009/05/1266.jpg
الآن قم بالضغط على خيارات الإضافة JTK 3
https://mwadah.com/images/imgcache/2009/05/1267.jpg
وإتبع الصورة
https://mwadah.com/images/imgcache/2009/05/1268.jpg
الآن قم بإختيار القائمة الثانية من الإضافة
https://mwadah.com/images/imgcache/2009/05/1269.jpg
وقم بإتباع الشرح
https://mwadah.com/images/imgcache/2009/05/1270.jpg
قم بتعبئة البيانات التالية:
https://mwadah.com/images/imgcache/2009/05/1271.jpg
بعد ضبط الإعدادات ستظهر ملفات الـ CSS الخاصة بالقالب في أعلى البرنامج كما موضح في الصورة
https://mwadah.com/images/imgcache/2009/05/1272.jpg
قم بإضافة الكود التالي أعلى الملف كما موضح في الصورة
https://mwadah.com/images/imgcache/2009/05/1273.jpg
قم بفتح ملف template.css بالضغط عليه من القائمة العلوية وأضف إليه الكود التالي كما موضح في الصورة
الكود:
كود:
@import url (template_rtl.css);
https://mwadah.com/images/imgcache/2009/05/1274.jpg
ستظهر لك ملفات CSS جديدة
https://mwadah.com/images/imgcache/2009/05/1275.jpg
في الدرس القادم سيتم شرح طرق التعديل على خواص الـ CSS وشرخ أهم الخصائص المتعلقة بتصميم القوالب .. وفي حال وجود أي استفتسار قم بكتابته من خلال الموضوع
رجاء خاص: في حال نقل الدرس لمواقع أخرى الرجاء ذكر المصدر - منتديات زووم إن
رد: تصميم قالب جملة بإحتراف [الجزء الأول] قنبلة المنتديات
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
رد: تصميم قالب جملة بإحتراف [الجزء الأول] قنبلة المنتديات
تسلم يا غالي على مرورك وردك وإن شاءالله يكون الشرح واضح وراح انزل الجزء الثاني من الشرح قريباً
