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

شروع موضوع توسط echessdesign ‏3 اکتبر 2006 در انجمن زبان HTML

  1. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    با عرض سلام خدمت دوستان
    در این پست سعی بر آن است که نرم افزار های بر تر طراحی 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/


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

    منبع: تارنمای پارسیان
     
    آخرین ویرایش: ‏3 اکتبر 2006
    نوشته شده توسط echessdesign در ‏3 اکتبر 2006
    tarenoco، PedramKarimi، noonegandom و 24 نفر دیگر از این ارسال تشکر کرده اند.
  2. echessdesign

    echessdesign مدیر انجمن طراحی وب

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

    دوستان زحمت معرفی بقیه سایت ها رو بکشند.
     
    نوشته شده توسط echessdesign در ‏5 اکتبر 2006
    PedramKarimi، toxin، wahid2003vj و 3 نفر دیگر از این ارسال تشکر کرده اند.
  3. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    لیست سایت هایی که به زبان فارسی ، به آموزش 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 آموزش طراحی انواع باکس ها



    دوستان، زحمت معرفی بقیه سایت ها رو بکشند.
     
    نوشته شده توسط echessdesign در ‏7 اکتبر 2006
    webmasterafkari، toxin، maaha و 4 نفر دیگر از این ارسال تشکر کرده اند.
  4. NabiKAZ

    NabiKAZ Well-Known Member

    ارسال‌ها:
    1,184
    تشکر شده:
    430
    امتیاز دستاورد:
    83
    ای ول داره !

    تو 24 ساعت نتونستم بیش از 50% محتوای این تاپیک رو مطالعه کنم ! فکر کنم چند روز لینکهای این تاپیک مشغولم کنه !!!
     
    آخرین ویرایش: ‏21 اکتبر 2006
    نوشته شده توسط NabiKAZ در ‏20 اکتبر 2006
  5. pesare-tanha

    pesare-tanha Member

    ارسال‌ها:
    599
    تشکر شده:
    265
    امتیاز دستاورد:
    16
    اقا خيلي ممنون من خيلي استفاده كردم
     
    نوشته شده توسط pesare-tanha در ‏5 نوامبر 2006
  6. Mds

    Mds Active Member

    ارسال‌ها:
    239
    تشکر شده:
    60
    امتیاز دستاورد:
    28
    مرسی از شما.

    خیلی عالی بود
     
    نوشته شده توسط Mds در ‏12 نوامبر 2006
  7. mehdi0016

    mehdi0016 Member

    ارسال‌ها:
    68
    تشکر شده:
    53
    امتیاز دستاورد:
    6
  8. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    در این سایت آموزش های بسار مفیدی در ارتباط با CSS بخصوص موقعیت قرار گرفتن BOX در صفحه رو آموزش و با زکر مثال توضیح میده: http://tagsoup.com
     
    نوشته شده توسط echessdesign در ‏29 دسامبر 2006
    PedramKarimi از این پست تشکر کرده است.
  9. Ali_ix

    Ali_ix Well-Known Member

    ارسال‌ها:
    1,766
    تشکر شده:
    378
    امتیاز دستاورد:
    83
    http://www.aptana.com/

    از فرزندان خلف eclipse با امکانات و ظاهری مناسب و رایگان.
     
    نوشته شده توسط Ali_ix در ‏30 دسامبر 2006
    thekhosrow و echessdesign از این پست تشکر کرده اند.
  10. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    نوشته شده توسط echessdesign در ‏2 ژانویه 2007
    PedramKarimi و spider69 از این پست تشکر کرده اند.
  11. sajjad_eb

    sajjad_eb Well-Known Member

    ارسال‌ها:
    527
    تشکر شده:
    285
    امتیاز دستاورد:
    63
    echessdesign جان می بینم که GoLive رو جا انداختی [​IMG] . واقعا چیز جالبیه
     
    آخرین ویرایش: ‏10 ژانویه 2007
    نوشته شده توسط sajjad_eb در ‏10 ژانویه 2007
    echessdesign از این پست تشکر کرده است.
  12. rabinhod_004

    rabinhod_004 New Member

    ارسال‌ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    مربا بده بابا
     
    نوشته شده توسط rabinhod_004 در ‏10 ژانویه 2007
  13. sajjad_eb

    sajjad_eb Well-Known Member

    ارسال‌ها:
    527
    تشکر شده:
    285
    امتیاز دستاورد:
    63
    rabinhod_004 جان این اسم یه نرم افزاره ؟ :D
    این اولین پستت بود . ورودت رو تبریک می گم . اما جون هر کسی دوست داری پست الکی نده :lol:
     
    نوشته شده توسط sajjad_eb در ‏10 ژانویه 2007
  14. amirabbas_p30magazine

    amirabbas_p30magazine Member

    ارسال‌ها:
    700
    تشکر شده:
    410
    امتیاز دستاورد:
    16
    هیچ کدوم از این نرم افزار های کار با CSS یا خطایاب ها اصلا محیط visual خوبی ندارن
    الان دو تا extension برای firefox هست که به قدری کاربردی و مفیده که حد و حساب نداره
    یکیش نزدیک 100 قابلیت در اختیارت قرار میده که نمونش تو هیچ برنامه ای نیست
    مثلا این قابلیت در این برنامه ها وجود دارن که CSS صفحه رو دستکاری کنی و نتیجه رو به شکل آنی رو صفحه ببینی
    مثلا همین صفحه اول همین فورم رو باز کنی و بعد از گزینه edit CSS شروع میکنی به دستکاری CSS و نتیجه رو در عمل روی صفحه میبینی
    وقت بشه به طور کامل در موردشون می نویسم و لینک دانلودشون رو هم قرار میدم
     
    نوشته شده توسط amirabbas_p30magazine در ‏11 ژانویه 2007
  15. sajjad_eb

    sajjad_eb Well-Known Member

    ارسال‌ها:
    527
    تشکر شده:
    285
    امتیاز دستاورد:
    63
    من که خودم تو این زمینه از Extension های Web Developer و CSSViewer و IE Tab تب استفاده می کنم. فکر کنم منظور شما Web Developer باشه . نه ؟
    البته IE Tab به طور ستقیم به CSS کار نداره ولی همین که می شه با یک کلیک دید که کدها تو یه مرورگر دیگه چه شکلی دیده می شه خودش خیلی به کد نویسی کمک می کنه.
    یادمه چنتا دیگه هم بود که به طور Offline کدهارو چک می کرد. اما به نظرم همون Online بهتره که Web Developer این کارو انجام میده
     
    نوشته شده توسط sajjad_eb در ‏11 ژانویه 2007
  16. amirabbas_p30magazine

    amirabbas_p30magazine Member

    ارسال‌ها:
    700
    تشکر شده:
    410
    امتیاز دستاورد:
    16
    خوب یکیش که همون web developer هست که خیلی شناخته شده هست
    یکی هم جدید اومده که دیگه ترکونده

    http://getfirebug.com/
     
    نوشته شده توسط amirabbas_p30magazine در ‏11 ژانویه 2007
  17. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
  18. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    درود بر شما

    لیست وب سایت های آموزش دهنده CSS
    - http://mandarindesign.com
    - http://www.cssplay.co.uk
    - http://css.maxdesign.com.au
    - http://www.tizag.com/cssT
    - http://www.glish.com/css
    - http://www.justsoftwaresolutions.co.uk/articles/sample_menu.html
    - http://www.w3.org/TR/CSS2
    - http://deluxe-menu.com/css-mode-sample.html
    - http://www.tanfa.co.uk
    - http://www.dynamicdrive.com/style

    سایت های خطایاب CSS
    - http://jigsaw.w3.org/css-validator
    - http://www.thesitewizard.com/webdesign/htmlvalidation.shtml
    - http://webdesign.about.com/od/validators/l/bl_validation.htm


    سایت های آموزش Hack CSS
    - http://www.webdevout.net/css-hacks
    - http://css-discuss.incutio.com/?page=CssHack
    - http://www.webcredible.co.uk/user-friendly-resources/css/hacks-browser-detection.shtml
    - http://www.evotech.net/blog/2007/05/ie7-only-css-hacks-examples/
    - http://www.ericmeyeroncss.com/bonus/trick-hide.html
    - http://www.quirksmode.org/css/csshacks.html


    نرم افزار های CSS
    - http://www.westciv.com/style_master
    - http://www.download.com/Simple-CSS/3000-10247_4-10349478.html
    - http://www.download.com/CSS-Wizard/3000-10247_4-10503634.html
    - http://www.download.com/CSS-Navbar/3000-10247_4-10465935.html
    - http://www.download.com/CSS-Validator/3000-11745_4-10748091.html
    - http://www.download.com/CSS-Briefcase/3000-10248_4-91949.html
    - http://www.download.com/Easy-CSS/3000-2064_4-10515275.html
    - http://www.download.com/CSS-Reference/3000-12565_4-10782046.html


    سایت های ثبت کننده، وب سایت های طراحی شده بر پایه CSS
    - http://www.css-website.com/submit
    - http://www.cssimpress.com/submit
    - http://www.free-css.com/submit/template-submission.php
    - http://www.stylegala.com/submit
    - http://www.divinecss.com/submit
    - http://www.cssshowcase.co.uk/submit-a-website


    وب سایت های نمایش دهنده، وب سایت های طراحی شده بر پایه CSS
    - http://www.stylegala.com/archive
    - http://www.thecssgallerylist.com
    - http://www.professionalontheweb.com/css-website
    - http://www.css-website.com
    - http://www.cssbeauty.com
    - http://www.thecssgallerylist.com
    - http://www.csswebsite.net

    دوستان عزیز، محبت بفرمایید سایت های مورد نظر خود را به این لیست اضافه نمایید.
    پاینده باشید.
     
    نوشته شده توسط echessdesign در ‏15 دسامبر 2008
    PedramKarimi، mamadcss و Mohammadali. از این ارسال تشکر کرده اند.
  19. Meli0098

    Meli0098 New Member

    ارسال‌ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام دوستان
    برطرف کردن ارور های Css تو سئو سایت اهمیت زیادی داره؟
     
    نوشته شده توسط Meli0098 در ‏15 فوریه 2014
  20. asheri

    asheri Member

    ارسال‌ها:
    159
    تشکر شده:
    38
    امتیاز دستاورد:
    16
    بسیار پر اهمیت است دوست عزیز
    چون عملکرد cssها بر روی سرعت و ظاهر سایت شما تاثیر مستقیم دارد .
     
    نوشته شده توسط asheri در ‏15 فوریه 2014

به اشتراک بگذارید