ترايدنت

ترايدنت (https://www.traidnt.net/vb/)
-   دروس تصميم مواقع الويب (https://www.traidnt.net/vb/f14/)
-   -   1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق (https://www.traidnt.net/vb/traidnt2192575/)

تركي العمري 19 - 11 - 2012 00:31

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

اليوم باذن الله يااخوان راح نبدأ باول درس مقدم من معهد ترايدنت
فهرس الدورة مبدئيا لكي تكونوا على درايا تامة بالدورة
  • تصميم الاستايل .
  • تقطيع الاستايل .
  • تكويد الهيدر والفوتر .
  • تكويد الفروم هوم (الاطار)
  • طريقة تركيب الاكواد في المنتدى .
ملاحظات الدرس
  1. الهيدر = رأس الصفحة .
  2. الفوتر = تذييل الصفحة .
  3. الفروم هوم = التاطير الـ بيكون حول جداول المنتدى .

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

شرح مصور لكيفية عمل استايل فقط يحتوي على (الهيدر , الفوتر , الفروم هوم )
نفتح عمل جديد بالضغط على File > new


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







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

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


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

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

نعمل لها خلفية او باترن على حسب اختيارك مااذا كان التصميم فكتوري او احتواه على ادوات مثل (باترن .. الخ)
http://upload.traidnt.net/upfiles/oRC47968.png


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

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


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

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



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

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




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


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


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

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

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


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

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


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

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

,
,
,

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



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


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

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

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


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

محمد العانيني 19 - 11 - 2012 14:52

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

ما شاء الله تبارك الله

درس رائع وجميل

وموضوع اجمل , تنسيق شرح مفصل

يعطيك العافية اخوي تركي

ومتابع معك باذن الله وفي انتظار جديدك يا غالي

ودي وتقديري

A M I R 19 - 11 - 2012 14:55

رد : 1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق
 
تسلم إيدك يَ ريس
شرح ف الجو9و9و9و9و9و9و9ول

حضرمي 19 - 11 - 2012 15:19

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

fenix 19 - 11 - 2012 16:24

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

متابع معك بعون الله لنضيف خبرة

رحم الله والديك

Yaser Arabid 19 - 11 - 2012 18:02

رد : 1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق
 
دائماً انت مبدع أخوي تركي ، دروسك + شروحاتك + دوراتك 100%

تنسيق جميل للموضوع .

يعطيك الف عافية

مودتي ^^

حبــــااري 19 - 11 - 2012 21:57

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

مميز والله

يعطيك العاافية ياا رب

ماا قصرت ،،،

جنوني غير 20 - 11 - 2012 00:31

رد : 1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق
 
ماشاء الله درس جميل راح اتابعه مع اني جربت اعمل مثله بس عكيت شوي ولخبطت

لكن راح اتعلم حتي انجزه

mostafa yasene 20 - 11 - 2012 00:48

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

من زمان انتظر هذا الدرس بفارغ الصبر

الله يعطيك العافيه اخي تركي العزيز حقا ابدعت بهذا الطرح

اسال الله تعالى ان يجزيك كل خير ننتظر باقي الدورة

للتطبيق ايها المبدع تستحق التقييم لك وللموضوع

والنشر على كافة المواقع ان شاء الله تعالى

mr.arabyun 20 - 11 - 2012 17:18

رد : 1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق
 
احم احم << تحسين صوت
السلام عليكم ورحمة الله وبركاته
أشكرك أستاذي وعزيزي وأخوي تركي العمري على الدرس الأكثر من رائع والله ينفع بك أخي
إن شاء الله يتم التحميل , ربما أجد شيء لا أعرفه في هذا المجال وأستفيد منك عزيزي
وأتمنى لك التوفيق . وبإنتظار جديدك عزيزي
^_^

HaaaLe 20 - 11 - 2012 18:37

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

حسين احمد 20 - 11 - 2012 18:39

رد : 1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق
 
مشاء الله اخوي تركي مبدع
زادك الله خير وعلم للناس
يعطيك الف عافيه
تم تقيم مجهودك الكريم
مبدع من يومك

المرجينى 20 - 11 - 2012 19:52

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


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


السلام عليكم

rguibi 20 - 11 - 2012 22:51

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

princesa 21 - 11 - 2012 00:43

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


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 09:09.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2020, Jelsoft Enterprises Ltd


SEO by vBSEO ©2011, Crawlability, Inc.