الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   تبادل خبرات التصميم (http://www.arabwebtalk.com/forumdisplay.php?f=58)
-   -   دروس تصميم المواقع المقدمة من منتديات الدار دار كوم ( الدرس الاول ) ارجو التثبيت (http://www.arabwebtalk.com/showthread.php?t=67123)

dardarcom 04-10-2007 04:04 PM

دروس تصميم المواقع المقدمة من منتديات الدار دار كوم ( الدرس الاول ) ارجو التثبيت
 
السلام عليكم ورحمة الله

اخواني الكرام بالخير والمحبة نبدا درسنا لليوم

الدرس الدي وعدتكم به في الموضوع السابق وها انا دا افي بوعدي المهم خير الكلام ما قل

ودل ما ابي اثقل عليكم بالحديث ندخل في صلب الموضوع

اتفضلوا هدا برنامج الفوتوشوب مع الكراك من هدا الموضوع

حصريا النسخة العربية من برنامج فوتوشوب 9 + الكراك

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

ستفعلون الان هو تحميل برنامج الفوتوشوب وبعد الانتهاء ثبتوه على الجهاز

بعد دلك قوموا بفتحه وهده واجهة البرنامج






الان اتبعوا الشرح جيدا والتركيز هو اهم شيء



ستفتح عندكم هده النافدة



لقد قمت بانشاء قالب موقع بسيط لم استعمل الاحترافية لكي يسهل على المبتدئين تطبيق الشرح

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

الان نختار الالوان واي مصمم يجب ان يختار الالوان التي ستعجب الكل

المربعات التي بالاحمر ضرورية جدا وعليكم الانتباه لها



ادا كنتم ستختارون الخلفية غير بيضاء فعليكم اتخاد هده الخطوة اولا



تقومون بالضغط على الايقونة السوداء بالزر الايمن للماوس لكي تظهر عندكم هده القائمة ثم قوموا باختيار السطل

ومن ثم اضغطوا على الخلفية ظغطة واحدة لتلون بالكامل

الان اتبعوا هده الخطوة



بعد دلك قوموا بالضغط على هده الايقونة



وانشؤا مربعا بهده المساحة



الان ندهب الى قائمة الطبقات او layer

نضغط على طبقة المربع بالزر الايمن

قبل





بعد



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



ملاحظة : ادا كانت عندكم خلفية غير بيضاء فقوموا بوضع لون الخلفية في المربع




ندهب الى الايقونة المشار اليها ونظغط بزر الماوس الايمن



نختار الايقونة الثانية

ونقوم بانشاء مثل هدا الشكل اتبعوا النقط وارسموا مثلها بالشكل



بعد انشاء الشكل والتاكد منه اضغطوا بزر الماوس الايمن على الشكل واختارو

layer

بعد دلك

قوموا بهده العملية



واختارو اللون الدي تريدونه ثم الضغط على ok




بعد اختيار اللون قوموا بالعملية السابقة ادهبوا الي طبقة الشكل التي انشاتم

الضغط على زر الماوس الايمن واختارو


لكن عليكم الضغط على طبقة الشكل التي انشاتم وليست التي في الصورة

ستظهر هده النافدة وطبقوا هده الخيارات









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



وهدا هو شكل الفوتر بعد التعديل




بعد المعاينة ارجع الى نفس الخطوة



الان ادهبوا الى هده الايقونة


ومن ثم تشكيل مثل هدا المستطيل



ثم اختيار هده الايقونة




واتبعوا الشرح بالصورة

من اليسار الى اليمين




لازالة التحديد عن المستطيل اضغطوا بالملامس

ctrl + d

ثما طبقوا الاختيارات السابقة

لكن في الاختيار الثالث من الافضل تطبيق هدا الشكل



ثم بعد دلك احفظ النمط لكي نعود اليه





والان لنعاين كيف اصبح الشكل



ثم




الان ننتقل الى تشكيل الفوتر وهو اسفل الصفحة

نختار الايقونة السابقة



ثم عمل مثل هدا الشكل اتبعوا النقاط فقط




الان مثل الشكل الدي بالفوتر

كليك بالماوس الايمن ثم اختيار

fill....

واختارو اللون

ثم قوموا بالخطوات السابقة ليصبح الفوتر هكدا

قوموا بانشاء مستطيل مثل الصورة اي انه يغطي الفراغ المتروك

او اتركوه كدلك على دوقكم

ومن قام بانشاء يملاْه بالخيارات السابقة




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




ثم اختارو هده الايقونة



ومن اليمين الى اليسار مثل القائمة اليمنى

وهكدا بعد انشاء شكل العمود اضغطوا ctrl + d لكي تقوموا بازالة التحديد

ثم ناتي الان للمعاينة







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

يكسب الاخرون احترامك في ميدان التصميم

وانا قمت بتجميله شيئا ما ليكون التصميم هكدا



وطبعا هده ليست الا بداية الدروس والقادم احلى ان شاء الله

وكما قلت لكم قمت باعطائكم درسا للمبتدئين وادا اثبتم جدارتكم سانتقل بكم الى الاحتراف

اما الان اترككم في رعاية الله

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

دمتم في رعاية الله

والسلام.








Maxes-Adv 04-10-2007 04:40 PM

مشكووووور تسلم يدك وجزاك الله كل الخير

dardarcom 04-10-2007 05:34 PM

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

Zhra 04-10-2007 10:13 PM

مشكورررر ع الدرس الرائع وفي انتظار بقية الدروس

dardarcom 05-10-2007 03:19 AM

شكرا على المرور والقادم احلى

محمّد نور 05-10-2007 03:09 PM

درس رائع وسهل للمبتدئين اخى الكريم

وجهد متعوب عليه

بارك الله لك فى وقتك وجهدك


وان شاء الله ستجدنا هنا بانتظار جديدك دائما

اطيب تحياتى لك

محمد نور
dci.net.sa

dardarcom 05-10-2007 06:48 PM

شكرا ليك وانتظروا الدروس القادمة

زووم ديزاين 10-10-2007 06:22 AM

مشكوور أخوي درس رائع ومتعوب عليه جدا

الله يوفقك ويكثر من أمثالك

Maxes-Adv 11-10-2007 08:34 PM

اخي الغالي / ارجو التاكد من مسار بعض الصور وتعديلها واعدك بأذن الله بتثبيت الموضوع

fahd2005_s 18-10-2007 04:39 AM

مشكووووووور وما قصرت


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 07:16 AM.

Powered by vBulletin
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012