Сабақ мақсаты : Тэгтермен жұмыс істеуді үйрену. Құжатта мәтіндерді орналастыруды үйрену

1. RASP.HTM файлына өзгертулер еңгізіңіз:

2. Құжат мәтінінің стилін, өлшемін, түсін, гарнитурасын өзгертіңіз.

№3 практикалық (зертханалық) сабақ

Кесте тұрғызу тэгтерімен танысу, оларды Web-парақта қолдана білу

Сабақ мақсаты: кесте құруды үйрену
Тапсырма. Кесте құру.

Кесте HTML құжатының негізгі бөлігі болып табылады. Ол вертикал орналасқан бағандар мен горизонтальды жолдардан құралған тіктөртбұрышты торлардан тұрады. Бағандар мен жолдардың қиылысуын ұяшық деп атаймыыз. Ұяшық мәтінен, графикадан, кестеден тұруы мүмкін.

Кесте негізгі үш бөліктен тұрады:

• 
  кесте атауы;
  
• 
  бағана тақырыбы;
  
• 
  ұяшықтар.
  

Кесте жол бойынша толтырылады (солдан оңға — жол бойынша, одан кейін келесі жолға өтеміз). Әр бір ұяшықты толтыру керек. Бос ұяшықтарды құру бос орынды қолданамыз.

1. Блокнот программасын жүктеңіз.

2. Редатор терезесінде келесі тексті теріңіз:

3. 5.НТМ атты файл құрыңыз.

4. Құрылған Web- бетті көру үшін Microsoft Internet Explorer браузерін жүктеңіз.

Экран бетінен 8 – суретте көрсетілгендей көруге болады.

8 – сурет.

№4 практикалық (зертханалық) сабақ

Сілтемелер. HTML – құжатқа сілтеме құру

Сабақ мақсаты: HTML – құжатқа сілтеме құруды үйрену
Тапсырма 1. Басқа HTML – құжатқа сілтеме құру.

Сілтеме белгіленген сөзге немесе фразаға шерту арқылы басқа файлға өтеміз.

Сілтемені суреттейік:

<А HREF="5.HTM">5 класс

Файл атауынан (5.НТМ) кейін “>” және “<” символдарының арасына (“5 класс”) текстін орналастырамыз, осы файлға өту үшін оны шерту керек.

1. RASP.HTM файлын браузерге жүктейміз.

2. файлға өзгертулер еңіземіз:

4. Алынған Web-бетті қараңыз.

Экран бетінен 10 – суретте көрсетілгендей көруге болады.

10 – сурет.

1. Беттің соңында алғашқы бетке сілтеме болатындай 5.НТМ файлға өзгерту еңгізіңіз Расписание занятий 5 классов (файл RASP.HTM). Сілтеме ретінде графикалық файлды орнатамыз:

Экран бетінен 11 – суретте көрсетілгендей көруге болады.

11 – сурет.

Сілтеме ретінде HOME.GIF файлында орналасқан суретті (оңға және жоғарыға қараған бағыт) қойдық.

№5 практикалық (зертханалық) сабақ

HTML тілінің маңызды қасиеті құжаттағы сілтеме арқылы келесі құжатқа өту мүмкіндігі.

Важнейшим свойством языка HTML является возможность включения в документ ссылок на другие документы.

Сілтемелер болуы мүмкін:

— өшірілген HTML-файлға,

— кейбір ағымдағы HTML-құжат нүктесіне,

— HTML – құжат болмайтын кез келген файлға;

Сілтеме ретінде тексті немесе графиканы қолдануға болады.

Мұндай сілтемелер екі бөліктен тұрады: белгі және сілтеменің өзі. Белгі сілтеме өтетін кездегі нүктені анықтайды. Сілтеме белгі атауын қолданады. Сілтемелер браузер баптауына байланысты түспен немесе сызылған болып беліленеді. Түстің өзгеруіне байланысты LINK= және VLINK= тэгі сілтемеде қолданылады.

Сілтемені суреттейміз:

Понедельник

Сілтеме бойынша өту керек белгінің атауына алдына # символы қойылады. “>” және “<” символдары арасына (“Понедельник”) тексті орналасады.

Белгіні анықтаймыз:

Понедельник

1. 5.НТМ файл толықтырыңыз, апта күндерінің атауымен кестені толықтырып, Web-беттің басына орналастырыңыз:

2. Дүйсенбіні көрсететін 5.НТМ файлна белгі қойыңыз:

3. Белгіленген белгіге арналған сілтемені кестеге апта күндерінің атауын қойыңыз:

5. Файлды сақтаңыз.

6. Алынған Web-бетті көріңіз.

Экран бетінен 9 – суретте көрсетілгендей көруге болады.

9 – сурет.

• 
  Тақырыптар стилін қолдануға үйрену
  
• 
  Мәтін мен фонның түсін беруді үйрену
  
• 
  Web-бетте бейненің фонын орналастыруды үйрену
  

Тақырып үшін алты тэг қолданылады. ( <Н1> бастап <Н6> дейін). Әрбір тэгке браузер параметрі баптауымен берілген стиль сәйкес келеді.

1. RASP.HTM файлна өзгертулер еңгізіңіз:

2. Шыққан web-бетті қараңыз.

Экран бетіннен 3- суретте көрсетілгендей жазуды көресіз.

3 – сурет.

Фон мен мәтінді бейнелеу кезінде браузерлер үнсіздік бойынша таңдап алынған түстерді пайдаланады, олар браузерді баптау параметрлерінде берілген.Егер сіздің басқа түс бергіңізкелсе, онда оны HTML файлындағы тэгінде орындау керек. BGCOLOR= атрибуты беттің фон түсін анықтайды, ТЕХТ= барлық беттер үшін мәтін түсін береді, LINK= және VLINK= қарастырылмаған және қарастырылған сілтемелерге сәйкес түсін анықтайды (соңғы екі параметр кейін қарастырылатын болады).

Фондық бейнелер — бұл қалыпты тікбұрышты плашки бейнесі бар гарфикалық файл. Браузерде қарау кезінде бұл плашка өзінің өлшеміне тәуелсіз, барлық терезені толтыра қайталанады.

Фон түріндегі графика тэгі арқылы беліделі.

RASP.HTM файлына түзетулер енгізіңдер:

Экраннан 6-суреттегі бейнені көресіздер.

6-сурет

7-сурет

JavaScript тілі web – беттің объектілерімен оңай басқаруға мүмкіндік береді, бірақ ол үшін объектілер иерархиясын білу маңызды болып табылады. Келесі мысалда осының барлығы қалай жүзеге асатынын көруге болады. Қарапайым HTML-бетті қарастырайық:

onClick="first()">








onClick="second()">

жүктеу/скачать 404.95 Kb.

Достарыңызбен бөлісу: