1 / تصميم الاستايل style شرح طريقة مصور , فيديو , الاسهل على الاطلاق

http://www.dzbatna.com/images/icons/icon26.gif 1 / طھطµظ…ظٹظ… ط§ظ„ط§ط³طھط§ظٹظ„ ط´ط±ط* ظ…طµظˆط± , ظپظٹط¯ظٹظˆ , ط§ظ„ط§ط³ظ‡ظ„ ط¹ظ„ظ‰ ط§ظ„ط§ط·ظ„ط§ظ‚

---

http://upload.dzbatna.net/upfiles/mi372123.png

,
,
,

اليوم باذن الله يااخوان راح نبدأ باول درس مفصل مقدم من منتديات ديزاد باتنة
فهرس الدورة مبدئيا لكي تكونوا على درايا تامة بالدورة

• تصميم الاستايل style .
  
• تقطيع الاستايل style .
• تكويد الهيدر header والفوتر .
• تكويد الفروم هوم (الاطار)
• طريقة تركيب install الاكواد في المنتدى forum .

ملاحظات الدرس مفصل

الهيدر header = رأس الصفحة .
الفوتر = تذييل الصفحة .
الفروم هوم = التاطير الـ بيكون حول جداول المنتدى forum .

كامل الشروحات باذن الله ستكون فيديو , مصورة

http://upload.dzbatna.net/upfiles/mJD72695.png

اولا : الشرح طريقة المصور

شرح طريقة مصور لكيفية عمل استايل style فقط يحتوي على (الهيدر header , الفوتر , الفروم هوم )

نفتح عمل جديد بالضغط على File > new

http://upload.dzbatna.net/upfiles/hhx72861.png

ونجعل قيمة الارتفاع , والعرض كما هو مبين

العرض : 500 بكسل

الارتفاع : 300 بكسل

http://upload.dzbatna.net/upfiles/t5B47663.png

نعمل خلفية بلون فاتح او على حسب التصميم الخاص بك باداة Back tool

http://upload.dzbatna.net/upfiles/hIR47855.png

نختار اداة Rounded Rectangle Tool وعمل الحواف الدائرية بقيمة 70 بكسل او على مايناسبك

http://upload.dzbatna.net/upfiles/4C947895.png

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

http://upload.dzbatna.net/upfiles/oRC47968.png

بامكانك الاختيار الباترن المميز لديك او الباترن المختار وليكن ,,

http://upload.dzbatna.net/upfiles/2i948004.png

بعد ذلك قم بعمل مربع وليكن بار علوي ليعطي شكل جمالي او لمسة على الهيدر header بالضغط على اداة Rectangle Tool

http://upload.dzbatna.net/upfiles/si948038.png

وايضا يتم تغيير الباترن بشكل اخر ليعطي شكل حلو ليظهر بالشكل التالي

http://upload.dzbatna.net/upfiles/xOh48079.png

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

http://upload.dzbatna.net/upfiles/EFk48113.png

وبعد ذلك بامكاننا باستخدام اداة Rounded Rectangle Tool , وعمل الحواف الدائرية 10 بكسل كـ مثال ليعطينا الشكل التالي

http://upload.dzbatna.net/upfiles/OnP48145.png

بعد ذلك بامكاننا عمل مربع داخلي باداة Rectangle Tool كما اسلفنا في الشرح طريقة وواعطاء قيمة اللون نفس قيمة لون الخلفية , ليعطينا الشكل التالي

http://upload.dzbatna.net/upfiles/7wh48194.png

بامكاننا الان تجميل الاستايل style بالكتابه على الهيدر header والفوتر او ايضا على الفروم هوم

بامكانك الاطلاع على الفيديو لفهم اوضح

http://upload.dzbatna.net/upfiles/mJD72695.png


ثانيا : الشرح طريقة فيديو (صوت وصورة)

لاتنسى ان تغير الجودة بهذه الطريقه ليظهر بشكل اوضح
http://upload.dzbatna.net/upfiles/2LM75314.gif

,

,
,

المشاهدة والتحميل

• اليوتيوب ~ youtube .................................................. هنا
• فور شيرد ~ 4shared ..................................................هنا
  
• زد شيــــر ~ Z share.................................................. هنا
  
• ابـــلـــودز~ Up loades................................................هنا
  
• مــخـــزن ~ M5zn.................................................. ...........هنا
• عـرب شير ~ Arab share.......................................هنا

http://upload.dzbatna.net/upfiles/mJD72695.png


يوجد في المرفقات

ملف psd بالتصميم الذي تم اخراجه .
ملف وورد يحتوي على الشرح طريقة المصور لمن يريد الاحتفاظ به على جهازه .

وفي الختام نسأل من الله العلي القدير ان نكون قد وفقنا في توصيل المعلومة على اكمل وجه , وعلى لقاء ان شاء الله في الدرس مفصل القادم ,, والـ بيتم شرح طريقة فيه طريقة تقطيع الهيدر header والفوتر والفروم هوم


http://upload.dzbatna.net/upfiles/Qil76159.png

ألعاب الأندرويد مجانا و حصريا

الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif Des traidnt.zip (226.7 كيلوبايت, عدد مرات المشاهدة 239 مرة) [/TR]
[TR]
http://www.traidnt.net/vb/images/attach/zip.gif الشرح المصور.zip (526.6 كيلوبايت, عدد مرات المشاهدة 228 مرة) [/TR]


https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©