Difference between revisions of "About CSS page layouts/id"
From Joomla! Documentation
| Line 2: | Line 2: | ||
Semua situs web profesional memisahkan penggayaan dari kontennya. Terdapat banyak alasan mengapa, tapi yang paling utama (bagi seorang pengembang) adalah kemampuannya untuk mengontrol tampilan dari banyak laman hanya dengan merubah satu berkas saja. Informasi yang terkandung di dalamnya seperti, huruf, latar belakang, gambar-gambar (yang muncul pada setiap laman), posisi dan ukuran suatu elemen pada laman. Dengan begitu maka berkas HTML akan menyisakan, informasi kepala laman, sekumpulan elemen, dan tulisan dari situs web Anda. Karena Anda membuat sebuah templat Joomla, maka pada dasarnya Anda memiliki, informasi kepala laman, kode php untuk memanggil informasi-informasi kepala laman lainnya, sekumpulan elemen, kode php yang memanggil setiap posisi modul, dan kode php yang memanggil konten utamanya. | Semua situs web profesional memisahkan penggayaan dari kontennya. Terdapat banyak alasan mengapa, tapi yang paling utama (bagi seorang pengembang) adalah kemampuannya untuk mengontrol tampilan dari banyak laman hanya dengan merubah satu berkas saja. Informasi yang terkandung di dalamnya seperti, huruf, latar belakang, gambar-gambar (yang muncul pada setiap laman), posisi dan ukuran suatu elemen pada laman. Dengan begitu maka berkas HTML akan menyisakan, informasi kepala laman, sekumpulan elemen, dan tulisan dari situs web Anda. Karena Anda membuat sebuah templat Joomla, maka pada dasarnya Anda memiliki, informasi kepala laman, kode php untuk memanggil informasi-informasi kepala laman lainnya, sekumpulan elemen, kode php yang memanggil setiap posisi modul, dan kode php yang memanggil konten utamanya. | ||
| − | Informasi gaya dibuat dalam kode CSS, ''cascading style sheet'', dan biasa disimpan di dalam berkas-berkas yang berekstensi <tt>.css</tt>. Sebuah laman web mengandung tautan ke berkas <tt>.css</tt> terkait sehingga browser dapat menemukan informasi gaya yang sesuai untuk diterapkan ke laman. CSS juga dapat ditempatkan di luar berkas HTML diantara di dalam tagar style type="text/css"></style>. | + | Informasi gaya dibuat dalam kode CSS, ''cascading style sheet'', dan biasa disimpan di dalam berkas-berkas yang berekstensi <tt>.css</tt>. Sebuah laman web mengandung tautan ke berkas <tt>.css</tt> terkait sehingga browser dapat menemukan informasi gaya yang sesuai untuk diterapkan ke laman. CSS juga dapat ditempatkan di luar berkas HTML diantara di dalam tagar <tt><nowiki><style type="text/css"></style></nowiki></tt>. |
Semua kode CSS diterapkan ke sebuah elemen halaman html/xml. Jika Anda ingin sebuah gaya mencakup keseluruhan halaman, maka Anda bisa menerapkannya ke elemen <body>. Anda dapat terapkan gaya ke elemen html apapun misalnya elemen <nowiki><p></nowiki>, <nowiki><table></nowiki> atau <nowiki><div></nowiki>. Untuk memberi gaya kepada elemen tertentu diperlukan sebuah ID. Sebagai contoh, untuk menerapkan gaya ke <nowiki><div></nowiki> yang mengandung judul, pertama kali Anda harus memasukkan ID di html - <nowiki><div ID="title"></nowiki>. | Semua kode CSS diterapkan ke sebuah elemen halaman html/xml. Jika Anda ingin sebuah gaya mencakup keseluruhan halaman, maka Anda bisa menerapkannya ke elemen <body>. Anda dapat terapkan gaya ke elemen html apapun misalnya elemen <nowiki><p></nowiki>, <nowiki><table></nowiki> atau <nowiki><div></nowiki>. Untuk memberi gaya kepada elemen tertentu diperlukan sebuah ID. Sebagai contoh, untuk menerapkan gaya ke <nowiki><div></nowiki> yang mengandung judul, pertama kali Anda harus memasukkan ID di html - <nowiki><div ID="title"></nowiki>. | ||
Revision as of 00:59, 17 December 2016
Semua situs web profesional memisahkan penggayaan dari kontennya. Terdapat banyak alasan mengapa, tapi yang paling utama (bagi seorang pengembang) adalah kemampuannya untuk mengontrol tampilan dari banyak laman hanya dengan merubah satu berkas saja. Informasi yang terkandung di dalamnya seperti, huruf, latar belakang, gambar-gambar (yang muncul pada setiap laman), posisi dan ukuran suatu elemen pada laman. Dengan begitu maka berkas HTML akan menyisakan, informasi kepala laman, sekumpulan elemen, dan tulisan dari situs web Anda. Karena Anda membuat sebuah templat Joomla, maka pada dasarnya Anda memiliki, informasi kepala laman, kode php untuk memanggil informasi-informasi kepala laman lainnya, sekumpulan elemen, kode php yang memanggil setiap posisi modul, dan kode php yang memanggil konten utamanya.
Informasi gaya dibuat dalam kode CSS, cascading style sheet, dan biasa disimpan di dalam berkas-berkas yang berekstensi .css. Sebuah laman web mengandung tautan ke berkas .css terkait sehingga browser dapat menemukan informasi gaya yang sesuai untuk diterapkan ke laman. CSS juga dapat ditempatkan di luar berkas HTML diantara di dalam tagar <style type="text/css"></style>.
Semua kode CSS diterapkan ke sebuah elemen halaman html/xml. Jika Anda ingin sebuah gaya mencakup keseluruhan halaman, maka Anda bisa menerapkannya ke elemen <body>. Anda dapat terapkan gaya ke elemen html apapun misalnya elemen <p>, <table> atau <div>. Untuk memberi gaya kepada elemen tertentu diperlukan sebuah ID. Sebagai contoh, untuk menerapkan gaya ke <div> yang mengandung judul, pertama kali Anda harus memasukkan ID di html - <div ID="title">.