#1  
قديم 07/10/2006, 10:15 PM
الصورة الرمزية الخاصة بـ اسير الشمال
عضو سابق بلجنة الفيديو والصوتيات
تاريخ التسجيل: 03/06/2004
المكان: السعودية فديت ترابها !!
مشاركات: 2,982
سلسلة تصميم موقع كامل.....(..الجزء الثاني.)الاول

مرحبا من جديد هذا الجزء الثاني من تصميم المواقع..
( اللهم لاعلم لنا الأ ماعلمتنا )

كما وعدناكم اخواني بان نكمل السلسلة الى الاخير لتعم الفائدة ويتخرج منها دفعه من الشباب الراغبين بالتصميم ، وذلك لا يتم الا بالمتابعة خطوة خطوة وتطبيق الدروس

اولا باول .
كما لا يغيب عنكم بان الدروس مكملة لبعضها ، حيث انه تم طرح الحلقة الاول لسلسلة تصميم موقع كامل وبطريقة احترافية

وقبل البداء في الحلقة الثانية من سلسلة تعليم التصميم موقع كامل وبطريقة احترافية ، لابد من مشاهدة الحلقة الاول لانها مكملة لبعضها

الحلقة الاول


لنبداء الدرس وكان الله في عوننا جميعاً

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

-

نقوم بعرض الواجهه النهائية التي سنصممها

[bimg]http://www.des-ksa.com/up/images/2-web-p/web.gif[/bimg]

أضغط على الصوره لتراها بشكلها الطبيعي


وللمعلومية سيتم ادراج الواجهه مجانا بملفها المفتوح بعد الانتهاء من الدرس .. لانريد ادراجها الان ليعتمد الجميع على نفسه بالتصميم ....

-

نبداء بالجزء الأول وهو تصميم .. الخلفيه مع البنر .. وهو الجزء الاصعب بالموقع والأهم .. لذالك خصصنا له الجزء الاول كاملا .. وبعده نكمل

الموقع بالجزء الثاني كاملا ..

,,,,,,,,,,,,,,,,,,,,,,,,



افتح برنامج الفوتوشوب بالضغط مرتين على ايقونة البرنامج ( دبل كليك )



نختار من ملف .... جديد .



نضبط المقاسات كما تلاحظ 770 - 800 بكسيل



نختار لونين متناسقين واحد ثقيل والاخر خفيف ... ونقوم بتلوين الخلفيه باللون الخفيف كما تلاحظ



الان نرسم بالدائره ( اذا لم تكن واضحه الدائره عندك اضغط الزر الايمن على المربع وخترها من القائمه ) نرسم 3 دوائر ويكون شكلها كما تلاحظ بالصوره

اثنتين بشكل طولي والاخرى كبيره بالنص



الان نحول الدوائر جميعا لنتمكن من التعامل معها بشكل افضل ... تابع الصوره لتحويل الدوائر الى اشكال عاديه



الان نقوم بتعبئة الدوائر بالباترين .. والباترين هو خطوط او نقط او اشكال لتجميل الحشو بالمربعات والدوائر .. تابع الصوره لتتعرف كيف يتم الوصل للباترين

والتعبئه



نقوم بتعبئة الدوائر واحد واحد نحدد الدائره بالضغط عليها ثم نعبئها بالباترن المختار ... والان نريد اعطاء الدوائر شكل افضل .. نختار الاداة الموضحه

بالصوره ونذهب للخيار الاخير .



نعمل كما تلاحظ بالصوره وهذا لأعطاء الدائره تحديد على اطرافها

[img]http://www.des-ksa.com/up/images/2-web-p/9.gif[/img

الان نرسم دائرتين بالاعلى كما تلاحظ



ونعدل على الدوائر لنعطيها شكل افضل



نبداء بضبط الاعدادات كما تلاحظ بالصور التاليه









وهذا التعديل الاخير ولاكن انتبه عند الانتهاء من ضبط الاعدادات نضغط على الزر المحدد باللون الأحمر . نيو ستايل . لنحفظ التعديلات ونطبقها بكل سهوله على

اي شكل اخر ... بعد الحفظ اضغط اوكي ..



الان نطبق الاعدادات على الدائره الثانيه نفس الاولى .. وهذا بالذهاب الى قائمة الستايلات او الانماط .. وختيار اخر نمط . وهو الذي قمنا بحفظة قبل قليل

. ومن لم تظهر له هذه الانماط يذهب الى .. قائمة وندوز او نوافذ .. ثم يختار ستايل او نمط ....... بعد تعديل الدوائر . نرسم مستطيل فوقها

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



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

