Цвет
|
|
RRGGBB
|
Black
черный
|
|
000000
|
Purple
фиолетовый
|
|
FF00FF
|
While
белый
|
|
FFFFFF
|
Yellow
желтый
|
|
FFFF00
|
Red
красный
|
|
FF0000
|
Brown
коричневый
|
|
996633
|
Green
зеленый
|
|
00FF00
|
Orange
оранжевый
|
|
FF8000
|
Azure
бирюзовый
|
|
00FFFF
|
Violet
лиловый
|
|
8000FF
|
Blue
синий
|
|
0000FF
|
Gray
серый
|
|
А0А0А0
|
1. RASP.HTM файлына өзгертулер еңгізіңіз:
2. Құжат мәтінінің стилін, өлшемін, түсін, гарнитурасын өзгертіңіз.
№3 практикалық (зертханалық) сабақ
Кесте тұрғызу тэгтерімен танысу, оларды Web-парақта қолдана білу
Сабақ мақсаты: кесте құруды үйрену
Тапсырма. Кесте құру.
Кесте HTML құжатының негізгі бөлігі болып табылады. Ол вертикал орналасқан бағандар мен горизонтальды жолдардан құралған тіктөртбұрышты торлардан тұрады. Бағандар мен жолдардың қиылысуын ұяшық деп атаймыыз. Ұяшық мәтінен, графикадан, кестеден тұруы мүмкін.
Кесте негізгі үш бөліктен тұрады:
Кесте жол бойынша толтырылады (солдан оңға қарай - )
Кесте жол бойынша толтырылады (солдан оңға — жол бойынша, одан кейін келесі жолға өтеміз). Әр бір ұяшықты толтыру керек. Бос ұяшықтарды құру бос орынды қолданамыз.
1. Блокнот программасын жүктеңіз.
2. Редатор терезесінде келесі тексті теріңіз:
3. 5.НТМ атты файл құрыңыз.
4. Құрылған Web- бетті көру үшін Microsoft Internet Explorer браузерін жүктеңіз.
Экран бетінен 8 – суретте көрсетілгендей көруге болады.
8 – сурет.
№4 практикалық (зертханалық) сабақ
Сілтемелер. HTML – құжатқа сілтеме құру
Сабақ мақсаты: HTML – құжатқа сілтеме құруды үйрену
Тапсырма 1. Басқа HTML – құжатқа сілтеме құру.
Сілтеме белгіленген сөзге немесе фразаға шерту арқылы басқа файлға өтеміз.
Сілтемені суреттейік:
5 класс
Файл атауынан (5.НТМ) кейін “” және “ символдарының арасына (“5 класс”) текстін орналастырамыз, осы файлға өту үшін оны шерту керек.
1. RASP.HTM файлын браузерге жүктейміз.
2. файлға өзгертулер еңіземіз:
3. Файлды сақтаймыз.
4. Алынған Web-бетті қараңыз.
Экран бетінен 10 – суретте көрсетілгендей көруге болады.
10 – сурет.
Тапсырма 2. Басқа HTML – құжатқа сілтеме құру.
1. Беттің соңында алғашқы бетке сілтеме болатындай 5.НТМ файлға өзгерту еңгізіңіз Расписание занятий 5 классов (файл RASP.HTM). Сілтеме ретінде графикалық файлды орнатамыз:
2. Алынған Web-бетті қараңыз.
Экран бетінен 11 – суретте көрсетілгендей көруге болады.
11 – сурет.
Сілтеме ретінде HOME.GIF файлында орналасқан суретті (оңға және жоғарыға қараған бағыт) қойдық.
№5 практикалық (зертханалық) сабақ
Web параққа гипермәтіндік сілтемелер орнату
Сабақ мақсаты: гипертексті байланысты орнатуды үйрену
Тапсырма. Гипертексті байланысты орнату
HTML тілінің маңызды қасиеті құжаттағы сілтеме арқылы келесі құжатқа өту мүмкіндігі.
Важнейшим свойством языка HTML является возможность включения в документ ссылок на другие документы.
Сілтемелер болуы мүмкін:
— өшірілген HTML-файлға,
— кейбір ағымдағы HTML-құжат нүктесіне,
— HTML – құжат болмайтын кез келген файлға;
Достарыңызбен бөлісу: |
