Banyak yang telah lama menikmatinya, tetapi seringkali hanya untuk mengedit file CSS. Saya menggunakannya sebagai utama saya Html-protector. (Ini tentang versi pro.) Saat membuat tata letak halaman.

Alat

Ada banyak editor HTML (profesional) yang berbeda pada platform Win, dan pilih "Sistem Pilihan" tidak mudah. Saya menulis kode secara manual, jadi WYSIWYG-Prottor tidak pernah tertarik pada saya. Pengecualian hanyalah dreamweaver terakhir, yang saya gunakan untuk membuat tabel kompleks.

Saya menggunakan homesite untuk waktu yang lama (dalam bundel dengan topstyle lite), tetapi belum berkembang untuk waktu yang lama - penulisnya Nick Bradbury sekarang bertunangan dalam mengembangkan topstyle. Karena itu, pada suatu waktu, saya memutuskan untuk mencoba gagasan barunya.

Apa yang dia bisa

Pertama-tama, Editor Topstyle tentu saja mengedit CSS. Namun, versi yang lebih tua (berbayar) sangat cocok untuk tata letak XHTML.

Editor memiliki sorotan kustom tag (bahkan penggantian otomatis atribut kelas dan IDS dari file gaya), fungsi validasi bawaan (menggunakan Validator W3C atau CSE yang diunduh). Secara umum, hampir semua sebagai sisa editor normal. Tetapi dia memiliki karakteristiknya sendiri yang membuat situs menggunakan CSS sangat nyaman.

Misalnya, ia tahu cara membangun laporan tentang kelas bekas, yaitu, itu menunjukkan kelas mana yang digunakan, dan kelas mana yang umumnya "hilang" (lihat gambar), I.E. tidak digunakan di mana saja di situs.

Topstyle memiliki mekanisme pratinjau yang sangat baik: Anda dapat mengkonfigurasinya sehingga perubahan dalam file CSS terpisah ditampilkan pada contoh yang Anda butuhkan file HTML.. Yaitu, mengedit satu file, melihat perubahan pada yang lain! Dan semua ini di dua mesin (Mozilla dan IE), dan bahkan dengan kemungkinan tugas siapa saja Ukuran jendela - setidaknya 6000 × 3000 piksel.

Editor memiliki fungsi dokumen lama "menyisir" di mana desain dibuat dalam atribut HTML, serta ekspor aturan CSS untuk berbagai browser / versi CSS.

Topstyle membangun pohon pemilih yang sangat nyaman, menghilangkan Anda dari kebutuhan untuk mengatur elemen secara manual dalam urutan abjad. Di pohon ini, semua aturan untuk elemen bersih ditampilkan terlebih dahulu, kemudian kelas, dan kemudian ID.

Tentu saja, saya tidak lagi berpikir untuk bekerja tanpa panel inspektur gaya, yang jauh lebih nyaman daripada solusi serupa dalam dreamweaver apa pun. Ini memungkinkan Anda untuk melakukan operasi rutin dengan sangat cepat - seperti memilih font yang diinginkan, warna, dll.
Pada saat yang sama, tingkat kompatibilitas dengan browser yang berbeda ditampilkan dengan jelas untuk setiap aturan.

Salah satu fitur paling nyaman: palet warna berbasis CSS - semua warna Anda di satu tempat. Sekarang Anda tidak perlu menulis warna di awal dokumen atau terus-menerus merangkak mencari yang tepat.
Plus, kemampuan untuk mengurutkan dan menggantinya secara besar-besaran, misalnya, untuk membuat semua warna lebih gelap (meskipun saya pribadi tidak pernah menggunakannya).

Selain itu, sangat nyaman untuk memformat gaya: misalnya, menarik semua aturan dalam satu baris untuk menghemat lalu lintas, dan jika perlu, temukan sesuatu untuk kembali ke keadaan awal (dengan setoran dan transfer).

Umumnya, fitur yang berguna Banyak dan tanpa kelebihan, seperti html-kit, misalnya. Tidak ada panel insert tag, tetapi ada kemungkinan untuk mengkonfigurasi banyak untuk diri sendiri. Misalnya, saya meresepkan tombol panas ke bungkus teks di tag h1 ... H4 dengan menekan Ctrl-1 ... Ctrl-4. Dan Anda dapat menentukan kombinasi apa pun.

Kesimpulan

Secara umum, semua orang lain tidak menggunakan topstyle pro - pergi dan ayunkannya dari situs web pabrikan.

Program ini tidak murah - dijual seharga $ 80, tetapi itu sepadan. Tata letak sesuai dengan standar akan jauh lebih menyenangkan. Pada akhirnya, minta bos Anda untuk membeli alat normal!

Topstyle - Editor Cascading Style Sheets (CSS), ditulis oleh Nick Bradbury, Pencipta Homesite. Topstyle berisi semua yang Anda butuhkan untuk membuat tabel gaya, benar ke semua browser. Port dengan mudah ke editor HTML Anda dan digunakan secara default pada level sistem untuk semua file dengan ekstensi. CSSS. Sangat diperlukan untuk membuat dan mendukung proyek-proyek besar. Misalnya, fitur Link Wizard memungkinkan Anda untuk menautkan semua halaman proyek dengan file gaya yang akan dibuat oleh program. Anda hanya perlu menentukan tempat di mana semua halaman halaman disimpan. Anda dapat menandai dua fitur lain yang berguna dari pemutar gaya paket dan gaya anak yatim. Yang pertama memungkinkan Anda untuk memeriksa kesalahan file CSS, halaman situs pemirsa kedua yang ada untuk gaya "hilang". Jika Anda bingung dalam gaya Anda dan di halaman HTML ada multilayer overlay berbagai font dan solusi warna, toptyle dapat menghapus semua tag font intra-blok dan menggantinya dengan satu gaya cascading. Dan ini hanya sebagian kecil dari apa yang bisa dilakukan oleh program topstyle.

