Oħloq esperjenza ta 'applikazzjoni ta' stil fuq il-websajts tiegħek
Dynamic HTML (DHTML) jippermettilek li toħloq esperjenza ta 'stil ta' applikazzjoni fuq il-websajts tiegħek, u tnaqqas il-frekwenza li l-paġni sħaħ għandhom ikunu kompletament mgħobbija. Fl-applikazzjonijiet, meta tikklikkja fuq xi ħaġa, l-applikazzjoni tinbidel immedjatament biex turi dak il-kontenut speċifiku jew biex tipprovdilek ir-risposta tiegħek.
B'kuntrast, il-paġni web tipikament iridu jerġgħu jitgħabbew, jew paġna ġdida sħiħa trid titgħabba. Dan jista 'jagħmel l-esperjenza ta' l-utent aktar imqabbad. Il-klijenti tiegħek għandhom jistennew li l-ewwel paġna titgħabba u mbagħad stenna għal darb'oħra biex it-tieni paġna titgħabba, eċċ.
Uża & lt; div & gt; biex ittejjeb l-esperjenza tal-Viżitatur
Bl-użu ta 'DHTML, wieħed mill-aktar modi faċli biex titjieb din l-esperjenza huwa li l-elementi div jinxtegħlu u jintfew biex juru kontenut meta tintalab. Element div jiddefinixxi diviżjonijiet loġiċi fuq il-paġna web tiegħek. Aħseb ta 'div bħala kaxxa li jista' jkun fiha paragrafi, intestaturi, links, stampi, u anke divs oħra.
Dak li għandek bżonn
Sabiex tinħoloq div li tista 'tinxtegħel u tintefa, għandek bżonn dan li ġej:
- Rabta biex tikkontrolla d-div billi ddawwarha u tintefa 'meta għafast
- Id-div biex turi u tinħeba
- CSS għall-istil id-div moħbija jew viżibbli
- JavaScript biex titwettaq l-azzjoni
Il-Link ta 'Kontroll
Ir-rabta ta 'kontroll hija l-aktar parti faċli. Sempliċiment toħloq link bħalek għal paġna oħra. Għal issa, ħalli l-attribut href vojt.
Tgħallem l-HTML a>Poġġi dan kullimkien fuq il-paġna web tiegħek.
Id-Div li Juru u Hide
Oħloq l-element div li trid turi u taħbi. Kun żgur li l-div tiegħek għandha id uniku fuqha. Fl-eżempju, l-id uniku huwa jitgħallmu HTML .
Din hija l-kolonna tal-kontenut. Jibda vojt ħlief għal dan it-test ta 'spjegazzjoni. Agħżel dak li trid titgħallem fil-kolonna tan-navigazzjoni fuq ix-xellug. It-test se jidher hawn taħt: p> Oħloq żewġ klassijiet għas-CSS tiegħek: waħda biex taħbi l-div u l-oħra biex turih. Għandek żewġ għażliet għal dan: wiri u viżibilità. Display tneħħi l-div mill-fluss tal-paġna, u l-viżibilità tinbidel biss kif tidher. Uħud mill-kodifikaturi jippreferu l- wiri , iżda xi drabi l- viżibilità tagħmel sens ukoll. Pereżempju: Jekk trid tuża l-viżibilità, imbagħad ibiddel dawn il-klassijiet biex: Żid il-klassi moħbija mal-div tiegħek sabiex tibda bħala moħbija fuq il-paġna: Kollha ma 'din l-iskrittura ma huwiex tħares lejn il-klassi kurrenti stabbilita fuq id-div tiegħek u tbiddilha biex tħaddemha jekk tkun immarkata bħala moħbija jew viċi versa. Dan huwa biss ftit linji ta 'JavaScript. Poġġi dan li ġej fir-ras tad-dokument HTML tiegħek (qabel it-tikketta Tgħallem HTML h3>
Is-CSS biex Juru u Hide id-Div
JavaScript biex tagħmel dan taħdem