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 dengan semua aturan yang diperlukan laman Anda. Ini menimbulkan pertanyaan "Apa yang harus saya beri nama file CSS ini"? "
Menentukan Dasar-Dasar Konvensi
Ketika Anda membuat lembar gaya 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 a-z, 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, yang mungkin tidak terjadi jika Anda memutuskan untuk pindah ke penyedia host di masa depan.
Jangan Gunakan Spasi
Sama seperti dengan karakter khusus, spasi dapat menyebabkan masalah pada server web Anda. Merupakan ide yang baik untuk menghindarinya dalam nama file Anda - Anda bahkan harus membuat poin untuk menamai file seperti PDF menggunakan konvensi yang sama ini, kalau-kalau Anda perlu menambahkannya ke situs web. Jika Anda merasa sangat membutuhkan ruang untuk membuat nama file lebih mudah dibaca, pilihlah tanda hubung atau garis bawah sebagai gantinya. Misalnya, alih-alih menggunakan "ini adalah file.pdf" gunakan "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 di telepon.
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. Menggunakan huruf kecil untuk setiap nama file selalu merupakan cara cerdas untuk pergi. Faktanya, banyak perancang web baru yang harus berjuang untuk melakukan hal ini - tindakan default mereka ketika menamai sebuah file adalah untuk mengkarakterisasi 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 daripada yang berat untuk bekerja dengan dan link ke pula.
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:
.css
Konvensi Penamaan File CSS
Jika Anda hanya akan memiliki satu file CSS di situs, Anda dapat menamainya apa pun yang Anda suka. Salah satu dari hal berikut ini lebih disukai:
styles.css atau default.css
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. desain
layout.css design.css
- Bagian Halaman
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.).
Diedit oleh Jeremy Girard
