Web беттерді HTML тілінің көмегімен дайындау

Презентация қосу

X
1. Оқушыларға HTML тілінің
көмегімен Web-беттерді құруды
үйрету.
2. Интернет жайындағы
білімдерін арттыру.
3. Мәдениеттілікке тәрбиелеу.
Сабақтың барысы:
І. Ұйымдастыру кезеңі
ІІ. Үй тапсырмасын сұрау :
Екі немесе үш оқушыдан .
Деңгейлік тест.
(1 –денгей, 2- деңгей, 3- деңгей)
ІҮ. Жаңа сабақты түсіндіру
Ү. Жаңа сабақты бекітуге қойылатын тапсырмалар
Міндетті деңгей
Лайықты деңгей
Жоғарғы деңгей
ҮІ. Сабақты қорытындылау
ҮІІ. Үй тапсырмасы
ҮІІІ. Оқушыларды бағалау . Балдық жүйе бойынша баға қой
HTML негіздері
HTML (HyperTextMarkupLanguage) – бұл
құжаттарды кодтау үшін қолданылатын
гипертекстік белгілеу тілі. HTML ді көбі
программалау тілі деп ойласа да, бұл
программалау тілі емес. HTML – мәтінді
белгілеу тілі.
HTML тiлiнде колданылатын
командаларды “тег” деп айтамыз. HTML
тiліндегi тегтер екi топқа бөлiнедi:
жұпты, жұпсыз.

Web парақ<br>

Бұл менің алғашқы
Web парағым

Қош келіпсіздер !

(көрсету)

Web парақ

text="#336699">
Бұл менің алғашқы Web
парағым

color="#CC0000"> Қош
келіпсіздер

(көрсету)

Web парақ

bgcolor=" #a0a0a0 ">
Бұл менің алғашқы Web парағым

Қош
келіпсіздер

(көрсету)
мәтін

мәтін

мәтін
мәтін
мәтін
мәтін >

Мәтінді туралау
“ортасынан”

Left, Right, Justify

Web парақ

bgcolor=“#a0a0a0“>

Бұл менің алғашқы Web парағым

Қош
келіпсіздер

(көрсету)

Web парақ

bgcolor=“#a0a0a0“>

Бұл менің алғашқы Web парағым

Қош
келіпсіздер

(көрсету)
Жаңа сабақты бекіту.
Міндетті деңгей
Блакнот бағдарламасын іске қосып, «Бұл менің алғашқы Web парағым»
мәтінін теріп.
Файл – деп сақтау командасын орындап.Файлды *html типінде сақтау және
файлды жабу. Astana. html
Лайықты деңгей
Қаріп гарнитурасы мен түсі тегаларын пайдаланып, төмендегі берілген мәтінді
жаз.
Менің Қазақстаным
Алтын күн аспаны,
Алтын дән даласы
Думанды бастады,
Далама қарашы.
BGCOLOR = ... атрибуты құжаттың фондық түсін,
ал TEXT= ... атрибуты жалпы мәтін түсін анықтайды.
< BODY BGCOLOR = «#FF88CC» text =»#330066 >
< PALIGN = CENTER >
Жоғарғы деңгей
«Web – парақтың ішіне сурет салу» сурет атрибуттарын пайдаланып,
« Astana. html»файлына өзгерістер енгізіңдер.
«суретке