-- :: درس في كيفية استخدام التمبليت من الصفر وحتى النهاية :: --

[spider_oxxo]

بسم الله الرحمن الرحيم
------------------
الدرس منقول من
منتديات بكســل (http://www.*********/vb)
من إعداد أخي الغالي
mr graphics (http://www.*********/vb/member.php?u=1)
و يتناول الدرس كيفية تقسيم و تقطيع التمبلت أو القالب في برنامج الفوتوشوب و من ثم تصديره للفرنت بيج


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

التمبليت = قالب

وهناك الكثير من القوالب لمواقع جاهزة موجودة على شبكة الانترنت ... ولكن الإبداع يكمن في التحكم بها ... وفي هذا الدرس قمت بلخيص كل ما هو مفيد لهذا الأمر بشكل مبسط ومتقدم ... لتستطيع التحكم بالتمبليت بشكل محترف ودون مساعدة ... بدون اطالات ... بسم الله ابدء

1- قمت باختيار التمبليت التالي ... وادخلته على الفوتشوب :

http://*********/mydrs/l1/1.JPG

2- بعد ذلك ... قمت بمسح الكتابات الموجوده على التمبليت ... لانه بالعادة تكون هذه الكتابات مضافة من صانع التمبليت لاضافة الحيوية على التمبليت

http://*********/mydrs/l1/2.JPG

3- بعد ذلك قم باختيار اداة القص ... لنقوم بقص التمبليت بالشكل المناسب لعملنا ... و سنقوم بشرح هذه الخطوة بشكل اعمق بالخطوة التي تليها ... والأداة هي :

http://*********/mydrs/l1/3.jpg

4- قوم بالتدقيقة على الصورة التالية ... سترا انني قمت بقص الأماكن الفارغة والتي ساقوم انا بتعبأتها بالكتابات ... او بقص الأماكن التي اريد اضافة روابط عليها :

http://*********/mydrs/l1/4.JPG

5- بعد الإنهاء من القصقة .. اتبع التالي :

http://*********/mydrs/l1/5.JPG

6- عند حفض العمل على شكل html ستظهر هذه الصفحة اولا ... وهي للتحكم بدرجة الألوان وخواص الصفحة ... فلا تقم بالعبث بها واضغط على save

http://*********/mydrs/l1/6.JPG

7- قم بكتابة اسم ملف ال html .. ثم اضغط ok

http://*********/mydrs/l1/7.JPG

8- سترى ملف ال html وملف images والذي يحتوي على الصور .. بجانب بعض بالمجلد الذي اخترت عند التخزين

http://*********/mydrs/l1/8.JPG


------------------------------------------------------------------------------
والآن انتهينا من الفوتشوب ... وناتي لدور الفرونتبيج للتحكم بخواص الصفحة html
-----------------------------------------------------------------------------

1- قم بادخال الصفحة على برنامج الفرونت بيج

http://*********/mydrs/l2/1.JPG

2- قم بالضغط على الزر اليمين بوسط العمل ... واختار :

http://*********/mydrs/l2/2.JPG

3- قم بتغير التالي :

http://*********/mydrs/l2/3.JPG

4- وستكون النتيجة كالتالي :

http://*********/mydrs/l2/5.JPG

5- قم بمسح الصور التي سنقوم بالكتابة على مكانها ... اي اضغط عليها ثم اختار delete ... وسترا مكانها فارغا كالتالي :

http://*********/mydrs/l2/6.JPG

6- الأن قم بالضغط على الأماكن الفارغة باليمين واختار التالي :

http://*********/mydrs/l2/7.JPG

http://*********/mydrs/l2/8.JPG

7- اختار اداة القطارة ... والتي من خلالها تختار لون خلفية الخلية التي قمنا بمسح الصورة منها ... وذلك لإرجاعها للون الطبيعي

http://*********/mydrs/l2/9.JPG

8- والأن استعدنا الألوان الى الشكل الطبيعي ولكن بدون الصور ... وتستطيع الان الكتابة في الأماكن الفارغة

http://*********/mydrs/l2/10.JPG

9- بعد ذلك قم بالغط على الأزرار لإضافة الإرتباطات ... وذلك بالضغط على الزر باليمين واختيار :

http://*********/mydrs/l2/11.JPG

10- بعد الإختيار ... قم باضافة الرابط ... ثم اضغط ok

http://*********/mydrs/l2/12.JPG

11- ويكون الموقع بعد ذلك ... كاملا باذن الله ... وكل ما عليك هو الرفع

http://*********/mydrs/l2/13.JPG