Сиздин интернет арыз-стили тажрыйбасын түзүү
Dynamic HTML (DHTML) Эгер бүт беттер деп жыштыгын азайтуу, сиздин интернет арыз стилиндеги тажрыйбасын түзүүгө мүмкүндүк берет толтурушкан болушу керек. арыздарды, сиз бир нерсени басканда, арыз ошол замат белгилүү бир мазмунду көрсөтүүсүн же жооп менен камсыз кылуу үчүн өзгөртөт.
Ал эми интернет баракчалары адатта, кайра бар, же толугу менен жаңы барак жүктөлө элек. Бул колдонуучунун тажрыйбасы көбүрөөк табабыз болот. Сиздин кардарлар жүктөй экинчи бетинде кайра жүктөөгө, анан күтүп биринчи бетине күтүүгө туура келет, ошондуктан, жана.
Колдонуу жана лт; бөлүү & GT; Viewer тажрыйбасын жакшыртуу үчүн
DHTML, бул тажрыйбаны жакшыртуу үчүн жөнөкөй жолдор менен бири менен элементтер суралган учурда дисплей мазмунуна өчүрүү бөлүү керек. Бир бөлүү элементи сайтында логикалык жик аныктайт. пункттар камтылышы мүмкүн коробкага катары курс ойлонуп, баш, шилтемелерди, сүрөттөрдү жана башка түзөсүз.
Сен эмне & # 39; кардай керек
Жандыруу жана өчүрүү которуштуруу мүмкүн бөлүү түзүү максатында, төмөнкүлөр керек:
- Байланыш кошолу жана өчүрүп буруп бөлүү көзөмөлдөө
- бөлүү көрсөтүп, жашыруу үчүн
- CSS бөлүү стилдештирүүнү жашыруун же көзгө
- JavaScript аракетти аткаруу
Controlling Link
контролдоочу шилтеме жөнөкөй бир бөлүгү болуп саналат. Эгер дагы бир баракка турган сыяктуу жөн гана байланышты түзүү. Анткени, эмки атрибуттуу бош калтырышат.
Үйрөнүү HTMLСиздин сайтында ушул жерде кой.
Div көрсөтүү жана жашыруу үчүн
Сиз көрсөтүп, жашырып келет бөлүү элементин түзүү. Сиздин бөлүү ага уникалдуу ID бар экенин аныктап били¾из. Мисалы, уникалдуу ID үйрөнөт HTML .
<Бөлүү ID = "col2"> <б> Бул мазмун тилке болуп саналат. Бул түшүндүрмө текстте башка бош чыгып баштайт. Эгер сол багыттоо тилкеде үйрөнүү үчүн эмне танда. Текст төмөндө көрүнөт: п> <бөлүү ID = "learnHTML"> HTML h3> Үйрөнүү <ул> <ли> <Гуппи "http://webdesign.lifewire.com/c/ EC / 9.htm "> Free HTML Class ли> <ли> HTML Tutorial а> ли> <ли> XHTML деген эмне? ли> ул> бөлүү> бөлүү> CSS Div көрсөтүү жана жашыруу үчүн
Сиздин CSS эки класстарды түзүү: бир бөлүү жашыруу үчүн жана башка аны көрсөтүп. Бул үчүн, эки жолу бар: кылуу жана экранды көрүнө.
Display бет агуудан бөлүү жок, жана көрүнүү эле аны көрүп кантип өзгөртөт. Кээ бир тийиши экранды артык, бирок кээде көрүнүү да мааниси бар. Мисалы:
.hidden {дисплей: эч бири; } .unhidden {дисплей: бөлүгү; }Сиз көрүнө колдонуу керек болсо, анда бул класстарды өзгөртүү:
.hidden {көрүнүү: жашыруун; } .unhidden {көрүнө: көзгө көрүнгөн; }Бул беттеги эле жашыруун башталат, ошондуктан сиздин курс жашыруун класс кошуу:
<бөлүү ID = "learnHTML" класс = "жашыруун">JavaScript айкалышабы болот
Бул орунда турат сенин курс коюлган учурдагы класстын карап жана аны жашыруун же тескерисинче катары белгиленген болсо, UnHidden аны күйгүзөт.
Бул JavaScript гана бир нече багыттар болуп саналат. Сиздин HTML документтин башына төмөнкү (<башчысы> алдында тег жери:
<Скрипт түрү = "текст / JavaScript"> милдети жашырбоо (divID) {VAR даана = document.getElementById (divID); ?, Эгер (пункт) {item.className = (item.className == "жашыруун") 'уюп калды ":" жашыруун "; }} Жазуусу>Бул жазуусу жатат, сап сап:
- Милдети жашырбоо деп атаган болсо, divID сен көрсөтүп же жашыра каалаган так уникалдуу ID болот.
- Мен курс наркы менен өркүндөтүлбөгөндүгү, өзгөрмө орнотот.
- жөнөкөй серепчи текшерүүнү жүзөгө ашырат; браузер туруш колдоо жок болсо, бул жазуусу иштебейт.
- курс боюнча класска текшерет. Бул жашыруун болсо, ал уюп, аны өзгөртөт. Болбосо, бул жашыруун аны өзгөртөт.
- Эгерде арыз жабылат.
- милдетин жабылат.
скрипт иш үчүн, дагы бир нерсе кылышыбыз керек. кайра шилтемени барып, эмки сыпатын JavaScript кошуу. Бул адреси менен бөлүү деген так уникалдуу ID'син колдонууга шектенбесек болот:
javascript:unhide('learnHTML'); "> Үйрөнүү HTMLКуттуктайбыз! Сиз азыр сиз шилтемени басканда сайын көрсөтүп, жашыра турган бөлүү бар.
Мүмкүн Watch көйгөйлөр Out үчүн
Бул скрипт алдап-далил эмес. ал силер үчүн көйгөйлөргө алып келиши мүмкүн болгон кээ бир жагдайлар бар:
- JavaScript жаздады жөнүндө эмес. Сиздин JavaScript окурмандар же өчүрүлсө, жок болсо, бул жазуусу иштебейт. жашыруун калкыма болбосун, силердин окурмандар кандай жашыруун бойдон калат. Бул маселени чечүү үчүн бир жолу NoScript аймагында жашыруун Div'дерди жайгаштыруу үчүн, ал эми сен аларды туура көрсөтүү үчүн, ошол менен бирге айланасында ойноого болот.
- Өтө көп Мазмун. Бул сиздин окурмандар керек мазмунду гана көрө ала турган улуу куралы болушу мүмкүн, бирок жашыруун DIVs ичинде өтө көп орунга койсок, аны кескин бет жүктер кандай таасир этиши мүмкүн. мазмуну, интернет браузер дагы эле жүктөлүп жатат көрсөткөн жок болсо да, унутпа, ошондуктан жашынып канча мазмуну жакшы сезимин колдонушат.
- Кардарлар түшүнбөйм. Акыр-аягы, кардарларга көрсөтүлгөн же жашырган шилтемени чыкылдатып көнүп мүмкүн эмес. сүрөтчөлөрүндө айланасында Play (плюс белгилери жана жебелер жакшы иш) же кардарларга эмне болорун түшүндүрүп берүү үчүн текст. башкалар жабык, ал эми дагы бир чечим DIVs бири ачык калтыруу болуп саналат. Бул сиздин кардарларга дегенди билдирет, ошондуктан алар калган мазмунду ачып бат эле таба алабыз.
Сиз ар дайым кардарлар менен ушундай Dynamic HTML текшеришибиз керек. Эгер алар түшүнө алат деп ишенем сезип, аны бир жолу, бул жердеги мейкиндиктин бир топ ээлеп сиздин Webpages боюнча мазмунду ири өлчөмдө алуу үчүн сонун жолу болушу мүмкүн.