Nggawe pengalaman aplikasi ing situs web sampeyan
Dynamic HTML (DHTML) ngidini sampeyan nggawe pengalaman aplikasi ing situs web sampeyan, ngurangi frekuensi sing kabeh kaca kudu dimuat kanthi lengkap. Ing aplikasi, nalika sampeyan ngeklik apa-apa, aplikasi kasebut langsung diganti kanggo nuduhake yen isi tartamtu utawa kanggo menehi sampeyan jawaban sampeyan.
Ing kontras, kaca web biasane kudu diisi maneh, utawa kabeh kaca anyar kudu dimuat. Iki bisa nggawe pengalaman panganggo liyane. Pelanggan sampeyan kudu ngenteni kaca pisanan supaya diundhuh lan banjur enteni maneh kanggo kaca sing kapindho, lan sateruse.
Nggunakake & lt; div & gt; kanggo nambah pangalaman Viewer
Nggunakake DHTML, salah siji cara sing paling gampang kanggo ngapikake pengalaman iki yaiku ndhelikake unsur-unsur div lan mateni kanggo nampilake isi nalika diwajibake. A unsur div nemtokake bagean logis ing kaca web sampeyan. Coba div minangka kothak sing bisa ngemot paragraf, judhul, pranala, gambar, lan malah div liyane.
Apa Sampeyan Bakal Perlu
Kanggo nggawe div sing bisa diuripake lan mateni, sampeyan mbutuhake ing ngisor iki:
- Tautan kanggo ngontrol div kanthi nguripake lan mateni nalika diklik
- Div kanggo nuduhake lan ndhelikake
- CSS kanggo nampilake div sing kasedhiya utawa katon
- JavaScript kanggo nindakake aksi kasebut
Link Kontrol
Link kontrol minangka bagean paling gampang. Cukup nggawe pranala kaya sampeyan menyang kaca liya. Saiki, ninggalake href attribute kosong.
Sinau HTMLSelehake iki ing ngendi wae ing kaca web sampeyan.
Div kanggo nuduhake lan ndhelikake
Gawe elemen div sing pengin dituduhake lan diselehake. Priksa manawa div sampeyan nduwe id unik. Contone, id unik yaiku sinau HTML .
Iki minangka kolom isi. Wiwit metu kothong kajaba kanggo teks panjelasan iki. Pilih apa sing pengin sampeyan sinau ing kolom pandhu arah ing sisih kiwa. Teks bakal katon ing ngisor iki: p> Nggawe rong kelas kanggo CSS sampeyan: siji kanggo ndhelikake div lan liyane kanggo nuduhake. Sampeyan duwe opsi loro iki: tampilan lan visibilitas. Tampilan mbusak div saka aliran kaca, lan visibilitas mung ngganti cara ndeleng. Sawetara coders seneng tampilan , nanging kadhangkala visibilitas ndadekake pangertèn uga. Tuladhane: Yen sampeyan pengin nggunakake visibilitas, banjur ganti kelas kasebut menyang: Nambah kelas sing didhelikake menyang div supaya wiwit minangka didhelikake ing kaca: Kabeh script iki ora katon ing kelas saiki ing div lan toggles kanggo unhidden yen wis ditandhani minangka didhelikake utawa kosok balene. Iki mung sawetara baris JavaScript. Selehake ing ngisor isi dokumen HTML (sadurunge tag Learn HTML h3>
CSS kanggo Nuduhake lan Singidaken Div
JavaScript kanggo Sampeyan