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

[b class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]

[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]
,
,
,[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]اليوم باذن الله يااخوان راح نبدأ باول درس مقدم من معهد ترايدنت
فهرس الدورة مبدئيا لكي تكونوا على درايا تامة بالدورة [/b]

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

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

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

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

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "][/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]اولا : الشرح المصور [/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]شرح مصور لكيفية عمل استايل فقط يحتوي على (الهيدر , الفوتر , الفروم هوم )[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]نفتح عمل جديد بالضغط على File > new

[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]

[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]ونجعل قيمة الارتفاع , والعرض كما هو مبين[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]العرض : 500 بكسل[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]الارتفاع : 300 بكسل[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]

[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]نعمل خلفية بلون فاتح او على حسب التصميم الخاص بك باداة Back tool
[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]

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

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]

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

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

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

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

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

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

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

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]

[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]بامكاننا الان تجميل الاستايل بالكتابه على الهيدر والفوتر او ايضا على الفروم هوم[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]بامكانك الاطلاع على الفيديو لفهم اوضح[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]

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

لاتنسى ان تغير الجودة بهذه الطريقه ليظهر بشكل اوضح

,[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "],
,[/b]

[b style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]المشاهدة والتحميل
[/b]

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

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

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

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