|
تصميم قالب جملة بإحتراف [الجزء الأول] قنبلة المنتديات السلام عليكم ورحمة الله وبركاته، سيتم شرح طريقة تصميم قالب جملة [ إحترافي ] من الألف إلى الياء .. ويعتبر هذا الشرح [حصريا فقط ] لمنتديات زووم إن. أولا: متطلبات التصميم
القسم الأول من الشرح [ الإعدادات الأولية ] أولا هذا مثال بسيط تطبيقا للشرح وإن شاءالله إبداعاتكم ستكون أفضل www.z00m-n.com بعد تثبيت البرامج السابقة .. قم بتصميم القالب الخاص بك كما موضح في الصورة التالية: http://z00m-n.com/up//uploads/images...da7d8505d3.jpg بعد تصميم القالب قم بإختيار أداة تقطيع التصميم كما موضح في الصورة التالية: http://z00m-n.com/up//uploads/images...683452b9ac.jpg بعد ذلك قم بتقطع التصميم كما موضح في الصورة التالية [لاحظ أن المستطيلات ذات اللون الأحمر هي مناطق تمدد] http://z00m-n.com/up//uploads/images...22ef497aeb.jpg ملاحظة: المناطق الممدة تستخدم لجعل التصميم بإمتداد الصفحة بالكامل قم بالإختيار من قائمة File كما موضح في الصورة التالية http://z00m-n.com/up//uploads/images...c9f49d5a03.jpg ستظهر الصورة التالية قم بإتباعها http://z00m-n.com/up//uploads/images...5873d3e349.jpg سيظهر مربع الحوار التالي .. قم بإختيار كما هو موضح في الصورة http://z00m-n.com/up//uploads/images...b00e4c0268.jpg http://z00m-n.com/up//uploads/images...abe23784ff.jpg قم بعمل الإعدادت كما موضح في الصورة: http://z00m-n.com/up//uploads/images...dd01ce72e2.jpg ثم قم بحفظ العمل وإختيار الاسم المناسب الآن توجه إلى برنامج Dreamweaver CS4 وقم بعمل الإعدادات التالية: من القائمة العلوية إختار Site ثم قم بإختيار New Site http://z00m-n.com/up//uploads/images...db61f10cef.jpg قم بعمل الإعدادات التالية بعد ظهور مربع الحوار التالي: http://z00m-n.com/up//uploads/images...c7d72d9fbd.jpg بعد عمل الإعدادت ستظهر لك هذه القائمة في الجانب الأيمن من البرنامج: http://z00m-n.com/up//uploads/images...57881c5012.jpg الآن قم بالضغط على خيارات الإضافة JTK 3 http://z00m-n.com/up//uploads/images...a153544d2c.jpg وإتبع الصورة http://z00m-n.com/up//uploads/images...6742b3c76b.jpg الآن قم بإختيار القائمة الثانية من الإضافة http://z00m-n.com/up//uploads/images...3992864e29.jpg وقم بإتباع الشرح http://z00m-n.com/up//uploads/images...cb5d79f135.jpg قم بتعبئة البيانات التالية: http://z00m-n.com/up//uploads/images...8ef47cd497.jpg بعد ضبط الإعدادات ستظهر ملفات الـ CSS الخاصة بالقالب في أعلى البرنامج كما موضح في الصورة http://z00m-n.com/up//uploads/images...dd7dd64764.jpg قم بإضافة الكود التالي أعلى الملف كما موضح في الصورة رمز Code: dir="rtl" http://z00m-n.com/up/uploads/images/...2d07491ffb.jpg قم بفتح ملف template.css بالضغط عليه من القائمة العلوية وأضف إليه الكود التالي كما موضح في الصورة الكود: رمز Code: @import url (template_rtl.css); http://z00m-n.com/up//uploads/images...5af22d0d36.jpg ستظهر لك ملفات CSS جديدة http://z00m-n.com/up//uploads/images...5b35ea5480.jpg في الدرس القادم سيتم شرح طرق التعديل على خواص الـ CSS وشرخ أهم الخصائص المتعلقة بتصميم القوالب .. وفي حال وجود أي استفتسار قم بكتابته من خلال الموضوع رجاء خاص: في حال نقل الدرس لمواقع أخرى الرجاء ذكر المصدر - منتديات زووم إن |
| الساعة الآن 07:04 PM |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir