Difference between revisions of "About CSS page layouts/id"

From Joomla! Documentation

(Created page with "Category:Templates/id Category:CSS/id")
(Updating to match new version of source page)
 
(18 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
{{delete|This page is orphaned. The information, while relevant and well written, might be better placed elsewhere like https://docs.joomla.org/More_advanced_Joomla!_templates, rather than being an article on its own.}}
 
<noinclude><languages /></noinclude>
 
<noinclude><languages /></noinclude>
Situs web profesional memisahkan gaya dari konten. Ada banyak alasan mengapa, yang paling utama (bagi seorang pengembang) adalah jadi lebih dapat mengendalikan tampilan banyak halaman dengan mengganti satu berkas. Informasi gaya termasuk: huruf; gambar latar; gambar (yang muncul berulang di setiap halaman); posisi dan dimensi elemen-elemen halaman. Berkas HTML Anda sekarang tinggal: informasi header; kumpulan elemen; teks situs web Anda. Karena Anda membuat templat Joomla!, maka Anda sebenarnya punya: beberapa informasi header; kode php untuk meminta informasi header yang lainnya; kumpulan elemen; kode php untuk meminta masing-masing posisi modul; kode php untuk meminta konten utama.
+
Semua situs web profesional memisahkan penggayaan dari kontennya. Terdapat banyak alasan mengapa, tapi yang paling utama (bagi seorang pengembang) adalah kemampuannya untuk mengontrol tampilan laman 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 dikode dalam CSS, cascading style sheet, dan biasanya disimpan di dalam berkas berekstensi .css. Sebuah halaman web mengandung tautan ke berkas .css yang terkait sehingga peramban bisa menemukan informasi gaya yang sesuai untuk diterapkan ke halaman. CSS juga bisa diletakkan di dalam sebuah berkas html diantara 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 apa yang sesuai diterapkan ke laman. CSS juga dapat ditempatkan di luar berkas HTML 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 HTML/XML laman. Bila Anda menginginkan sebuah gaya mempengarui keseluruhan laman, maka biasanya kode CSS ditempatkan di dalam elemen <tt><nowiki><body></nowiki></tt>. Anda juga dapat menerapkan gaya-gaya ke elemen HTML apapun seperti elemen <tt><nowiki><p></nowiki></tt>, <tt><nowiki><table></nowiki></tt> atau <tt><nowiki><div></nowiki></tt>. Untuk hanya menggayakan suatu elemen tertentu saja, maka ia perlu sebuah ID. Contoh, untuk menerapkan gaya ''title'' ke <tt><nowiki><div></nowiki></tt>, maka Anda harus menuliskan sebuah ID di dalam HTML-nya - <tt><nowiki><div ID="title"></nowiki></tt>.
  
 
<noinclude>
 
<noinclude>

Latest revision as of 06:08, 17 October 2020

Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: This page is orphaned. The information, while relevant and well written, might be better placed elsewhere like https://docs.joomla.org/More_advanced_Joomla!_templates, rather than being an article on its own.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Sat, 17 Oct 2020 06:08:32 +0000


Semua situs web profesional memisahkan penggayaan dari kontennya. Terdapat banyak alasan mengapa, tapi yang paling utama (bagi seorang pengembang) adalah kemampuannya untuk mengontrol tampilan laman 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 apa yang sesuai diterapkan ke laman. CSS juga dapat ditempatkan di luar berkas HTML di dalam tagar <style type="text/css"></style>.

Semua kode CSS diterapkan ke sebuah elemen HTML/XML laman. Bila Anda menginginkan sebuah gaya mempengarui keseluruhan laman, maka biasanya kode CSS ditempatkan di dalam elemen <body>. Anda juga dapat menerapkan gaya-gaya ke elemen HTML apapun seperti elemen <p>, <table> atau <div>. Untuk hanya menggayakan suatu elemen tertentu saja, maka ia perlu sebuah ID. Contoh, untuk menerapkan gaya title ke <div>, maka Anda harus menuliskan sebuah ID di dalam HTML-nya - <div ID="title">.