ومن لم تظهر هذه الاشكال عنده يضغط على الزر الصغير بأقصى اليمين .. وهو محدد باللون الازرق بالصوره التاليه .. تظهر قائمه . اختر كلمة all

او الكل



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

بالصوره

[img]http://www.des-ksa.com/up/images/2-web-p/19.gif[/img

والان نختار شكل جديد وليكن الموجود بالصوره التاليه



نرسم ورقه يمين وننسخها او نرسم اخرى يسار ونعطيها ستايل نفس ستايل الاشكال الاخر .. وتلاحظ تكرار الاعدادات او الستايل على الكل وهذا لتنسيق الموقع

بشكل احترافي .. الان نريد ان نضبط الشكلين بحيث يظهر الثاني عكس الاول وهذا لتنسيق الشكل بين اليمين واليسار للموقع .. نقوم اولا بتحديد الشكل

المطلوب تابع الصور التاليه



ثم نعكسها باأتباع الصوره التاليه



ينتج هذا الشكل الى الان ..



نرسم دائره متناسقه بالنص ونعطيها نفس ستايل الاشكال الاخرى .



الانر نريد ان نجعل للدائره التي بالنص خلفية ولتكن صوره .. نذهب الى ملف ... فتح .



نختار الصوره ونضغط فتح



الان نجعل الصوره فوق الدائره .. وندمجها .. باتباع الصوره التاليه .



بعد الدمج نريد تعديل الوان الصوره لتتناسق مع الموقع .. تابع الصوره لتعديل الألوان

[img]http://www.des-ksa.com/up/images/2-web-p/28.gif[/img

