بسیاری از آن ها از آن لذت می برند، اما اغلب فقط برای ویرایش فایل های CSS. من از آن به عنوان اصلی من استفاده می کنم html-protector (این در مورد نسخه حرفه ای) هنگام ساخت صفحات صفحات.

ابزار

بسیاری از ویراستاران HTML (حرفه ای) HTML در پلت فرم برنده وجود دارد و "سیستم انتخابی" را انتخاب کنید آسان نیست. من کد را به صورت دستی نوشتم، بنابراین WYSIWYG پروتکتان هرگز به من علاقه مند نبودند. استثنا فقط آخرین Dreamweaver است، که من برای ایجاد جداول پیچیده استفاده می کنم.

من برای مدت طولانی از خانه استفاده کردم (در یک بسته نرم افزاری با TopStyle Lite)، اما برای مدت طولانی در حال توسعه نیست - نویسنده آن نیک برادبری در حال حاضر فقط در حال توسعه TopStyle است. بنابراین، در یک زمان، من تصمیم گرفتم که شوخی جدید خود را امتحان کنم.

آنچه او می تواند

اول از همه، ویرایشگر TopStyle البته ویرایش CSS است. با این حال، نسخه قدیمی تر (پرداخت شده) او مناسب برای طرح XHTML است.

ویرایشگر دارای برجسته سفارشی از برچسب ها (حتی جایگزینی خودکار از ویژگی های کلاس و IDS از فایل سبک)، ساخته شده در توابع اعتبار سنجی ساخته شده (با استفاده از اعتبار سنجی W3C یا CSE دانلود شده). به طور کلی، تقریبا همه به عنوان بقیه سردبیران عادی. اما او دارای ویژگی های خاص خود است که سایت ها را با استفاده از CSS بسیار راحت می سازد.

به عنوان مثال، او می داند که چگونه گزارش های مربوط به کلاس های مورد استفاده را ایجاد می کند، یعنی کلاس هایی که از آنها استفاده می شود، نشان می دهد که کدام کلاس ها به طور کلی "از دست رفته" (نگاه کنید به شکل)، به عنوان مثال در سایت استفاده نمی شود.

TopStyle دارای یک مکانیسم پیش نمایش عالی است: شما می توانید آن را پیکربندی کنید تا تغییرات در یک فایل جداگانه CSS در مثال مورد نیاز شما نشان داده شود فایل HTML. یعنی ویرایش یک فایل، مشاهده تغییرات در دیگر! و همه اینها در دو موتور (موزیلا و یعنی) و حتی با امکان کار هر کسی اندازه پنجره - حداقل 6000 × 3000 پیکسل.

ویرایشگر دارای توابع "مبارزه با اسناد قدیمی" است که در آن طراحی در ویژگی های HTML ساخته شده است، و همچنین صادرات قوانین CSS برای مرورگرهای / نسخه های مختلف CSS.

TopStyle یک درخت انتخابی بسیار راحت را ایجاد می کند، شما را از نیاز به دستی ترتیب عناصر به ترتیب حروف الفبا حذف می کند. در این درخت، تمام قوانین برای عناصر تمیز اول، سپس کلاس ها، و سپس شناسه نمایش داده می شود.

البته، من دیگر از کار بدون استفاده از پنل بازرس سبک فکر نمی کنم، که بسیار راحت تر از راه حل های مشابه در هر Dreamweaver است. این اجازه می دهد تا شما را به سرعت انجام عملیات روزمره - مانند انتخاب فونت های مورد نظر، رنگ ها و غیره
در عین حال، درجه سازگاری با مرورگرهای مختلف به وضوح برای هر قانون نشان داده شده است.

یکی از راحت ترین ویژگی ها: پالت رنگ CSS - تمام رنگ های خود را در یک مکان. در حال حاضر شما نیازی به نوشتن رنگ در ابتدای سند یا به طور مداوم خزنده در جستجوی حق یک.
به علاوه، توانایی مرتب کردن و به طور گسترده آنها را جایگزین آنها، به عنوان مثال، برای ایجاد تمام رنگ ها تیره تر (اگر چه من شخصا هرگز از آن استفاده نمی کنم).

