Республика Казахстан,
СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ
Благодаря готовым учебным материалам для работы в классе и дистанционно
Скидки до 50 % на комплекты
только до 19.05.2025
Готовые ключевые этапы урока всегда будут у вас под рукой
Организационный момент
Проверка знаний
Объяснение материала
Закрепление изученного
Итоги урока
Была в сети 13.02.2024 12:47
Ибрагимова Мадина Султановна
Учитель информатики
25 лет
850
65 903 
Местоположение
Специализация
«HTML-тілінде Web-парақтар құру»
Категория:
Информатика
08.03.2021 16:04
Просмотр содержимого документа
««HTML-тілінде Web-парақтар құру»»
Мультимедиялық презентация
Тақырыбы: «HTML-тілінде Web-парақтар құру»
Пән: Информатика
Автор: Ибрагимова Мадина Султановна
КГУ"Средняя школа №34 отдела
образования акимата города Тараз"
Дәріс жоспары
1. HTML - тілімен танысу
2. Мәтінге байланысты тегтермен танысу
3. Түстерді беру
4. Web-параққа графика орналастыру
5. Кесте құру
6. Фондық графика және пошталық жәшікке сілтеме құру
7. Гипермәтіндік байланыстарды құру
8. Өзіндік жұмыс
HTML-тілі
HTML ( Hypertext Markup Language – гипермәтінді белгілеу тілі) тілі World Wide Web (WWW) жүйесінде гипермәтіндік құжаттарды дайындау үшін құрастырылған. Бұл тіл World Wide Web қызметімен бірге пайда болды және бірге дамып келеді. HTML- тілінің көмегімен көркем, қызықты WEB - парақтарды құруға болады. HTML тілі бастапқы мәтіндік құжатқа енгізілетін және осы құжаттың дисплей экранындағы көрінісін басқаруға мүмкіндік бере-тін бірнеше командалардың жиынтығы болып табылады.
Гипермәтіндік құжат – бұл қосымша элементтерді бас-қаратын, яғни құру, иллюстрация, мультимедиялық орнату-лары және басқа құжаттарға гиперсілтемелері бар арнайы код-тар орнатылған құжат. Internet – ке бұндай WEB – парақтар файлдарды WEB-серверлерге орналастыру арқылы жарияла-нады. Өте ұлкен құжаттарды беру үшін HTTP (Hyper Text Transfer Protocol) хаттамасы қолданылады. Internet – те құжат URL (Uniform Resourse Locator) деп аталатын адреспен ізделі-неді. URL көп жағдайда келесі формаға ие болады:
protocol://host.domain//directory/file.name
мұндағы: protocol - TCP/IP хатамасы, ресурс алуға қолданады
host.domain – ресурс орналасқан хост-компьютердің домендік атауы.
host.directiry – ресурс бар хост директорий
file.name - ресурс файлының атауы.
HTML командалары тегтер (tag) деп аталатын элементтердің көмегімен тапсырылады. Әр тегтің арнайы функциясы болады. Тегтердің екі түрі болады:
• бірэлементті тег, ол қандай-да бір әрекетті аяқтау үшін мәтінге қойылады;
• қос тег, ол ашатын және жабатын тегтерден тұрады.
Ашатын тег эффект құрайды, ал жабатын тег оның әреке-тін тоқтатады. Жабатын тегтер қисық сызық (/) белгісімен басталады.
HTML құжаты негізгі мәтіннен және белгілеу тег-терінен тұрады. HTML құжаты – ол кеңейтілу аты .htm болатын әдеттегі мәтіндік файл. Оны құру үшін кез келген мәтіндік редакторын қолдануға болады. Ал құрылған Web – парақтың нәтижесін көруге Microsoft Internet Explorer браузерін қолдануға болады.
Негізгі HTML - файлының түрі:
информатика 1-ші курс студенті
Блакнотқа енгізіп, Internet Explorer браузерінде ашсақ тегінде орналасқан Информатика терезенің тақырып қатарына, тегінде орналасқан 1-ші курс студенті терезенің жұмыс аймағында орналасады.
Мәтін үзінділерін ерекшелеу
Мәтін үзінділерін ерекшелеу тэгтері жеке символдар мен сөздердің бейнелеуін басқаруға мүмкіндік береді.
Тегтер
Қолданылуы
Нәтижесі
Жартылай қалың
…
Жартылай қалың
…
Курсивті
Курсивті
…
Асты сызылған
Асты сызылған
…
Машинкалық
машинкалық
Сызылған
Сызылған
…
…
Үлкен
Үлкен
…
Кішкентай
Кішкентай
Жоғарғы – x индекс
…
Жоғарғы – x индекс
Төменгі – x индекс
…
Төменгі – x индекс
Шрифт өлшемін, гарнитурасын және түсін беру
тегі гарнитурамен және мәтін түсімен өлшемді басқару мүмкіндіктерінен тұрады. Шрифт гарнитурасын өзгерту тегіне FACE атрибутын қосу арқылы жүзеге асады. SIZE атрибуты 1-ден 7-ге дейінгі шрифт өлшемін көрсетеді. Шрифт түсін өзгерту үшін тегінде COLOR = “түс” атрибутын қолдануға болады.
Мысалы: 1-ші курс студенті
Түстерді 16-сандармен беру
Түс
Коды
Түс
Коды
black (черный)
#000000
silver (серебряный)
#C0C0C0
maroon(темно-бордовый)
#800000
red (красный)
#FF0000
#008000
green (зеленый)
#00FF00
lime (известь)
olive (оливковый)
#808000
yellow (желтый)
#FFFF00
#0000FF
#000080
navy (темно-синий)
blue (синий)
purple (фиолетовый)
#800080
fuchsia (фуксия)
#FF00FF
teal (сине-зеленый)
#008080
aqua (аква)
#00FFFF
#FFFFFF
white (белый)
gray (серый)
#808080
Түсті әрқайсысы О-дан ҒҒ-қа дейінгі мәнге ие болатын, жіктелген үш құ-рамға бөліп көрстеуге болады: қызыл (R-Red), жасыл (G-Green), көк (B-Blue). RGB деп аталатын форматпен жұмыс істейтін боламыз. RGB фор-матында түстерді мына файлдан көре аламыз
Web-парақта графиканы орналастыру
тегі құжатқа бейне енгізуге мүмкіндік береді. Ол төменде сипатталған көптеген атрибуттардан тұрады.
№
Тағайындалуы
Атрибуттар
Міндетті параметр. Суреті (бейнесі) бар файл адресін (URL) көрсетеді .
SRC
1
2
Сәйкесінше сурет биіктігі мен енін анықтайды.
HEIGHT және WIDTH
HSPACE және VSPACE
Көлденеңінен және тігінен картина шегінісін (пиксельмен) анықтайды.
3
ALIGN
Міндетті параметр. Құжатта суреттің туралану тәсілін көрсетеді.
4
5
ALIGN=«left»
Суретті құжаттың сол жақ шеті бойынша туралайды.
6
ALIGN=«right»
Суретті құжаттың оң жақ шеті бойынша туралайды.
7
ALIGN=«center»
Суретті құжаттың центрі бойынша туралайды.
Кестелер
Кестелер HTML құжатының маңызды бөлігі болып табылады. Ол тік бағандар мен көлденең жолдардан тұратын тікбұрышты тор. Ұяшық мәтіннен, графикадан немесе басқа кестеден тұруы мүмкін. Кесте негізгі үш бөліктен тұрады:
- кесте атауынан;
- бағандар тақырыбынан;
- ұяшықтардан;
Кесте жолдар бойымен толтырылады (солдан оңға қарай жол бойымен және келесі жолға көшу арқылы). Әрбір ұяшық толтырылған болуы тиіс.
№
Тег
Сипаттамасы
1
мәтінКестені жариялау.
2
мәтін
Жол тегі.
3
мәтін
Баған тегі.
4
Кесте айналасына қоршауды қояды.
5
Парақ еніне байланысты процентпен немесе пиксельмен кесте еніні береді.
6
Кесте фонының түсін береді.
Фондық графика және түс
Фондық бейне – бұл кішкене тікбұрышты плашкасы бар графикалық файл. Браузерде қарау барысында бұл плашка терезелер өлшеміне тәуелсіз, барлық терезелерді толтыра отырып, бірнеше рет қайталанады . Фондық графи-ка тегінде беріледі.
…
Фондық түс беру үшін тегін қолданамыз.
Пошталық жәшікке сілтеме
Пошталық жәшікке сілтеме жасау келесі түрде жазылады: сілтеме мәтіні
Мұнда адрес_e-mail орнына пошталық жәшік адресін қою керек.
Пошта
Гипермәтіндік байланыстарды құру
HTML тілінің маңызды қасиеті – құжат ішіне басқа құжаттарға сілтеме қосу мүмкіндігі болып табылады. Сілтеме ретінде мәтінді немесе графиканы қолдануға болады. Сілте-ме түсін өзгерту үшін тегінің LINK және VLINK атрибуттары қолданылады. Басқа құжатқа сілтеме құру үшін тегін HREF атрибутымен бірге қолдану керек.
сілтеме
Жүгірме жол
Жүгірме жол орналастыру үшін мына тегті қолданамыз.
Менің алғашқы WEB-парағым
Өзіндік жұмыс
- Тег дегеніміз не?
- Мәтінді көркемдейтін тег және оның атрибуттары
- Кесте калай құрылады?
- Гиперсілтеме деген не?
- Қандай тегтің көмегімен сілтеме құруға болады?
- Түстерді беру түрлері қандай?
Вебинар для учителей
Свидетельство об участии БЕСПЛАТНО!
Полезное для учителя
Реализация образовательных программ осуществляется с применением исключительно электронного обучения и ДОТ
