(الدرس الاول) من سلسله تصميم ستايل Vb

T I T A N · 02-27-2008, 04:32 صباحاً

بسم الله نبدأ

نفتح لير جديد على الفوتو شوب بمقاس 777×400 px

نختار اداه المربع ونقوم بإنشاء مستطيل في اعلى اللير واعطائة التدرج او التأثير المطلوب

نقوم بإختيار اداه المستطيل مرة اخرى لعمل القائمه وإعطائه التأثيرات كما هو موضح بالصورة

كلك يمين على اللير ونختار كما في الصورة لعمل القائمه

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

النتيجة

نضيف التأثيرات على الهدر

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

هكذا اكتمل التصميم

*&*&*&*&*

مرحلة التقطيع

نختار الاداه

وركزوا معي بها النقطة جدا مهمه

نقوم بتقسم التصميم كما بالصورة مع الإنتباه الى نقاط التمدد

نحفظ العمل من القائمه file> save for web

الان اصبح لدينا صور الستايل مقطعه

*&*&*&*&

توزيع صور الستايل بالفرونت بيج

نفتح برنامج الفرونت بيج ونمسح جميع الاكواد

ادراج جدول 3×3

نذهب الى مساحة العمل وكلك يمين على الجدول > خصائص الجدول

ونعطي الاعدادت التالية

نضع المؤشر على الخلية اليسرى ونقوم بإدراج الهدر من القائمه: ادراج > صورة > من ملف

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

أما بالنسبه لنقطة التمدد
نذهب بمؤشر الماوس الى الخلية الوسطى من الهدر وكلك يميك > خصائص الخلية

خلصنا توزيع الصور بالجدول

بقى علينا إظافة الروابط وتعديل إمتداد الصور

كيف نظيف الروابط ؟

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

ننسخ الرابط ونلصقة في خانه العنوان CTRL + V

أما بالنسبه لإمتداد الصور

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

كود PHP:

 
<div align="center">

    <table border="0" width="100%" cellspacing="0" cellpadding="0">

    <tr>

        <td width="297">

        <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_01.gif" width="297" height="161"></td>

        <td background="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_02.gif" width="100%">&nbsp;</td>

        <td>

        <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_04.gif" width="382" height="161"></td>

    </tr>

    <tr>

        <td width="297">&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

    </tr>

    <tr>

        <td width="297">

        <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_07.gif" width="297" height="30"></td>

        <td background="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_08.gif" width="100%">&nbsp;</td>

        <td>

        <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_09.gif" width="382" height="30"></td>

    </tr>

</table>

</div>

نحذف الإمتدا ونبقي على فايل الصور والصورة ...بيصير عندنا

كود PHP:

 
<div align="center">

    <table border="0" width="100%" cellspacing="0" cellpadding="0">

    <tr>

        <td width="297">

        <img border="0" src="images/styl_01.gif" width="297" height="161"></td>

        <td background="images/styl_02.gif" width="100%">&nbsp;</td>

        <td>

        <img border="0" src="images/styl_04.gif" width="382" height="161"></td>

    </tr>

    <tr>

        <td colspan="3">&nbsp;</td>

    </tr>

    <tr>

        <td width="297">

        <img border="0" src="images/styl_07.gif" width="297" height="30"></td>

        <td background="images/styl_08.gif" width="100%">&nbsp;</td>

        <td>

        <img border="0" src="images/styl_09.gif" width="382" height="30"></td>

    </tr>

</table>

</div>

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

يتبع مرحله التركيب ...

T I T A N · 02-27-2008, 04:34 صباحاً

خاص للتركيب

ADMIN · 02-27-2008, 12:50 مساءً

مشكور وبارك الله فيك اخوي

