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

<!-- ssaallmm جميع الحقوق محفوظة لـ -->
<p align="center"><font face="Tahoma">أهلا وسهلا بكـ مرة أخرى يا,
$bbuserinfo[username].</font></p>
<p align="center"><font face="Tahoma">نور المنتدى بوجودك</font></p>
<p align="center"><font face="Tahoma">إن شاء الله تفيد وتستفيد  </font></p>
<p align="center"><font color="#FF0000" face="Tahoma">لاتدع الشيطان يلهيك عن
أداء الصلاة في وقتها  </font></p>
<p align="center"><font face="Tahoma">مع تحيات فريق إدارة منتديات أهل الأنبار </font></p>
<!-- ssaallmm جميع الحقوق محفوظة لـ -->

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

اي شي تريد تلكية
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

اهلا وسهلا بكم في منتدى فريق جيوش هكر العراق نرجو التسجيل في النتدى قبل اغلاق التسجيل شكرا لكم
دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر
سحابة الكلمات الدلالية
المواضيع الأخيرة
الساعة
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
الساعة اليوم
عدد زوار المنتدى
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية Digg  تسجيل صفحاتك المفضلة في مواقع خارجية Delicious  تسجيل صفحاتك المفضلة في مواقع خارجية Reddit  تسجيل صفحاتك المفضلة في مواقع خارجية Stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية Slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية Yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية Google  تسجيل صفحاتك المفضلة في مواقع خارجية Blinklist  تسجيل صفحاتك المفضلة في مواقع خارجية Blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية Technorati  

قم بحفض و مشاطرة الرابط منتدى فريق جيوش هكر العراق على موقع حفض الصفحات
تويتر
احصيات المنتدى
PageRank
زوار المنتدى
Flag Counter
اعلان
حصل على برنامج Adobe Flash player

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المدير العام

avatar

الجدي عدد المساهمات : 263
نقاط : 1104
السٌّمعَة : 0
تاريخ التسجيل : 22/04/2012
العمر : 22
الموقع : العراق

مُساهمةموضوع: 1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق    الثلاثاء يوليو 09, 2013 1:30 pm

[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]



  • تصميم الاستايل . 

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



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



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




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

[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 ..................................................هنا

  • زد شيــــر ~ share.................................................. هنا

  • ابـــلـــودزUp loades................................................هنا 

  • مــخـــزن ~ M5zn.................................................. ...........هنا
  • عـرب شير ~ Arab share.......................................هنا








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


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




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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://hakraliraq.montadalhilal.com
 
1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى فريق جيوش هكر العراق :: دورات تعليم وتصميم الإستايلات-
انتقل الى: