معرفی نرم افزار های طراحی ، ویرایش و خطایاب Css

echessdesign · Oct 3, 2006

با عرض سلام خدمت دوستان
در این پست سعی بر آن است که نرم افزار های بر تر طراحی CSS معرفی شوند.
1- یکی از بهترین ها نرم افزار طراحی وب سایت مایکروسافت است که بر پایه طراحی ساختار صفحه با CSS ، طراحی
شده است. به نام: http://forum.majidonline.com/showthread.php?t=54414 : Microsoft Web Design Experation

2- Focus CSS - نمایش و ویرایش فایل های CSS : http://www.download.com/Focus-on-CSS/3000-2068_4-10552656.html?tag=lst-0-4

3- CSS Button Designer - طراحی دکمه های زیبا با CSS و جا وا اسکریپت: http://www.download.com/CSS-Button-Designer/3000-2068_4-10492830.html?tag=lst-0-6

4- CSS Navbar -طراحی منو های زیبا با CSS: http://www.download.com/CSS-Navbar/3000-2215_4-10465936.html?tag=lst-0-9

5- MX CSS Menu -طراحی منو های متنوع ، عمودی و افقی، قابل نصب در DreamWeaver : http://www.download.com/MX-CSS-Menus/3000-2383_4-10541349.html?tag=lst-0-10

6- Top Style pro -طراحی بر پایه استاندارد ، با محیطی جذاب و امکانات جذاب: http://www.download.com/TopStyle-Pro/3000-2048_4-10193427.html?tag=lst-0-1

خطایاب CSS
1- خطایاب استاندارد، اما به صورا Online سایت W3c : http://jigsaw.w3.org/css-validator/
2- نرم افزار کاملا استاندارد خطایاب XHTML و CSS : http://www.htmlvalidator.com/

دوستان لطف کرده، نرم افزار های استاندارد دیگر را هم معرفی کنند.

منبع: تارنمای پارسیان

echessdesign · Oct 5, 2006

متاسفانه جای یک سایت ایرانی بین المللی جهت معرفی سایت های برتر ایرانی و خارجی ، که بر پایه CSS طراحی شده اند بسیار خالی است!!!
حداقل بهتر هست که ما سایت های که این نمونه سایت ها را به معرض نمایش می گزارند معرفی کنیم:
1- www.stylegala.com
2- www.cssimport.com
3- www.cssbeauty.com

دوستان زحمت معرفی بقیه سایت ها رو بکشند.

echessdesign · Oct 7, 2006

لیست سایت هایی که به زبان فارسی ، به آموزش CSS می پردازند:
tarnamaparsian.com
http://www.shahotoofani.net/archive/css_layouts_centering_a_design.aspx
http://tools.bolghan.com/archives/000131.html
http://weblog.alvanweb.com/category/css-learning/
http://www.ashoob.net/kaveh/?id=285
http://behrouz.bushehr.ws/?cat=42
http://www.computer.mihanblog.com/Cat=15
http://weblog.corelist.net/
http://www.zabet.ir/learen/Css-001.asp
http://www.iranw3.com/CSStut/
http://wdl.mihanblog.com/?More=9
http://weblog.falatooni.com/all-about-css/

سایت هایی که به زبان انگلیسی به آموزش CSS می پردازند. بازدید از این سایت ها را به شما پیشنهاد می کنم
آموزش طراحی انواع باکس ها http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
http://www.mandarindesign.com حتما بازدید کنید
http://blog.html.it/layoutgala/ طراحی باکس با روش margin منفی
http://www.cssplay.co.uk آموزش و مثال هایی بسیار کامل
http://www.alistapart.com/topics/code/css/ مجله الکترونیکی طراحان وب
http://www.brainjar.com آموزش طراحی انواع باکس ها

دوستان، زحمت معرفی بقیه سایت ها رو بکشند.

NabiKAZ · Oct 20, 2006

ای ول داره !

تو 24 ساعت نتونستم بیش از 50% محتوای این تاپیک رو مطالعه کنم ! فکر کنم چند روز لینکهای این تاپیک مشغولم کنه !!!

pesare-tanha · Nov 5, 2006

اقا خيلي ممنون من خيلي استفاده كردم

Mds · Nov 12, 2006

مرسی از شما.

خیلی عالی بود

mehdi0016 · Dec 23, 2006

http://www.devilived.com/2006/07/03/altova_stylevision_enterprise_v200631.html
http://www.devilived.com/2006/06/19/blumentals_software_webuilder_2006_v72068_retail_zwt.html
http://www.devilived.com/2006/06/19/blumentals_software_rapid_css_2006_v72068_retail_zwt.html
http://www.devilived.com/2006/06/19/blumentals_software_htmlpad_2006_v72068_retail_zwt.html
http://www.devilived.com/2006/05/05/htmlpad_2006_pro_v71067_retail.html

echessdesign · Dec 29, 2006

در این سایت آموزش های بسار مفیدی در ارتباط با CSS بخصوص موقعیت قرار گرفتن BOX در صفحه رو آموزش و با زکر مثال توضیح میده: http://tagsoup.com

Ali_ix · Dec 30, 2006

http://www.aptana.com/

از فرزندان خلف eclipse با امکانات و ظاهری مناسب و رایگان.

echessdesign · Jan 2, 2007

با درود
در این سایت آموزش های جالب با زبان ساده وجود داره: http://www.domedia.org/oveklykken/articles.php
در این لینک می توتنید از ساپرت خصیصه های CSS توسط مرور گرها آگاه شوید: http://www.blooberry.com/indexdot/css/supportkey/syntax.htm

sajjad_eb · Jan 10, 2007

echessdesign جان می بینم که GoLive رو جا انداختی

. واقعا چیز جالبیه

rabinhod_004 · Jan 10, 2007

مربا بده بابا

sajjad_eb · Jan 10, 2007

rabinhod_004 گفت:
مربا بده بابا

rabinhod_004 جان این اسم یه نرم افزاره ؟

این اولین پستت بود . ورودت رو تبریک می گم . اما جون هر کسی دوست داری پست الکی نده :lol:

amirabbas_p30magazine · Jan 11, 2007

هیچ کدوم از این نرم افزار های کار با CSS یا خطایاب ها اصلا محیط visual خوبی ندارن
الان دو تا extension برای firefox هست که به قدری کاربردی و مفیده که حد و حساب نداره
یکیش نزدیک 100 قابلیت در اختیارت قرار میده که نمونش تو هیچ برنامه ای نیست
مثلا این قابلیت در این برنامه ها وجود دارن که CSS صفحه رو دستکاری کنی و نتیجه رو به شکل آنی رو صفحه ببینی
مثلا همین صفحه اول همین فورم رو باز کنی و بعد از گزینه edit CSS شروع میکنی به دستکاری CSS و نتیجه رو در عمل روی صفحه میبینی
وقت بشه به طور کامل در موردشون می نویسم و لینک دانلودشون رو هم قرار میدم

sajjad_eb · Jan 11, 2007

amirabbas_p30magazine گفت:
هیچ کدوم از این نرم افزار های کار با CSS یا خطایاب ها اصلا محیط visual خوبی ندارن
الان دو تا extension برای firefox هست که به قدری کاربردی و مفیده که حد و حساب نداره
یکیش نزدیک 100 قابلیت در اختیارت قرار میده که نمونش تو هیچ برنامه ای نیست
مثلا این قابلیت در این برنامه ها وجود دارن که CSS صفحه رو دستکاری کنی و نتیجه رو به شکل آنی رو صفحه ببینی
مثلا همین صفحه اول همین فورم رو باز کنی و بعد از گزینه edit CSS شروع میکنی به دستکاری CSS و نتیجه رو در عمل روی صفحه میبینی
وقت بشه به طور کامل در موردشون می نویسم و لینک دانلودشون رو هم قرار میدم

من که خودم تو این زمینه از Extension های Web Developer و CSSViewer و IE Tab تب استفاده می کنم. فکر کنم منظور شما Web Developer باشه . نه ؟
البته IE Tab به طور ستقیم به CSS کار نداره ولی همین که می شه با یک کلیک دید که کدها تو یه مرورگر دیگه چه شکلی دیده می شه خودش خیلی به کد نویسی کمک می کنه.
یادمه چنتا دیگه هم بود که به طور Offline کدهارو چک می کرد. اما به نظرم همون Online بهتره که Web Developer این کارو انجام میده