[تظهر نافذه التعديل .. اول شي نأشر بعلامة صح على المربعات الموضحه تحت .. ثم نسحب الموشر ليعطينا اللون المطلوب للصوره



بعد تعديل البنر .. باقي اضافات جماليه .. خفيفه .. وليكن كما هو موضح بالصوره التاليه .. نرسم دائره صغيره ثم نختار من الاشكال الخط



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



تظهر نافذه تحذيريه .. اضغط اوكي



هذا الفلتر يسمح لك بالتعديل على الخط كما تشاء .. اعمل منحنيات بالخط بالضغط والسحب للجهه التي تريد ... اذا اردت ان تعيده لشكله الاول لتعدل عليه

مره اخرى اضغط على الزر المحدد باللون الاحمر للتعديل .. بعد ضبط الخط اضغط اوكي



الان نكرر الخط ونعمل الشكل المطلوب مع الدائره الصغيره التي رسمناها .. ونكرر هذا الشكل لتوزيعه على البنر كما تريد ..

ينتج عندنا هذا البنر بشكل احترافي مع الخلفيه ........




ويبقي الجزء الثاني وهو اضافة البنر السفلي .. الفوتر .. والقوائم والعشر مواضيع او الاهداءات ومربع الشات ... وننهي درسنا ..

اتمنى التطبيق لتعم الفائده ...

مع خالص تمنياتي للجميع بالتوفيق

تقبلوا تحياتي ...
اسير الشمال

ترقبوا الجزء الثاني,,,,,,2
اضافة رد مع اقتباس
  #2  
قديم 07/10/2006, 11:33 PM
زعيــم مميــز
تاريخ التسجيل: 03/03/2006
المكان: قلب كل هلالي
مشاركات: 2,078
مشــــــــــــــــــ(الـــــــــــــــــــــــــــــــــــــهــــــــــــــــــــــــــــــــــ ـلالي 505 ) ــــــــــكور
اضافة رد مع اقتباس
  #3  
قديم 07/10/2006, 11:34 PM
زعيــم مميــز
تاريخ التسجيل: 08/04/2005
المكان: في العالم الذي يصنعه خيالي
مشاركات: 1,973
يعطيـــــــــــــــــــــــــــــــــــــــ الف عافيه اخوي ـــــــــــــــــــــــــــــــكـــــــــ

سلمت يمناك ... وبالتوفيق
اضافة رد مع اقتباس
  #4  
قديم 08/10/2006, 12:24 AM
زعيــم فعــال
تاريخ التسجيل: 27/01/2006
المكان: أرض السعوديه
مشاركات: 459
مشكور
اضافة رد مع اقتباس
  #5  
قديم 08/10/2006, 01:27 AM
الصورة الرمزية الخاصة بـ اسير الشمال
عضو سابق بلجنة الفيديو والصوتيات
تاريخ التسجيل: 03/06/2004
المكان: السعودية فديت ترابها !!
مشاركات: 2,982
العفو وهذا واجبنا
اضافة رد مع اقتباس
  #6  
قديم 08/10/2006, 02:09 AM
الصورة الرمزية الخاصة بـ هلالي صميم من جدة
زعيــم متألــق
تاريخ التسجيل: 06/03/2006
مشاركات: 1,488
مشكور والله يعطيك العافيه
اضافة رد مع اقتباس
  #7  
قديم 08/10/2006, 02:42 AM
الصورة الرمزية الخاصة بـ اسير الشمال
عضو سابق بلجنة الفيديو والصوتيات
تاريخ التسجيل: 03/06/2004
المكان: السعودية فديت ترابها !!
مشاركات: 2,982
العفو
اضافة رد مع اقتباس
  #8  
قديم 09/10/2006, 06:30 AM
الصورة الرمزية الخاصة بـ ذيب الجزيره
زعيــم نشيــط
تاريخ التسجيل: 08/10/2005
المكان: الرياض
مشاركات: 630
ماقصرت شرح موجز يعطيك العافيه
اضافة رد مع اقتباس
  #9  
قديم 09/10/2006, 06:52 AM
زعيــم مميــز
تاريخ التسجيل: 19/08/2006
المكان: أيِنـَمَـا حـَـلَ الهـَـلآل
مشاركات: 2,944
كل الشكر ع المجهود

ولاهنت اخوي
اضافة رد مع اقتباس
  #10  
قديم 09/10/2006, 10:23 PM
الصورة الرمزية الخاصة بـ اسير الشمال
عضو سابق بلجنة الفيديو والصوتيات
تاريخ التسجيل: 03/06/2004
المكان: السعودية فديت ترابها !!
مشاركات: 2,982
العفو

ومشكووورين على الردود

وماقصرتوا
اضافة رد مع اقتباس
  #11  
قديم 11/10/2006, 07:18 AM
الصورة الرمزية الخاصة بـ اسير الشمال
عضو سابق بلجنة الفيديو والصوتيات
تاريخ التسجيل: 03/06/2004
المكان: السعودية فديت ترابها !!
مشاركات: 2,982
مشكوووووووووووووووووووووووووووووووووووووررررررررررررررررررررررييييييييييييييييييييييييييييييين


جميعا على الردود وماقصرتوا

وهذا كله من اجل المنتدى والاعضاء
اضافة رد مع اقتباس
  #12  
قديم 11/10/2006, 07:28 AM
زعيــم مميــز
تاريخ التسجيل: 29/10/2005
المكان: أحلام نهايتها سراب
مشاركات: 11,207
مجهودات تشكر عليهاا...

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

تحياتي
اضافة رد مع اقتباس
  #13  
قديم 11/10/2006, 07:28 AM
الصورة الرمزية الخاصة بـ اسير الشمال
عضو سابق بلجنة الفيديو والصوتيات
تاريخ التسجيل: 03/06/2004
المكان: السعودية فديت ترابها !!
مشاركات: 2,982
العفو
اضافة رد مع اقتباس
  #14  
قديم 11/10/2006, 07:29 AM
الصورة الرمزية الخاصة بـ اسير الشمال
عضو سابق بلجنة الفيديو والصوتيات
تاريخ التسجيل: 03/06/2004
المكان: السعودية فديت ترابها !!
مشاركات: 2,982
العفو وماقصرتي
اضافة رد مع اقتباس
  #15  
قديم 11/10/2006, 04:05 PM
مصمم اللجنة الاستشاريه للرياضه العالميه
تاريخ التسجيل: 25/08/2006
المكان: R I Y @ D H
مشاركات: 2,297
مشكور يعطيك الف عافيه
اضافة رد مع اقتباس
   


إضافة رد

أدوات الموضوع
طريقة عرض الموضوع

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

وسوم vB : مسموح
[IMG] كود الـ مسموح
كود الـ HTML مسموح
Trackbacks are مسموح
Pingbacks are مسموح
Refbacks are مسموح



الوقت المعتمد في المنتدى بتوقيت جرينتش +3.
الوقت الان » 05:39 PM.

جميع الآراء و المشاركات المنشورة تمثل وجهة نظر كاتبها فقط , و لا تمثل بأي حال من الأحوال وجهة نظر النادي و مسؤوليه ولا إدارة الموقع و مسؤوليه.


Powered by: vBulletin Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd

Google Plus   Facebook  twitter  youtube