[احمد الساعي]

السلام عليكم ورحمة الله وبركاته


الدرس الاول


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


البدء في التصميم الرئيسي للموقع ببرنامج الفوتوشوب

اولا

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


بسم الله الرحمن الرحيم نبدأ


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


افتح البرنامج من قائمة start ثم programs


والان وبعد فتح البرنامج توجه الى قائمة file اعلى يسار البرنامج


file:تعني ملف


واختر من القائمة المنسدلة امر new لصنع عمل جديد


new:تعني جديد


وذلك كما بالصورة الاتيه





ثوف يظهر لك مربع اكتب بالخانه الاولى name:index


index:تعني فهرس


والخانة الثانية prest sizes : 800x600


واختار contents : white


ثم اضغط ok


white:تعني ابيض اللون


وذلك كما بالصورة الاتية





بعد ذلك سوف تظهر لك ورقه العمل الجديدة


وذلك كما بالصورة الاتيه





الان سنبدا بتصميم الموقع ان شاء الله


سوف نختار اداة التحديد من القائمة الموجودة على يسار البرنامج


وذلك كما بالصورة الاتيه





ثم تقوم بالسحب من اعلى يمين الصفحه الى اسفل اليسار بقليل


وذلك كما بالصورة الاتيه





ثم نقوم باضافة layer جديد من خلال الاداة الموجودة اسفل منطقه


leyers اسفل يمين البرنامج ؛ وهذا يتم قبل البدء في اي خطوة بالعمل


layer : تعني طبقة


وذلك كما بالصورة الاتيه





ليكون الشكل بعد اضافة layer


كما بالصورة الاتيه






و بعد ذلك نختار اللون الذي يحلو لك من خلال خيار اللون


الموجود بالقائمة التي على يمين البرامج


وذلك كما بالصورة الاتيه





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


اختر اللون الذي يحلوا لك ثم اضغط على ok


وذلك كما بالصورة الاتيه





بعد ذلك اذهب الى layer الجديد الذي تم عمله


ثم غير اسمه من layer 1 الى header


header:تعني راس


اي المقصود راس العمل


وذلك كما بالصورة الاتيه





ثم اذهب بعد ذلك الى اداة كب الالوان الموجودة


بالقائمة التي على يمين البرنامج


وذلك كما بالصورة الاتيه

ثم اذهب الى العمل وكب اللون داخل التحديد الذي تم عمله


وذلك كما بالصورة الاتيه





وافعل الخطوات السابقة مع الذيل footer


1- تحديد الذيل


2- لير جديد باسم footer


3- اختيار اللون


4- كب اللون


ليصبح الشكل


كما بالصورة الاتيه





وlayer الزيل الجديد


كما بالصورة الاتيه





وبكده وضعنا اساس الراس والزيل


والان سوف نطور الراس


اضف layer جديد و سميه header 2 مثلا


وذلك كما بالصورة الاتيه

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


وانا اخترت اللون الازرق


وذلك كما بالصورة الاتيه





ثم قم باستخدام اداة التحديد وقم بتحديد المنطقة الوسطى للراس


ثم كب اللون الجديد بها


وذلك كما بالصورة الاتيه





الان سوف نقوم باضافة بعض التاثيرات اللذيذة الى الراس الثاني


1- قم بالتعليم على layer=header 2


2- قم بالضغط على مؤشر الفأرة الايمن


3- ستظهر لنا قائمة نختار منها خيار blending options


blending options : تعني مزج الخيارات


وذلك كما بالصورة الاتيه

الان سوف يظهر لنا مربع الخيارات


وذلك كما بالصورة الاتيه





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

سوف نضيف تحديد لطبقة الراس الثانية


وذلك من خلال الضغط على stroke


واعطاء القيم التي تحلو لنا


وانا اعطيت قيمة الحدود 3 ولونها ابيض


ثم اضغط ok


وذلك كما بالصورة الاتيه

ليكون الشكل


كما بالصورة الاتيه





الان نقوم بانهاء الدرس الاول


علينا حفظ العمل بصيغة psd للتعديل عليه فيما بعد


ولحفظه نقوم بالتوجه الى قائمة file ثم نختار save as


وذلك كما بالصورة الاتيه





سنجد ان الامتداد الاساسي للحفظ هو psd سنتركه كما هو


ونحفظ العمل في اي مكان اّمن بالجهاز


ودمتم


والى اللقاء بالدرس الثاني ان احيانا واحياكم الله


والسلام عليكم ورحمة الله وبركاته

[محمد شحاته]

وعليكم السلام ورحمه الله وبركاته
مشكور على المجهود