loulou ange
10-30-2013, بتوقيت غرينيتش 05:06 AM
السلام عليكم
من افضل مميزات في الاصدار الجديد في الفايروركس تصدير ملف بالـ CSS مع احد لغات البرمجه
نفتح اي تصميم سوى PSD من فوتوشب او تصميم من الفايروركس
ونحدد باداه تقطيع وبعدها نروح الى قائمة File>>Export بعدين تعدل نوع تصدير الى CSS Layers(.html) راح يظهر لك زر ..
http://www.3elmdgn.com/images/drs.gif
الحين تضغط على زر Options راح يحولنا الى لوحة تحكم بتصدير ملف CSS مع لغات البرمجه
http://www.3elmdgn.com/images/drs-1.gif
لاحظ معي الان 3 اجزاء ملونه
لون الاحمر: واضح هو نوع HTML مع البرامج التحرير مثل الدريم ويفر وفرنت بيج وغيرها
لون الاخضر: نوع لغة برمجه
لون برتقالي: دعم ملف بالنكلود واضافة الاسم
http://www.3elmdgn.com/images/drs-2.gif
نبدء html والبرامج تحرير عندك نوع برنامج وhtml العاديه والمطوره تيح لك الفايروركس الاختيار بي نوع من برامج ولغة المطوره
http://www.3elmdgn.com/images/drs-3.gif
لاحظ معي اربع شكال لــ HTML و XHTML الجزء الاخر هو لغات البرمجه من PHP ,ASP ,JSP,CFM
انت الان لك تخصص معين مع اخد لغات البرمجه لك الحريه في تعامل مع لغات البرمجه
http://www.3elmdgn.com/images/drs-4.gif
الي جزء الجداول وتحكم بنوعيه الجدول ومقسمها الى 3 خانات
1- مدخل الجداول بدون فواصل بينها
2-جدول واحد بدون فواصل
3- تحويل بكسل مع شفافيه
http://www.3elmdgn.com/images/drs-5.gif
تحكم بالخلايا الجدول Empty table cells
نجدها نوعين الاول لون خليه Cell color
وثاني محتويات الجدول contents
الصور مع الفواصل spacer imaeg
عدم تكسير الفوصل non-breaking spacer
وهذا مثال للكواد المستخرجه
رمز Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>mrsal</title> <style type="text/css"> <!-- body { background-color: #999999; margin:0px; padding:0px; } .p { margin:0px; padding:0px; font-size: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; color: inherit; line-height: inherit; vertical-align: top; } p { padding-top:0px; margin-top:0px; } img { border:0px; } div { margin:0px; padding:0px } .AbsWrap { width: 100%; position: relative; } .rowWrap { width: 100%; } .clearfloat { clear:both; height:0px; } a:link, a:visited{ COLOR:inherit; text-decoration:inherit; } #main { float:left; width:777px; margin-top:0px; margin-left:0px; border: 0px solid #f0f0f0; } #Div { background-color: #000000; width:785px; padding-top:0px; padding-bottom:10px; margin-left:-7px; margin-top:90px; margin-bottom:0px; float:left; display:inline; } --> </style> <!--[if IE]> <style type="text/css" media="all">.borderitem {border-style:solid;}</style> <![endif]--> </head> <body> <div id="main"> <div id="Div"> </div> <br class="clearfloat" /> </div> </body> </html>
تحيات اخوكم يوسف عبدالله
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
من افضل مميزات في الاصدار الجديد في الفايروركس تصدير ملف بالـ CSS مع احد لغات البرمجه
نفتح اي تصميم سوى PSD من فوتوشب او تصميم من الفايروركس
ونحدد باداه تقطيع وبعدها نروح الى قائمة File>>Export بعدين تعدل نوع تصدير الى CSS Layers(.html) راح يظهر لك زر ..
http://www.3elmdgn.com/images/drs.gif
الحين تضغط على زر Options راح يحولنا الى لوحة تحكم بتصدير ملف CSS مع لغات البرمجه
http://www.3elmdgn.com/images/drs-1.gif
لاحظ معي الان 3 اجزاء ملونه
لون الاحمر: واضح هو نوع HTML مع البرامج التحرير مثل الدريم ويفر وفرنت بيج وغيرها
لون الاخضر: نوع لغة برمجه
لون برتقالي: دعم ملف بالنكلود واضافة الاسم
http://www.3elmdgn.com/images/drs-2.gif
نبدء html والبرامج تحرير عندك نوع برنامج وhtml العاديه والمطوره تيح لك الفايروركس الاختيار بي نوع من برامج ولغة المطوره
http://www.3elmdgn.com/images/drs-3.gif
لاحظ معي اربع شكال لــ HTML و XHTML الجزء الاخر هو لغات البرمجه من PHP ,ASP ,JSP,CFM
انت الان لك تخصص معين مع اخد لغات البرمجه لك الحريه في تعامل مع لغات البرمجه
http://www.3elmdgn.com/images/drs-4.gif
الي جزء الجداول وتحكم بنوعيه الجدول ومقسمها الى 3 خانات
1- مدخل الجداول بدون فواصل بينها
2-جدول واحد بدون فواصل
3- تحويل بكسل مع شفافيه
http://www.3elmdgn.com/images/drs-5.gif
تحكم بالخلايا الجدول Empty table cells
نجدها نوعين الاول لون خليه Cell color
وثاني محتويات الجدول contents
الصور مع الفواصل spacer imaeg
عدم تكسير الفوصل non-breaking spacer
وهذا مثال للكواد المستخرجه
رمز Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>mrsal</title> <style type="text/css"> <!-- body { background-color: #999999; margin:0px; padding:0px; } .p { margin:0px; padding:0px; font-size: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; color: inherit; line-height: inherit; vertical-align: top; } p { padding-top:0px; margin-top:0px; } img { border:0px; } div { margin:0px; padding:0px } .AbsWrap { width: 100%; position: relative; } .rowWrap { width: 100%; } .clearfloat { clear:both; height:0px; } a:link, a:visited{ COLOR:inherit; text-decoration:inherit; } #main { float:left; width:777px; margin-top:0px; margin-left:0px; border: 0px solid #f0f0f0; } #Div { background-color: #000000; width:785px; padding-top:0px; padding-bottom:10px; margin-left:-7px; margin-top:90px; margin-bottom:0px; float:left; display:inline; } --> </style> <!--[if IE]> <style type="text/css" media="all">.borderitem {border-style:solid;}</style> <![endif]--> </head> <body> <div id="main"> <div id="Div"> </div> <br class="clearfloat" /> </div> </body> </html>
تحيات اخوكم يوسف عبدالله
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
