تحويل ملف الفايروركس الى CSS + لغات البرمجه !!
السلام عليكم
من افضل مميزات في الاصدار الجديد في الفايروركس تصدير ملف بالـ CSS مع احد لغات البرمجه
نفتح اي تصميم سوى PSD من فوتوشب او تصميم من الفايروركس
ونحدد باداه تقطيع وبعدها نروح الى قائمة File>>Export بعدين تعدل نوع تصدير الى CSS Layers(.html) راح يظهر لك زر ..
الحين تضغط على زر Options راح يحولنا الى لوحة تحكم بتصدير ملف CSS مع لغات البرمجه
لاحظ معي الان 3 اجزاء ملونه
لون الاحمر: واضح هو نوع HTML مع البرامج التحرير مثل الدريم ويفر وفرنت بيج وغيرها
لون الاخضر: نوع لغة برمجه
لون برتقالي: دعم ملف بالنكلود واضافة الاسم
نبدء html والبرامج تحرير عندك نوع برنامج وhtml العاديه والمطوره تيح لك الفايروركس الاختيار بي نوع من برامج ولغة المطوره
لاحظ معي اربع شكال لــ HTML و XHTML الجزء الاخر هو لغات البرمجه من PHP ,ASP ,JSP,CFM
انت الان لك تخصص معين مع اخد لغات البرمجه لك الحريه في تعامل مع لغات البرمجه
الي جزء الجداول وتحكم بنوعيه الجدول ومقسمها الى 3 خانات
1- مدخل الجداول بدون فواصل بينها
2-جدول واحد بدون فواصل
3- تحويل بكسل مع شفافيه
تحكم بالخلايا الجدول Empty table cells
نجدها نوعين الاول لون خليه Cell color
وثاني محتويات الجدول contents
الصور مع الفواصل spacer imaeg
عدم تكسير الفوصل non-breaking spacer
وهذا مثال للكواد المستخرجه
تحيات اخوكم يوسف عبداللهكود:<!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>
رد مع اقتباس