علاوه بر این، بسیار مناسب برای فرمت های سبک است: به عنوان مثال، تمام قوانین را در یک خط بکشید تا ترافیک را ذخیره کنید، و در صورت لزوم چیزی را پیدا کنید تا به حالت اولیه بازگردید (با سپرده ها و انتقال).

بطور کلی، ویژگی های مفید به عنوان مثال، بسیاری و بدون اضافه بار، مانند HTML کیت. هیچ پانل برچسب تگ وجود ندارد، اما امکان پیکربندی زیادی برای خودتان وجود دارد. به عنوان مثال، من کلید های داغ را به بسته بندی متن در برچسب ها H1 ... H4 تجویز کردم با فشار دادن CTRL-1 ... CTRL-4. و بنابراین شما می توانید هر ترکیبی را مشخص کنید.

نتیجه

به طور کلی، همه کسانی که دیگر از TopStyle Pro استفاده نمی کنند - بروید و آن را از وب سایت سازنده حرکت دهید.

این برنامه ارزان نیست - برای 80 دلار فروخته نمی شود، اما ارزشش را دارد. طرح بندی با توجه به استانداردها بسیار دلپذیر خواهد بود. در نهایت، از رئیس خود بخواهید یک ابزار عادی بخرید!

TopStyle - سردبیر ورق های سبک Cascading (CSS)، نوشته شده توسط نیک برادبری، Homesite خالق. TopStyle شامل همه چیزهایی است که شما نیاز دارید تا جداول سبک ها را ایجاد کنید، به تمام مرورگرها اصلاح کنید. به راحتی به ویرایشگر HTML خود پورت می زند و به طور پیش فرض در سطح سیستم برای تمام فایل ها با فرمت استفاده می شود. CSSS ضروری است برای ایجاد و حمایت از پروژه های بزرگ. به عنوان مثال، ویژگی Link Wizard به شما اجازه می دهد تا تمام صفحات پروژه را با یک فایل سبک که برنامه خود را ایجاد می کند، پیوند دهید. شما فقط باید مکان را مشخص کنید که تمام صفحات صفحه ذخیره می شود. شما می توانید دو ویژگی دیگر مفید دیگر از بسته های چکرز و سبک های یتیم را علامت بزنید. برای اولین بار اجازه می دهد تا هر فایل CSS را برای خطاها بررسی کنید، دومین نمایشگر صفحه نمایش های سایت موجود برای سبک های "از دست رفته". اگر شما در سبک های خود اشتباه گرفته اید و در صفحات HTML، یک پوشش چند لایه فونت و راه حل های رنگی وجود دارد، Toptyle می تواند تمام برچسب های فونت داخل بلوک را حذف کند و آنها را با یک سبک آبشار واحد جایگزین کند. و این فقط بخش کوچکی از برنامه TopStyle می تواند باشد.

تولید شده در دو نسخه:
بهترین شیوه. لایت - نسخه رایگان، ساده
بهترین شیوه. حرفه ای. - کامل () نسخه با بسیاری از توابع اضافی.

نظر شما و بحث در مورد برنامه TopStyle Pro

پیش از آن، زمانی که هیچ CSS وجود نداشت، طراح مجبور شد به صورت دستی هر برچسب هدر را تجویز کند . این بسیار دردناک بود، و سپس CSS آمد، که تا حد زیادی زندگی طراحان وب را تسهیل کرد. CSS به شما اجازه می دهد تمام سبک های سایت خود را در یک فایل (یا چندین، به صلاحدید خود) تعیین کنید. این به شما اجازه می دهد تا زمان صرفه جویی کنید و کد را انعطاف پذیر تر کنید.

اما چرا ما به سردبیران CSS نیاز داریم؟ هر اداره تکنولوژی جدید این دو طرف مدال، در CSS به نظر می رسد بر حمایت از برخی از خواص CSS در مرورگرهای IE. و بنابراین طراح وب باید هک را برای اصلاح صفحه نمایش در مرورگرهای IE پیدا کند.

سردبیران CSS کمک به نوشتن کد سریع تر و جلوگیری از اشتباهات متعدد.

1. stylizer.

