بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي المركز التعليمي المجاني قسم المنتديات

 
 
خيارات الموضوع طريقة العرض
  #1  
قديم 04-06-2010, 07:09 AM
الصورة الشخصية لـ new-tk.net
new-tk.net new-tk.net غير متصل
عضو
 
تاريخ التسجيل: May 2007
مشاركة: 252
مستوى تقييم العضوية: 18
new-tk.net is on a distinguished road
Wink Icon26 |درس| تصميم وتركيب وتوزيع وتوسيط استايل رباعي الاطراف |للمحترفين|

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

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

المطلوب منكم هو الاصغاء و متابعه كل خطوه بخطوه حتى نحصل على النتبيجه المطلوبه

اولا وقبل كل شي خذ لك نفس عميييييييييق و اذكر الله

طبعا الدرس يتكون من 20 صوره وكل صوره لها اهميه كبير فلا تصح خطوه الا بالخطوه الذي قبلها

بسم بالله نبتدي

1- نفتح برنامج الفوتوشوب ونقوم بتصميم شي مقارب لهذا التصميم



مع التركيز على المربعات ذا اللون الاحمر لانها هي نقطه ارتكاز موضوعنا



يالله ورونا ابدعاتكم
طبعا ليس من الظروري التقيد بهذا التصميم الذي قمت به وانما خذ الفكره فقط لانه يمكنك الابداع باخرااج استايل لا مثيل له وهذا ما اتمناه من الجميع
---------------------------------------------------------------------------------------
2-بعد ان قمنا بالانتهاء من التصميم الان حان وقت التقطيع ركز هنا
وفي هذه النقطه لابد ان تترك مجال بين المنحنى وبين التصميم نفس وهذه الصوره سوف توضح لك اكثر


---------------------------------------------------------------------------------------
-3نقوم بالتقطيع كما بالصوره التاليه


---------------------------------------------------------------------------------------

4-الان بعد ان قمنا بتقطيع التصميم لابد من معرفه الصوره الذي سوف نحتاجها في تصميمنا و الصور الذي سينم حذفها لاحظ الصوره التاليه



---------------------------------------------------------------------------------------
5-الان نقوم بحفظ التصميم بالطريقه التاليه


---------------------------------------------------------------------------------------

6-بعد ان قمنا بحفظ التصميم سوف ينشاء لنا مجلد باسم images هذا المجلد فيه صور التصميم
نقوم بالدخول عليه وحذف الصور الذي لا نحتاجها لتركيب التصميم كما في الصوره التاليه
الصور ذات اللون الاحمر نتركها اما بقيه الصور فنقوم بحذفها



الان نقوم بنسخ ملف الصور (images) ووضعه في المجلد جديد وانا اخترت اسم newtk
---------------------------------------------------------------------------------------
7-الان نذهب الى الفرنت بيج ونقوم بفتح صفحه جديد ومن ثم نقوم بحذف جميع ما بداخل الصفحه من كواد وذلك عن طريق الضغط على زر الملعومات البرمجيه اسفل الفرنت بيج ومن ثم حذف كل ما بداخله

بعد ان قمنا بحذف الاكواد البرمجيه نرجع الى الصفحه الرئيسيه للفرنت بيج
ونقوم بالضغط على زر الماوس الايمن و اختيار خصائص الصفحه ونطبق الاتي


---------------------------------------------------------------------------------------
8-الان نقوم بانشاء جدول مكون من 3 خانات علويه و 3 خانات سفليه
ومن ثم نقوم بسحب الاعمدت الوسطيه الى الاطراف المقابله لها كما في الصوره التاليه


---------------------------------------------------------------------------------------

9-بعد ان قمنا بانشاء الجدول و عمل ما يلزم له نقوم الان بتقسيم الخلايا العلويه و ذلك بضغط زر الماوس الايمن ثم اختيار تقسيم الخلايا كما في الصوره التاليه




---------------------------------------------------------------------------------------
10-نقوم الان باضافة الصور مع مراعة الشرح الموجود بالصوره


---------------------------------------------------------------------------------------
11-هنا صوره توضح طريقه اضافه الصوره كخليه وليست كصوره عاديه


---------------------------------------------------------------------------------------
12-بعد ان قمنا بادراج الصور نذهب الان الى التعليمات البرمجيه بالفرنت بيج وسوف تظهر لنا اكواد كثيره

