Жаттарда сырғымалы жолдарды ұйымдастыру

< MARQUEE> жә не < /MARQUEE> тә гтері броузер терезесінде жолдың бір шетінен екінші шетіне жылжып отыратын “сырғ ымалы жол” жасайды жә не оның мынадай параметрлері болады:

< MARQUEE [ALІGN=”alіgn”] [BEHAVІOR=”behavіor”]

[BGCOLOR= ”#rrggbb”] [DІRECTІON=”dіrectіon”]

[HEІGHT=”іnteger”] [HSPACE=”іnteger”]

[LOOP=”іnteger”] [SCROLLAMOUNT=”іnteger”]

[SCROLLDELLAY=”іnteger”] [VSPACE=”іnteger”]

[WІDTH=”іnteger”]> Кез келген мә тін

< /MARQUEE>

Осылардың бірсыпыраларының мағ ыналары мен жазылу тү рі тө менде­гідей болып келеді.

ALІGN – " сырғ ымалы" мә тінді жолдың жоғ арғ ы шетіне, ортасына немесе тө менгі шетіне туралап орналастыру тә сілін береді жә не де ол мына мә ндердің біреуін қ абылдайды: TOP, MІDDLE, BOTTOM.

BGCOLOR – “сырғ ымалы жолдың ” фон тү сін анық тайды, он алтылық RGB форматында немесе ағ ылшынша тү с аты беріледі.

DІRECTІON – жолдық жылжу, яғ ни сырғ у бағ ытын анық тайды, оның мү мкін мә ндері: LEFT, RІGHT жә не оның мә ні кө рсетілмеген жағ дайда, келісім бойынша LEFT мә ні автоматты тү рде іске қ осылады.

HEІGHT – “сырғ ымалы жолдың ” биіктігін пиксель (нү ктелер) арқ ылы анық тайтын бү тін сан, оны пайызбен де (%) кө рсетуге болады.

LOOP - “сырғ ымалы жолдардың ” қ айталану санын анық тайтын бү тін сан, ІNFІNІTE (шексіздік) мә нін қ абылдауы да мү мкін.

SCROLLAMOUNT – жылжудың бір қ адамында мә тіннің қ анша пиксельге жылжитынын анық тайтын бү тін сан.

SCROLLDELAY – екі сырғ удың арасындағ ы интервалды миллисекундпен кө рсететін бү тін сан.

WІDTH – экрандағ ы “сырғ ымалы жолдың ” енін пиксель арқ ылы анық тайтын бү тін сан, оны пайызбен де (%) кө рсетуге болады.

Енді келесі мысалды Блокнотта теріп, 3-2 мысал.htm атымен сақ тап, нә тижесін Internet Explorer программасында кө ріп шығ у керек:

< HTML> < HEAD> < TІTLE> 3-2 мысал < /TІTLE> < /HEAD>

< BODY text=red>

< CENTER>

< H2> Сырғ ымалы жолдар < /H2> < HR>

< H3> < MARQUEE BGCOLOR= ”yellow” DІRECTІON = ”RІGHT”

SCROLLAMOUNT = ”10” SCROLLDELAY=”200” WІDTH=”90%”>

Бұ л бірінші сырғ ымалы жол

< /MARQUEE>

< P> < MARQUEE BGCOLOR= ”Green” DІRECTІON = ”LEFT”

HEІGHT=30 SCROLLAMOUNT=”10” SCROLLDELAY=”100”

WІDTH=”90%”>

Бұ л екінші сырғ ымалы жол < /MARQUEE> < /H3> < HR>

< /CENTER>

< /BODY>

< /HTML>

Тапсырмалар:

1. Алдың ғ ы бө лімдегі 3-1 мысалды Блокнот программасында теріп, нә тижесін Internet Explorer прог­рам­масы арқ ылы кө рің іздер де, ө з қ алауларың ыз бойынша ө згерістер енгізің іздер.

2. Сырғ ымалы жолдарғ а келтірілген 3-2 мысалды Блокнот программа­сында теріп, оны 3-2 мысал.htm деп сақ тап алып, нә тижесін Internet Explorer прог­рам­масы арқ ылы кө рің іздер де, келесі ө згерістер енгізің іздер:

а) сырғ ымалы жолдардың биіктігін ауыстыру;

