تحويل ملف الفايروركس الى CSS + لغات البرمجه !!

x_yousef_x · 24-12-2007, 03:00 PM

السلام عليكم
من افضل مميزات في الاصدار الجديد في الفايروركس تصدير ملف بالـ 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>

تحيات اخوكم يوسف عبدالله

Remano · 03-01-2008, 04:49 PM

شكرا لك
صراحة اثرت الفضول لدي لاستكمال تعلم هذا البرنامج
لاني تعلمت قليلا عليه ومن ثم تركته
ننتظر المزيد من دروسك الرائعة

Akwad Net · 05-01-2008, 04:09 PM

x_yousef_x طريقة جميلة جدا ً .. لم اكن اعلم عنها الا من خلال موضوعك هنا
لا استخدم الفايرووكس عادة ولكنّي سوف اجربه قريبا ً

شكرا ً لك

xX.OxyGen.Xx · 07-01-2008, 07:00 PM

انا ايضا لا استخدمـة ,, ولكني سوف اسخدمة قريبا خاصـةً مع الميزة الرائعة تحويل الملف الـ css ..

يعطيك العافيـة

x_yousef_x · 08-01-2008, 01:46 AM

العفو اخواني...

وهذي ليس ميزة وحيده بتعامل مع الـ CSS بل تعامل مع الجافا وايضا XMXL

وتجربه خير برهان

تحياتي

أحمد الهادي · 25-01-2008, 05:25 AM

الصورتين الاولي والثانيه لا يعملان نرجو اعادة رفعهم

وشكرا جزيلا علي الدروس المفيده

ملك الفوتوشوب · 26-01-2008, 10:44 AM

اخوي بارك الله فيك يالغالي ... على الدرس ....
طبعا تصدير السي اس اس راح يكون من مضمّن في نفس الصفحة ... وقد قمت بالتجربة سابقاً
لكن ابحث .. عن طريقة فصل اللغة عن الملف تلقائيا .. حاولت ان ابحث عن اضافات للفايروركس ..
تقوم بهذه الاضافة .. ووجدت التالي .
1- CSS Menu v.1.0 for Macromedia Fireworks 8

للتحميل
http://www.zaporozhye.org/dreamworld...dedCSSMenu.zip
وظيفة هذه الاضافة عمل قائمة بواسطة السي اس اس ... ( جافا سكريبت )

--------------------------------------------------------------------------------------
2- SmartCSS CSS Exporter 1.1

للتحميل
Adobe - Fireworks Extension

x_yousef_x · 30-01-2008, 04:22 AM

هلا بكم جميع

بنسبه للصورتيين الاوليتين لا اعلم وين اختفى رابط الصور

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

ولي عودة ان شاء الله بخصوص الاستخراج ملف CSS مع HTML كان يوجد ملحق اخر له لاكن مش متكد وسقوم بالحث لتكد

تحياتي

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
طريقة حفظ أنماط Css بشكل منفصل ( External Sheet )	ca2oom	إصلاح وصيانة المنتديات	19	03-03-2008 02:13 AM
تحويل سكربت الى ملف تنفيذي .. هل من وسيلة؟	hawkeye	PHP	10	18-11-2007 04:05 PM
الاصدار 1.1.3 من برنامج منتديات MySmartBB	MaaSTaaR	إصلاح وصيانة المنتديات	51	18-05-2006 03:49 AM
تحويل ملف الصوت mid الى HEX لارسالة كنغمة لجوال	سيف جرافيكس	PHP	1	07-01-2006 08:04 PM
تحويل ملف الصوت mid الى HEX لارسالة كنغمة لجوال, ارجو المساعدة العاجلة	سيف جرافيكس	أخبار الإنترنت والتقنية ومناقشتها	0	02-01-2006 09:07 AM

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