02-27-2008, 04:32 صباحاً	#1 (permalink)
T I T A N عضــو تاريخ التسجيل: Jan 2008 المشاركات: 19 معدل تقييم المستوى: 7	(الدرس الاول) من سلسله تصميم ستايل Vb بسم الله نبدأ نفتح لير جديد على الفوتو شوب بمقاس 777×400 px نختار اداه المربع ونقوم بإنشاء مستطيل في اعلى اللير واعطائة التدرج او التأثير المطلوب نقوم بإختيار اداه المستطيل مرة اخرى لعمل القائمه وإعطائه التأثيرات كما هو موضح بالصورة كلك يمين على اللير ونختار كما في الصورة لعمل القائمه ثم نختار اداة التحديد ونقوم بتحديد المسافة المطلوبه ثم دليت النتيجة نضيف التأثيرات على الهدر الان نقوم بعمل مستطيل في اسفل اللير مع وضع التأثيرات والصور والفرش والكل يبدع بفنه بالنسبه لي افضل البساطه لخفة التصفح هكذا اكتمل التصميم &&&&* مرحلة التقطيع نختار الاداه وركزوا معي بها النقطة جدا مهمه نقوم بتقسم التصميم كما بالصورة مع الإنتباه الى نقاط التمدد نحفظ العمل من القائمه file> save for web الان اصبح لدينا صور الستايل مقطعه &&&& توزيع صور الستايل بالفرونت بيج نفتح برنامج الفرونت بيج ونمسح جميع الاكواد ادراج جدول 3×3 نذهب الى مساحة العمل وكلك يمين على الجدول > خصائص الجدول ونعطي الاعدادت التالية نضع المؤشر على الخلية اليسرى ونقوم بإدراج الهدر من القائمه: ادراج > صورة > من ملف نفعل ذلك بالجهه اليمنى من الهدر وكذالك الفوتر أما بالنسبه لنقطة التمدد نذهب بمؤشر الماوس الى الخلية الوسطى من الهدر وكلك يميك > خصائص الخلية خلصنا توزيع الصور بالجدول بقى علينا إظافة الروابط وتعديل إمتداد الصور كيف نظيف الروابط ؟ نحدد الصورة اللي نبي تدخل عليها الروابط ومن شريط الصور نختار نقطه فعاله مستطيله ننسخ الرابط ونلصقة في خانه العنوان CTRL + V أما بالنسبه لإمتداد الصور نذهب الى جزئيه التعليمات البرمجية راح نشوف رابط الصورة داخل الجهاز بهذا الشكل كود PHP: <div align="center"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="297"> <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_01.gif" width="297" height="161"></td> <td background="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_02.gif" width="100%"> </td> <td> <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_04.gif" width="382" height="161"></td> </tr> <tr> <td width="297"> </td> <td> </td> <td> </td> </tr> <tr> <td width="297"> <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_07.gif" width="297" height="30"></td> <td background="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_08.gif" width="100%"> </td> <td> <img border="0" src="file:///C:/Documents%20and%20Settings/ALMMLKAH/Desktop/صور%20الدورة/الدرس%20الاول/images/styl_09.gif" width="382" height="30"></td> </tr> </table> </div> نحذف الإمتدا ونبقي على فايل الصور والصورة ...بيصير عندنا كود PHP: <div align="center"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="297"> <img border="0" src="images/styl_01.gif" width="297" height="161"></td> <td background="images/styl_02.gif" width="100%"> </td> <td> <img border="0" src="images/styl_04.gif" width="382" height="161"></td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td width="297"> <img border="0" src="images/styl_07.gif" width="297" height="30"></td> <td background="images/styl_08.gif" width="100%"> </td> <td> <img border="0" src="images/styl_09.gif" width="382" height="30"></td> </tr> </table> </div> انتهينا من توزيع الستايل بالفرونت يتبع مرحله التركيب ... من مواضيع T I T A N في المنتدى طريقة تصميم ستايل المجله (فهرس دروس الأخ ابن غياث ) مشكله بالمجله عند تغيير ستايل الخطوط المتقطعه لحدود المجله كيف اعمل مكتبه فتوشوب او جوال على المجله الخطوط المتقطعه لحدود المجله التعديل الأخير تم بواسطة : ADMIN بتاريخ 02-27-2008 الساعة 12:49 مساءً. <a rel="nofollow" href="http://www.dartmediakuwait.com/adclick.php?n=a85a316d" target="_new"><img src="http://www.dartmediakuwait.com/adview.php?what=zone:107&source=MP3Q8&n=a85a316d" border="0" alt=""></a>

02-27-2008, 04:34 صباحاً	#2 (permalink)
T I T A N عضــو تاريخ التسجيل: Jan 2008 المشاركات: 19 معدل تقييم المستوى: 7	رد: (الدرس الاول) من سلسله تصميم ستايل Vb خاص للتركيب من مواضيع T I T A N في المنتدى الخطوط المتقطعه لحدود المجله مشكله بالمجله عند تغيير ستايل كيف اعمل مكتبه فتوشوب او جوال على المجله طريقة تصميم ستايل المجله (فهرس دروس الأخ ابن غياث ) (الدرس الاول) من سلسله تصميم ستايل Vb

02-27-2008, 12:50 مساءً	#3 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 45,751 معدل تقييم المستوى: 53	رد: (الدرس الاول) من سلسله تصميم ستايل Vb مشكور وبارك الله فيك اخوي من مواضيع ADMIN في المنتدى الخوارزمي [ اسطورة الرياضيات ومؤسسها ] [ الدكتور وليد الطبطبائي ] مجلس الأمه الكويتي فاسد شارون يكشف العلاقه اليهودية الإرانية في مذكراته (تقرير مصور) [محترف] درس عمل نجمة بشكل رائع [متوسط] درس تصميم أزرار بشكل مبسط ومتقن __________________ دليل مواقع ابن الخليج خدمة google page rank مقدمه من ابن الخليج خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال اطلب منتج بالضغط هنا "من هارون أمير المؤمنين إلى نقفور كلب الروم، قد قرأت كتابك يا ابن الكافرة، والجواب ما تراه دون أن تسمعه، والسلام" اين نحن من هذه الرساله؟

أدوات الموضوع
عرض نسخة صالحة للطباعة أرسل هذا الموضوع إلى صديق
طرق مشاهدة الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
أول من ........ أو أوائل في التاريخ	العقلانية	حوارات ثقافية عامة	2	05-09-2007 10:26 صباحاً
قصص الانبياء	ابن الرافدين	حوارات ثقافية عامة	14	02-17-2007 06:39 مساءً
قواعد في أدلة الأسماء والصفات	ADMIN	حوارات ثقافية عامة	2	06-30-2006 03:30 مساءً
سورة النساء : رقم 4 ( مدنية )	رنين	حوارات ثقافية عامة	3	05-19-2006 12:37 صباحاً
لقاء نادر ومباشر مع احد قادة المقاومة العراقية	الهوى ماهو كلام	حوارات ثقافية عامة	3	03-03-2006 09:01 مساءً

(الدرس الاول) من سلسله تصميم ستايل Vb

منتديات شبكة ابن الخليج

اكثر الكلمات بحثاً

	Sitemap \| Archive \| Tag Could
	$موقع ولد الامارات - ينتهي الاعلان بتاريخ 20\8\2008$

		$شبكة مدينة الحب - ينتهي الإعلان بتاريخ 19\8\2008$
	$شبكة مملكتي - ينتهي الإعلان بتاريخ 8\8\2008$	$ملتقى الدعوة الاسلامي - ينتهي الإعلان بتاريخ 6\8\2008$

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)