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

[mr graphics]

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

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

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

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



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



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



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



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



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



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



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




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

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



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



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



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



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



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





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



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



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



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



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



-------------------------------------------------------

تقبلو تحياتي ... منقول من

http://www.pxll.com/vb/showthread.ph...to_threadtools

[الشبري]

يسلموووو على الشرح الحلو

واعتبره في توقيعي لانه مفيد

مشكوررر

[foreverman2002]

ألف شكر الك و ربنا يوفقك
درس حلو و مرتب

يسلمووو

[The Prince]

شرح ممتاز ..


جزاك الله خير أخي العزيز ..

لكن في نقطة مهمه ودي تشرحها لي اذا ممكن ..

طبعاً بعد ما تجهز الصفحة ما راح تكون أبعاد الجدول 100% ... ولو قمنا بتعديل الأبعاد راح يتشوه شكل التصميم في الصفحة ..

شو الحل لهذي المشكله ؟

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

جزاك الله الف خير اخوي مستر جرافيكس
بالنسبه لسؤال الاخ The Prince
عليك تكوين الجداول من الصفر في الفرونت بيج ... ثم تقوم بوضع الصور على حسب
التصميم في الفوتوشوب ... هذا بالمختصر المفيد

[mr graphics]

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

الشبري : العفو والله يعطيك العافية على البادرة الجميلة منك

foreverman2002 : الله يسلمك ويعطيك العافية

اخوي The Prince بالعادة تكوين الأبعاد تكون ثابتة ... وما تتيغر ... على حسب تحديدك لها من الفوتشوب فرضا قمت بعمل مربع كتابة بالفوتوشوب في التمبليتات وقررت وضع كتابتك هنا ... وكانت حجمها 200*200 بكسل ... هنا يقف حدك ... وان قمت بالتعديل عليها من الفرونت بيج راح لاحظ تشوهات ... فالتقسيم والتوزيع بالعادة يكون من الفوتشوب والفرونت بيج مهمته ازالات بعض الفراغات واضافت الكتابات ... اتمنى ان تكون الفكرة وصلت ... واذا ما فهمت اي نقطه ابعديلك ايها

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

[أبو مايد]

جزاك الله كل خير أخوي مستر جرافكس بالفعل موضوع رائع جداً ومطلوب .

اسمحلي اضع وصلة مباشره من موقعي لموضوعك هذا , ليستفيد الزوار من شرحك الرائع المبسط وردود الأخوه التي تحمل بعض الإستفسارت والتوضيحات


شكراً

[mr graphics]

العفو اخوي Nothing وهذا والله من ذوقك ... واما عن الوصله فلك الحرية بفعل اي شيء

........ وما زلت منتظر عدد من الردود

[NewGsm]

الف شكر اخي

شرح ولا اروع وجاري التطيق :nice:

[مورى]

الف شكر اخي

شرح ولا اروع وجاري التطيق :nice:

الله الله بارك الله فيك اخى العزيز mr graphics

[عاطف]

تسلم يا قمر

شرح و لا احلى

دمت سالماً

[m3rdi.com]

الله يعطيك العافية وبارك الله فيك.

[ham2002]

بارك الله فيك ياغالي ولا يحرمنا من ابداعك

[SAMsUNG]

الف شكر اخي
شرح ولا اروع وجاري التطبيق

جزاك الله الف خير

[mr graphics]

العفو اخوي NewGsm واتمنى اشوف تطبيقك باسرع وقت

ويبارك فيك اخوي مورى

الله يعطيك الف عافية اخوي عاطف ( انت القمر مب انا )

الله يعافيك اخوي marabe7 ويبارك فيك ان شاء الله

ويبارك فيك اخوي ham2002

تسلم اخوي SAMsUNG

واذا محتاجين اي شي اخواني انا تحت امركم