css حرفه ای

نگاشته شده به تاریخ ۵ شهریور ۱۳۸۶ در موضوع css, اینترنت | ۷ دیدگاه

امروزه کاربرد CSS در طراحی وب چنان گسترده و پررونق است که نیاز به برنامه های کمکی برای کدنویسی و ویرایش فایل‌های css کاملا محسوس است. در این بین برنامه های متعددی تولید و عرضه شده‌اند که هر کدام معایب و محاسن خاص خود را دارند. هرچند کد نویسی css به نظر ساده و سهل می‌آید، اما نیاز به برخی ملزومات و امکانات در کنار کدنویسی باعث شده کاربرانش به سمت برنامه‌های ویرایشی و کتابخانه‌‌ای کشیده شوند. بر حسب نیاز در این مدت چند برنامه‌ی Css Editor را مورد استفاده قرار دادم. که در بین آنها برنامه‌ای به نام Style Master بسیار نظرم را جلب کرد. به خصوص که امکانات مفصل و قابل قبولی را در حیطه کد نویسی css فراهم کرده است. در مورد امکانات نرم افزار Style Master به هفت شاخص آن اشاره می‌کنم:

۱- لیست دستورات: تمامی دستورات و کدهای نوشته شده در فایل css‌ را لیست می‌کند. نکته جالبش این است که برخی دستورات کلی و تو در تو را با تغییر رنگ ممیز کرده است.

۲- برگه کد نویسی: در این قسمت می‌توان به راحتی و بصورت دستی کد نویسی کرد. کاراکترها و دستورات به تفکیک رنگ مشخص شده‌اند. متاسفانه دستورات در این محل به صورت (drop-down) مانند برنامه Dreamweaver نمایش داده نمی‌شوند. اما ویژگی جالب آن غلط یابی کد نویسی است که دستورات ناقص یا اشتباهی را که ممکن است در تایپ دستی رخ دهد با رنگ قرمز مشخص می‌کند.

۳- نمایش زنده: css‌ نوشته شده به صورت آنی در این بخش قابل رویت است. و نیازی به لود Tab جداگانه‌ای مانند Design view نمی‌باشد.

۴- خصوصیات: مهم ترین بخش برنامه Style Master است که دستورات را لیست کرده و کار را برای افرادی چون من! که حال کد نویسی دستی ندارند راحت می‌کند. به نوعی Wizard متصل به کتابخانه دستورات css است که تمامی مشخصات و خصوصیات را قابل تعیین می‌نماید.

۵- پشتیبانی از مرورگرها: این بخش منحصر بفردترین قسمت برنامه است. در این بخش کد، دستور یا تمام فایل css مورد بررسی قرار گرفته و امکان پشتیبانی و اجرا شدن آن در مرورگرهای گوناگون مشخص می‌گردد. مرورگرهایی مانند IE, Firefox, Opera, Mozilla, Safari, Netscape. دو گزینه هم در نظر گرفته شده که در صورت تایید کد یا امکان بروز مشکل در مرورگر توضیحات مربوطه را ارئه می‌دهد.

۶- نمایش در مرورگر:  این گزینه می‌تواند با مشخص کردن مسیر فایل اجرایی مرورگرها و در صورت نصب آنها روی کامپیوتر صفحات حاوی css را در مرورگر مربوطه نمایش دهد.

۷- و بالاخره مرجع css به صورت کتابخانه‌ی دستورات به همراه توضیحات مفصل در دو بخش اطلاعات دستور و قابلیت‌های دستور در دسترس است.

امکانات بسیار دیگری نیز برای لذت بردن از کار با css در برنامه Style Master عرضه شده است. با این اوصاف بر طراحان وب واجب است که این برنامه را برای آزمایش هم که شده دریافت و در مدت ۳۰ روزه نسخه دموی آن را ملاحظه و مکاشفه نمایند!

Share
‌برچسب‌ها:  
  1. ۵ شهریور ۱۳۸۶ در ۲۳:۲۲ | #1

    سلام! من هم به شدت دنبال یک css editor خوب که کار باهاش راحت باشه می گردم.مرسی بابت معرفیت ولی حیف که اپن سورس نیست! :(

  2. ۷ شهریور ۱۳۸۶ در ۱۲:۴۵ | #2

    من برای ویرایش، Notpad++ رو پیشنهاد می کنم.

  3. ۱۱ شهریور ۱۳۸۶ در ۰۷:۰۴ | #3

    اما خداییش هیچی کدنویسی دستی نمی‌شه!

  4. zigoorat
    ۷ فروردین ۱۳۸۷ در ۲۰:۰۰ | #4

    salam.matalebetn khob va taze hast.ama man daneshjoo hastam.to daneshgah ya chizi balad nistan ya age baladan behet yad nemidan.man ro ham ferestadan ta az tarighe internet css nevisiro yad begiram.ta akhare tatilate sale no ham bishtar vaght nadaram.u mitonin rahnamaim konid?
    ba tashakor.

  5. ۸ فروردین ۱۳۸۷ در ۰۵:۱۸ | #5

    @ zigoorat

    والا عرض شود که من خودم هم تازه کارم. دو سال بیشتر نیست که css رو شناختم. اصولا css چیز سختی نداره و فقط باید تمرین کنی. شما بهترین توتاریال و مرجعی که میتونی ببینی اینجاست:
    http://www.w3schools.com/css/default.asp

    همینطور میتونی کتاب فارسی۱۰۱ نکته درمورد css‌ نوشته امیرعباس عبدالعلی انتشارات ناقوس اندیشه رو بخونی. دیدت رو گسترش میده!

    همینطور باید چند تا از سایت هایی رو که با css طراحی شدند ببینی و بعد کدهاش رو بررسی کنی. مثلا سایت http://www.csszengarden.com/

    و دست آخر برای شروع بهتره از برنامه هایی استفاده کنی که خودشون css library دارند. یعنی شما مثلا از همین برنامه style master یا dreamweaver یا Microsoft Expression Web استفاده کن که لازم نیست همه کد رو بنویسی. برنامه بهت پیشنهاد میده که کدوم کد رو کجا باید نوشت. اینم خیلی کمکت میکنه.

    برای حل مشکل هم بهتره از انجمن های persiantools کمک بگیری. هر سوالی داشتی اونجا مطرح کن در بخش css تا بهت جواب داده بشه.

    امیدوارم این موارد به دردت بخوره. موفق باشی.

  6. ۱۶ اردیبهشت ۱۳۸۸ در ۰۷:۳۷ | #6

    من به صورت دستی با نت پد(++) خیلی بیشتر حل میکنم تا با این نرم افزارها!

  7. ۱۶ اردیبهشت ۱۳۸۸ در ۰۷:۳۸ | #7

    ببخشید حل را به حال تغییر بدهید در نظر قبلیم!

دیدگاه ها مسدود است.