Diproduksi dalam dua versi:
Gaya top. Ringan. - Versi gratis dan disederhanakan
Gaya top. Pro. - Lengkapi () versi dengan banyak fungsi tambahan.

Komentar dan Diskusi Anda tentang Program TopStyle Pro

Sebelumnya, ketika tidak ada CSS, perancang harus secara manual meresepkan tag header . Itu sangat menyakitkan, dan kemudian CSS datang, yang sangat memfasilitasi kehidupan desainer web. CSS memungkinkan Anda untuk menentukan semua gaya untuk situs Anda dalam satu file (atau beberapa, sesuai kebijaksanaan Anda). Ini memungkinkan Anda untuk menghemat waktu dan membuat kode lebih fleksibel.

Tetapi mengapa kita membutuhkan editor CSS? Setiap administrasi teknologi baru Ini memiliki dua sisi medali, dalam CSS yang muncul pada dukungan beberapa properti CSS di browser IE. Dan perancang web harus menemukan hack untuk memperbaiki tampilan di browser IE.

Editor CSS membantu menulis kode lebih cepat dan menghindari beberapa kesalahan.

1. Stylizer.

Stylizer adalah editor CSS.yang memungkinkan Anda untuk mengedit CSS dan melihat perubahan dalam waktu nyata. Anda cukup memasukkan alamat halaman web dan di sebelah kiri akan melihat halaman web, dan pada kode CSS kanan yang dapat diubah dan berubah akan terlihat di sebelah kiri. Anda dapat mengubah properti secara manual, resep dan menggunakan tombol Editor WYSIWYG.

Ubah warna teks juga dapat secara dinamis. Ketika perubahan warna, spektrum warna muncul, mirip dengan yang ada di Adobe Photoshop.

Dalam editor ini, tidak mungkin untuk membuat kesalahan, karena editor itu sendiri akan memeriksa nilai-nilai yang Anda masukkan.

2. Topstyle.

Editor Topstyle menunjukkan gaya yang didukung browser firefox., Yaitu, safari dan bahkan iOS 2.0. Fitur ini Dapat diterapkan dengan desain desain lintas platform.

Salah satu fungsi berguna dari editor ini adalah inspektur yang memungkinkan Anda untuk menambahkan CSS dengan satu klik, yang akan menghemat waktu dan kekuatan dengan hutang dan pengkodean yang membosankan.

Selain itu, editor ini memungkinkan Anda untuk melihat kompatibilitas properti CSS di browser, yang sangat berguna saat menulis kode untuk browser IE.

3. Gaya Gaya.

Seperti yang dideklarasikan pengembang, Gaya Master adalah editor yang dapat digunakan pada tingkat pengetahuan CSS. Dalam program ini, Anda dapat menggunakan tidak hanya editor WYSIWYG, tetapi juga untuk menulis kode secara manual (akan sangat aneh jika tidak demikian :)), dengan menyoroti setiap properti, untuk pengembang yang lebih berpengalaman.

Mungkin keuntungan terbesar dari editor ini adalah pola gaya siap pakai. Ini memiliki sekitar 20 template, terorganisir dengan benar, yang memungkinkan Anda untuk dengan cepat dan mudah menulis gaya untuk situs.

4. Editor CSS Rapid

Editor Rapid CSS adalah program yang nyaman dan mudah faktur untuk mengedit File css.. Dia punya editor Teks Dengan sintaks menyoroti, konverter kode dan lainnya.

Dengan editor ini, Anda dapat menghapus formulir tabel gaya Anda dengan cara Anda sendiri. Validator kode bawaan akan berisi lembar gaya tidak hanya bersih, tetapi juga melindungi dari kesalahan CSS.

5. CSSEdit 3.

Segera saya akan mengatakan bahwa editor ini hanya mendukung Mac OS. Editor memiliki desain yang indahTetapi itu tidak ditujukan untuk pengguna pemula. Juga editor data memungkinkan Anda melihat perubahan secara dinamis, secara real time.

Peluang yang menarik untuk editor ini adalah Anda dapat menggambarkan properti dalam bahasa Inggris sederhana (pemilih telah dibuat untuk ini). Untuk pemula, fungsi ini akan cukup menarik.

6. ENGINSITE CSS Editor

Jika Anda seorang desainer web yang serius yang menangani penulisan CSS yang benar, properti yang benar, tetapi Anda akan menyukai editor ini.

Dalam editor ini, Anda dapat menambahkan kelas atau pengidentifikasi menggunakan fitur bawaan, dan juga dimungkinkan untuk mengkonversi warna dari hex (format heksadesimal) di RGB, yang merupakan kelangkaan untuk editor.

Juga di editor ada fungsi konfigurasi kode.

7. Pembuat bergaya

Editor CSS Standar yang memungkinkan Anda menginstal font, warna, margin, batas, dan properti lainnya.