Tampilan dan nuansa, atau "gaya" suatu situs web ditentukan oleh CSS (Cascading Style Sheets). Ini adalah file yang akan Anda tambahkan ke direktori situs web Anda yang akan berisi berbagai aturan CSS yang membuat desain visual dan tata letak halaman Anda.
Meskipun situs dapat menggunakan, dan sering kali, menggunakan beberapa lembar gaya, tidak perlu melakukannya. Anda dapat menempatkan semua aturan CSS Anda ke dalam satu file, dan sebenarnya ada manfaat untuk melakukannya, termasuk waktu buka dan kinerja halaman yang lebih cepat karena mereka tidak perlu mengambil banyak file. Meskipun sangat besar, situs perusahaan mungkin memerlukan lembar gaya terpisah pada waktu tertentu, banyak situs kecil hingga menengah dapat berfungsi dengan baik hanya dengan satu file. Ini adalah apa yang saya gunakan untuk sebagian besar pekerjaan desain web saya - satu file CSS dengan semua aturan yang diperlukan halaman saya. Jadi pertanyaannya sekarang menjadi - apa yang harus Anda beri nama file CSS ini?
Menentukan Dasar-Dasar Konvensi
Ketika Anda membuat style sheet eksternal untuk halaman web Anda, Anda harus memberi nama file berikut konvensi penamaan yang sama untuk file HTML Anda:
Jangan Gunakan Karakter Khusus
Anda hanya harus menggunakan huruf az, angka 0-9, garis bawah (_), dan tanda hubung (-) dalam nama file CSS Anda. Meskipun sistem file Anda memungkinkan Anda untuk membuat file dengan karakter lain di dalamnya, OS server Anda mungkin memiliki masalah dengan karakter khusus. Anda lebih aman menggunakan hanya karakter yang disebutkan di sini. Lagi pula, bahkan jika server Anda memungkinkan untuk karakter khusus, itu tidak mungkin terjadi jika Anda memutuskan untuk memindahkan penyedia hosting di masa depan.
Jangan Gunakan Spasi
Sama seperti dengan karakter khusus, spasi dapat menyebabkan masalah pada server web Anda. Merupakan ide yang baik untuk menghindari mereka dalam nama file Anda. Saya bahkan membuat sebuah titik untuk nama file seperti PDF menggunakan konvensi yang sama ini, kalau-kalau saya perlu menambahkannya ke situs web. Jika Anda merasa perlu ruang untuk membuat nama file lebih mudah dibaca, pilihlah tanda hubung atau garis bawah sebagai gantinya. Sebagai contoh, daripada menggunakan "ini adalah file.pdf" Saya akan menggunakan "this-is-the-file.pdf".
Nama File Harus Mulai Dengan Huruf
Meskipun ini bukan persyaratan mutlak, beberapa sistem mengalami masalah dengan nama file yang tidak dimulai dengan huruf. Misalnya, jika Anda memilih untuk memulai file Anda dengan karakter angka, ini dapat menyebabkan masalah.
Gunakan Semua Huruf Kecil
Meskipun ini tidak diperlukan untuk nama file, itu ide yang baik, karena beberapa server web adalah case sensitif, dan jika Anda lupa dan referensi file dalam kasus yang berbeda, itu tidak akan memuat. Dalam karya saya sendiri, saya menggunakan huruf kecil untuk setiap nama file. Saya benar-benar menemukan ini menjadi sesuatu yang banyak perancang web baru berjuang untuk diingat untuk dilakukan. Tindakan standar mereka saat menamai file adalah dengan mengkapitalkan karakter pertama dari nama tersebut. Hindari ini dan biasakan karakter huruf kecil saja.
Pertahankan Nama File Sesingkat Mungkin
Meskipun ada batasan ukuran nama file di sebagian besar sistem operasi, itu jauh lebih lama daripada yang wajar untuk nama file CSS. Aturan praktis yang baik tidak lebih dari 20 karakter untuk nama file tidak termasuk ekstensi. Secara realistis, apa pun yang lebih lama dari itu adalah berat untuk bekerja dengan dan link to anyway!
Bagian Paling Penting dari Nama File CSS Anda
Bagian terpenting dari nama file CSS bukanlah nama file itu sendiri, tetapi ekstensi. Ekstensi tidak diperlukan pada sistem Macintosh dan Linux, tetapi itu adalah ide yang baik untuk menyertakan satu saja ketika menulis file CSS. Dengan begitu Anda akan selalu tahu bahwa itu adalah lembar gaya dan tidak harus membuka file untuk menentukan apa itu di masa depan.
Ini mungkin bukan kejutan besar, tetapi ekstensi pada file CSS Anda seharusnya:
.cssKonvensi Penamaan File CSS
Jika Anda hanya akan memiliki satu file CSS di situs, Anda dapat menamainya apa pun yang Anda suka. Saya lebih suka:
styles.css atau default.cssKarena sebagian besar situs tempat saya bekerja menyertakan satu file CSS, nama-nama ini bekerja dengan baik untuk saya.
Jika situs web Anda akan menggunakan beberapa file CSS, beri nama style sheet setelah fungsi mereka sehingga jelas apa tujuan dari setiap file. Karena halaman Web dapat memiliki beberapa lembar gaya yang melekat padanya, akan membantu membagi gaya Anda ke dalam lembaran yang berbeda tergantung pada fungsi lembar itu dan gaya di dalamnya. Sebagai contoh:
- Layout vs Design layout.css design.css
- Halaman bagian main.css nav.css
- Seluruh situs dengan sub-bagian mainstyles.css subpage.css
Jika situs web Anda menggunakan kerangka kerja sejenis, Anda mungkin akan memperhatikan bahwa ia menggunakan beberapa file CSS, masing-masing didedikasikan untuk bagian yang berbeda dari halaman atau aspek situs (tipografi, warna, tata letak, dll.).
Artikel asli oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 9/5/17