ә) бірінші сырғ ымалы жолдағ ы мә тін тү рін қ ызылмен, екінші жолдағ ы мә тін тү рін – кө кпен бояу;

б) абзацтан кейінгі кө лденең сызық тарды ә р тү рлі тү стерге бояу, оның қ алың дығ ы мен ұ зындығ ын ө з қ алауларың ызша ө згерту керек.

3. Алдын ала дайындалғ ан lab3.htm файлын (тө менде келтірілген) ашып келесі ө згертулерді енгізің із:

а) Тақ ырып жә не бө лім аттарын ортағ а қ ойың ыз;

ә) Бірініші абзацтың тү сін қ ызыл, екінші абзацтың тү сін – кө к, ү шінші абзацтың тү сін жасыл етіп ө згертің із;

б) Ә р абзацтан кейін кө лденең сызық тар сызып, олардың тү стерін жә не ендерін қ алауларың ызша ө згертің із;

в) Мә тіннің фонын сұ р тү ске ө згертің із.

4. lab3.htm файлын ашып келесі ө згертулерді енгізің із:

а) pr4.htm, pr5.htm, pr6.htm, pr7.htm қ ұ жаттарына жә не Orantang.jpg, Popugay.jpg, Monky.jpg суреттеріне гиперсілтеме жасаң ыз.

ЕСКЕРТУ: lab3.htm, pr4.htm, pr5.htm, pr6.htm, pr7.htm қ ұ жаттары жә не Orantang.jpg, Popugay.jpg, Monky.jpg суреттері алдын ала дайын­далып компьютердің ішіндегі Мои документы немесе басқ а бір жұ мыс бумасының ішінде орналасуы тиіс. Олардың орнына 2-1 мысал, 2-2 мысал, тағ ы сол сияқ ты дайындалғ ан файлдарды қ олдануғ а болады.

Алдын ала дайындалғ ан web-қ ұ жат қ ұ рылымымен танысуғ а арнал­ғ ан lab3.htm лабораториялық жұ мыс мә тіні:

< HTML> < HEAD> < TITLE> Қ ұ жаттың негізгі бө лімдері < /TITLE>

< /HEAD>

< BODY> < H1> Басты тақ ырып< /H1> < H2> Ішкі тақ ырыпша< /H2>

< HR> < A HREF=" #3.1" > Ү шінші абзацқ а кө шу< /A> < br>

< H3> 1.1 Бірінші абзац < /H3> Осы жолдар бірнеше жолғ а

жазылғ анымен

қ ұ жатта олар

бірге жазылады

< HR> < H3> 2.1 Екінші абзац < /H3>

< P> Абзац ү шін жабу тә гі қ ажет емес. < HR> < A Name=" 3.1" > < /A>

< H3> 3.1 Ү шінші абзац< /H3> < P> Келесі жолғ а кө шу тә гінен гө рі абзац басы тә гі алдында босорын ү лкенірек болады. < HR>

Кө лденең сызық тан кейінгі мә тін < BR> екіге бө лінген.

< P> < H3 align=center> < B> Бірнеше сызық тар салайық. < /H3> < /B>

< HR color=red size=16 width=100%> < HR color=green size=8 width=50%>

< HR color=gold size=4 width=25%> < A HREF=" pr6.htm" > pr6 мә тініне < /A> ауысып, кейін оралайық. < A HREF=" DOG.JPG" > Ит суретіне < /A> ауысып, кейін оралайық. < HR> < A HREF=" tu2.gif" > Ту суретіне < /A> ауысып, кейін оралайық. < HR> < A HREF=" cat01.jpg" > Мысық суретіне < /A> ауысып, кейін оралайық. < HR> < A HREF=" dog03.jpg" > Ит суретіне < /A> ауысып, кейін оралайық. < HR> < A HREF=" fish.jpg" > Балық суретіне < /A> ауысып, кейін оралайық. < P> < IMG SRC=" fish.jpg" WIDTH=500 HEIGIT=250 border=2 align=" bottom" > < P> < H3 ALIGN=center> Енді ө здерің із осындай суреттерге сілтеме жасаудан мысал келтірің іздер < /H3>

< /BODY>

< /HTML>