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

[salima]

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




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 .................................................. هنا (http://www.youtube.com/watch?v=e6WN1XOujpo)
فور شيرد ~ 4shared .................................................. هنا (http://www.4shared.com/zip/VSGOFbrS/des_by_dzbatna.html)

زد شيــــر ~ Z share............................................. ..... هنا (http://www2.zshare.ma/7zysgr0iqhlj)

ابـــلـــودز~ Up loades............................................ ....هنا (http://www.uploades.net/do.php?id=1894)

مــخـــزن ~ M5zn.............................................. .... ...........هنا (http://www.m5zn.com/d/?b5cbce1932fea4e)
عـرب شير ~ Arab share.......................................هنا (http://arabsh.com/files/0e3f4d4b64fb/des-by-dzbatna-zip.html)





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


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

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


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


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












ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif Des traidnt.zip (http://www.traidnt.net/vb/attachments/674205d1353276531-des-traidnt.zip) (226.7 كيلوبايت, عدد مرات المشاهدة 239 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif الشرح المصور.zip (http://www.traidnt.net/vb/attachments/674206d1353276531-الشرح-المصور.zip) (526.6 كيلوبايت, عدد مرات المشاهدة 228 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©