- •Ауқымды желі internet. Html тiлi.
- •1. Жалпы мәліметтер
- •1. Html тiлiнiң командалары және олардың атрибуттары.
- •2. Html құжаттың құрлымы
- •3. Мәтiндi форматтау, түстi құру. Мәтiндi форматтау. Абзац тэгi
- •4. График, дыбыс, видео және жүгiрме жолды қою
- •Hight- жүгiрме жолдың биiктiгi (экран биiктiгiнен пикселде немесе % берiледi.)
- •7. Кестенi құру
- •Листинг 1
- •8. Фреймдер, сiлтемелер және навигациялау жүйесi.
- •Гиперсiлтеменi құру.
- •9. Таңбаға сiлтеме құру.
- •Навигациялау жүйесiн ұйымдастыруға негiзгi талаптар. “юзэбилити” түсiнiгi.
- •Фреймдер. Оларды қолдану кемшiлiктерi мен артықшылықтары.
- •Карта-бейне. Photoshopредактормен белгiлiнген бейнедегiаймақтарының координаттарын анықтау
- •1. Карта-бейненi құру.
- •Интерактивті Веб-беттер
- •Формалар.
- •2. Формада мәзiрдi құру
7. Кестенi құру
А) қарапайым
<TABLE> </TABLE>- кестенiң басы мен соңы
<CAPTION> </CAPTION> -кесте тақырыбының басы мен соңы
<TH> </TH>- кестенiң бағана мен қатарлардың тақырыбының басы мен соңы
<TR> </TR>- кесте қатарының басы мен соңы
<TD> </TD>-кесте ұяшығыны басы мен соңы.
<TABLE> тэгiнiң атрибуттары
WIDTH=кесте енi
BORDER= кестенiң шекара енi
CELLSPACING= ұяшықтар арасындағы аралықтардың енi
CELLPADDING= ұяшықтар ж„не олардың шекаралардың арасындағы араларықтардың енi
Листинг 1
<TABLE BORDER=3 CELLSPACING=2 CELLPADDING=2 WIDTH=”80%”>
<CAPTION> кесте тақырыбы</CAPTION>>
<TR>
<TD>кестенiң бiрiншi ұяшығы </TD>
<TD>кестенiң екiншi ұяшығы </TD>
</TR>
. . .
</TABLE>
Б) қүрделi
<TH> <TR> <TD> тэгтердiң атрибуттары
ROWSPAN=бiрiктiрiлетiн қатарлар саны
COLSPAN=бiрiктiрiлетiн бағаналар саны
BGCOLOR=тақырып; қатар; ұяшық фонының түсi.
Листинг 2.
<HTML>
<BODY background=Puzzle.jpg><br>
<TABLE border=5 cellspacing=3>
<caption><b><Font size=4 color=E88CB7>Заголовок таблицы</caption></b>
<tr><th bgcolor=silver><font color=FBDC2F>Заголовок1
<th bgcolor=silver> Заголовок2
<th bgcolor=silver> Заголовок3
<tr><TD>Ячейка1
<TD>Ячейка2
<TD>Ячейка3
<tr><TD>Ячейка4
<TD>Ячейка5
<TD>Ячейка6
</TABLE>
</BODY>
</HTML>
В) Көрiнбейтiн
<HR>- тiк сызықты құрады.
<HR> тэгiнiң атрибуттары.
SIZE=сызықтың қалындығы
WIDHT=сызықтың енi
ALIGN=LEFT, RIGHT, CENTER сызықтарды туралау
Листинг 3.
<HTML>
<BODY background=fon4.bmp><br>
<br>
<HR SIZE=4 WIDTH=80% ALIGN=CENTER>
<HR SIZE=6 WIDTH=60% ALIGN=CENTER>
<HR SIZE=8 WIDTH=40% ALIGN=CENTER>
<HR SIZE=10 WIDTH=20% ALIGN=CENTER>
</BODY>
</HTML>
8. Фреймдер, сiлтемелер және навигациялау жүйесi.
HTML- құжаттың негiзгi артықшылығы- бұл гиперсiлтеменiң бар болуы. Гиперсiлтеме басқа құжаттарды тез ашуға мүмкiндiк бередi.
Гиперсiлтеменi құру.
Басқа құжатқа сiлтеменi құратын тэг форматы.
<A HREF= файл аты. кенейтiлу>белсендi м„тiн немесе сурет </A>
Егер файл басқа бумада жатса, онда оның оған жолын көрсету керек. Егер Интернет ресурсында сiлтеме құрылса, онда URL көрсету қажет.
<A HREF= URL адрес>белсендi м„тiн немесе сурет </A>
Мысалы: <A HREF= http://upm/ipschool.spb.ru>белсендi м„тiн немесе сурет </A>
Белсендi м„тiн түспен белгiленiп, асты сызылады, ал белсендi сурет рамкамен белгiленедi. Белсендi м„тiн немесе суреттердiн түстерiн арнайы атрибуттар арқылы анықтауға болады: браузер үнсiз келiсiм бойынша сiлтемеге көк түстi орнатады, қарастырылған сiлтемелерге- малиовый, белсендi сiлтемелерге- қызыл.
Сiлтемелерге түстердi беру үшiн <BODY> тэгiнiң атрибуттары.
LINK=түс немесе түс коды – сiлтеменiң түсiн орнатады.
ALINK=түс немесе түс коды – таңдалған сiлтеменiң түсiн орнатады.
VLINK=түс немесе түс коды – қарастырылған сiлтеменiң түсiн орнатады.
9. Таңбаға сiлтеме құру.
Құрылған құжаттың басқа бiр бөлiгiне сiлтеменi ұйымдастыруға болады, егер де ең алдымен бұл бөлiктердiң алдарына таңбалар қойсақ.
<A HREF= #таңба аты>белсендi м„тiн немесе сурет </A>
Ағымдағы HTML-құжатында таңбаға сiлтеме құру.
<A NAME= таңба аты>м„тiндiк фрагменттiң басы </A>
Басқа құжаттағы таңбаға сiлтеменi құруға болад, егер онда таңба болса.
<A HREF= файл аты#таңба аты>белсендi м„тiн немесе сурет </A>
Мысалы анықтама бетiн құрғанда мұндай таңба құру өте ыңғайлы. Таңбаларды „рбiр анықтамасы бар тiзiмге қойып, оларға сiлтеме құруға болады.