نقوم بتضليل النص الخاص بصوره واحده فقط كما توضح لكم هذا الصوره ومن ثم نطبق الشرح الموجود بالصوره



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




---------------------------------------------------------------------------------------
13-الان ندخل على لوحه تحكم المنتدى ونقوم بانشاء استايل جديد ونسميه باي اسم
وطريقه اضافه استايل جديد هي اتباع الاتي
الدخول الى لوحه تحكم المنتدى ثم الاستايلات و القوالب ثم اعدادات الاستايلات ثم ننزل الى اخر الصفحه سوف نجد عبارة [إضافة ستايل جديد‎]‏ نضغط عليها

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



---------------------------------------------------------------------------------------
14- الان نعود الى الفرنت بيج و نركز على هذه الخطوه لاننا سوف نمييز فيها الجدول الخاص بالهيدر و الجدول الخاص بالفوتر كما في الصوره التاليه



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


---------------------------------------------------------------------------------------
15-نعود الان للوحة التحكم حيث توقفنا عند قالب الهيدر نقوم بفتح قالب الهيدر و ننسخ الكود التالي
كما في الصوره ونقوم باستبداله بالكود الجديد الذي قمنا بتصميمه



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


---------------------------------------------------------------------------------------

17- ندخل على قالب الفوتر وننزل اخر الصفحه وننسخ كود الفوتر بالموجود في الفرنت بيج كما وضحنا سابقا ونطبق الشرح الموجود بالصوره


---------------------------------------------------------------------------------------
18-هكذا سوف يكون شكل الكود بعد ان قمنا بنسخه ولصقه في قالب الفوتر


---------------------------------------------------------------------------------------
19-الان بعد ان اتممنا تركيب الاكواد نرجع الى اعدادات الاستايل الرئيسيه ونذهب على خصائص ال css للاستايل الذي قمنا بعمله كما في الصوره التاليه


---------------------------------------------------------------------------------------
20-في اول القالب نطبق الشرح الموجود بالصوره


---------------------------------------------------------------------------------------
و الى هنا نكون انتهينا

وهذا مثال عن العمل بعد التركيب و التقطيع



وفي الاخير اتمنى للجميع التوفيق و النجاح
وبنفس الوقت اريد دواعتكم لي بالنجاح <<< بخيل






 



خيارات الموضوع
طريقة العرض

قوانين المشاركة
لا يمكنك إضافة موضوع جديد
لا يمكنك الرد على المواضيع
لا يمكنك إضافة مرفقات
لا يمكنك تعديل مشاركاتك

كود vB متاح
كود [IMG] متاح
كود HTML مغلق
إنتقل إلى

مواضيع مشابهة
الموضوع الكاتب القسم مشاركة آخر مشاركة
شرح تصميم وقص وتوزيع استايل انفنتي ولد القنفـذة مجتمع ديموفنف 1 07-04-2010 04:15 PM
طلب تصميم : مجلة انفنتي + استايل منتدى ... وفق المعايير القياسية للمحترفين فقط : ) الطموح طلبات البرمجة والتصميم والتطوير 16 29-04-2009 10:36 AM
طلب تصميم : مجلة انفنتي + استايل منتدى ... وفق المعايير القياسية للمحترفين فقط : ) الطموح طلبات خدمات انفنتي 0 16-04-2009 08:21 AM
مطلوب حالا تصميم استايل وتركيب هاك صندوق المحادثه Abu Abdallah طلبات الإستضافة 12 07-10-2006 03:54 PM
تصميم استايل وتركيب والكثير الكثير alenor.net مزاد المواقع 9 03-08-2005 10:17 AM


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 03:56 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


 
 »  خدمات البرمجة   »  رئيسية الدليل
  »  خدمات التصميم   »  الأمن والحماية
  »  الدعاية والتسويق
  »  الدعم والتطوير
  »  الشركات الرسمية
  »  حجز دومينات
  »  خدمات الإستضافة
 
 
  »  مكتبة الإستايلات   »  رئيسية المكتبة
  »  أكواد برمجية   »  أدوات الويب ماسترز
  »  مكتبة الهاكات   »  أدوات المصممين
  »  سكربتات متنوعة
  »  مجلات إلكترونية
  »  بلوكات متنوعة
  »  ثيمات مختلفة
 
 

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

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