استیلیزاسیون است cSS ویرایشگرکه به شما اجازه می دهد تا CSS را ویرایش کنید و تغییرات را در زمان واقعی ببینید. شما می توانید به سادگی آدرس صفحه وب را وارد کنید و در سمت چپ یک صفحه وب را ببینید، و در سمت راست کد CSS که می تواند تغییر کند و تغییرات به سمت چپ قابل مشاهده باشد. شما می توانید هر دو به صورت دستی، خواص تجویز شده و با استفاده از دکمه های ویرایشگر WYSIWYG تغییر دهید.

تغییر رنگ متن نیز می تواند به صورت پویا باشد. هنگامی که تغییر رنگ، طیف رنگی به نظر می رسد، شبیه به آن است که در Adobe Photoshop است.

در این ویرایشگر، یک خطا غیرممکن است، زیرا ویرایشگر خود ارزش هایی را که وارد می کنید را بررسی می کند.

2. TopStyle

ویرایشگر TopStyle سبکهای پشتیبانی شده را نشان می دهد مرورگر فایرفاکس.، یعنی صفری و حتی iOS 2.0. این ویژگی می تواند با طراحی طراحی متقابل پلت فرم استفاده شود.

یکی از توابع مفید این ویرایشگر یک بازرس است که به شما اجازه می دهد CSS را با یک کلیک اضافه کنید، که زمان و قدرت را با یک کدگذاری بدهی و خسته کننده صرفه جویی خواهد کرد.

همچنین، این ویرایشگر به شما امکان می دهد سازگاری خواص CSS را در مرورگر مشاهده کنید، که هنگام نوشتن کد برای مرورگر IE بسیار مفید است.

3. سبک استاد

به عنوان توسعه دهنده اعلام می شود، سبک استاد یک ویرایشگر است که می تواند در هر سطح از دانش CSS استفاده شود. در برنامه، شما می توانید نه تنها ویرایشگر WYSIWYG، بلکه همچنین برای نوشتن کد به صورت دستی استفاده کنید (بسیار عجیب و غریب خواهد بود اگر این نبود :))، با برجسته کردن هر ملک، برای توسعه دهندگان با تجربه تر.

شاید بزرگترین مزیت این ویرایشگر الگوهای سبک آماده باشد. این حدود 20 قالب دارد، به درستی سازماندهی شده است، که به شما امکان می دهد به سرعت و به راحتی سبک های خود را برای سایت بنویسید.

4. ویرایشگر سریع CSS

ویرایشگر سریع CSS یک برنامه مناسب، آسان برای فاکتور برای ویرایش است فایل های CSS. او دارد ویرایشگر متن با برجسته سازی نحو، مبدل کد و دیگران.

با استفاده از این ویرایشگر، می توانید جدول سبک خود را به صورت خود فرم دهید. اعتبار سنجی ساخته شده در کد شامل یک صفحه سبک نه تنها تمیز، بلکه از خطاهای CSS محافظت می کند.

5. CSSEDIT 3.

بلافاصله می گویم که این ویرایشگر تنها سیستم عامل مک را پشتیبانی می کند. ویرایشگر دارد طراحی زیبااما برای کاربران تازه کار در نظر گرفته نشده است. همچنین ویرایشگر داده به شما امکان می دهد تغییرات را به صورت پویا، در زمان واقعی ببینید.

یک فرصت جالب برای این ویرایشگر این است که شما می توانید اموال را در یک زبان انگلیسی ساده توصیف کنید (Selector Builder برای این ایجاد شده است). برای یک مبتدی، این تابع بسیار جالب خواهد بود.

6. Enginsite CSS Editor

اگر شما یک طراح وب جدی هستید که از نوشتن صحیح CSS مراقبت می کند، به درستی میزبانی خواص، اما شما این سردبیر را دوست دارید.

در این ویرایشگر، شما می توانید یک کلاس یا شناسه را با استفاده از ویژگی های داخلی اضافه کنید، و همچنین ممکن است رنگ را از Hex (فرمت هگزادسیمال) در RGB تبدیل کنید، که نادرست برای سردبیران است.

همچنین در ویرایشگر یک تابع پیکربندی کد وجود دارد.

7. ساز شیک

ویرایشگر استاندارد CSS که به شما امکان می دهد فونت، رنگ، حاشیه، مرز و سایر خواص را نصب کنید.