Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / "HTML тілінде бағдарлама құру" 11-сынып

"HTML тілінде бағдарлама құру" 11-сынып



Осталось всего 2 дня приёма заявок на
Международный конкурс "Мириады открытий"
(конкурс сразу по 24 предметам за один оргвзнос)


  • Информатика

Поделитесь материалом с коллегами:

Маңғыстау облысы,

Бейнеу ауданы,

«Ж.Қалдығараев атындағы орта мектеп» мемлекеттік мекемесі

І санатты информатика пәні мұғалімі

Коспанова Света Айткуловна


Сабақтың тақырыбы: HTML тілінде веб-беттер құру

Сабақтың мақсаты: HTML тілінің көмегімен қарапайым веб-парақтар жасап үйрену.

Веб-парақта дәстүрімізді дәріптеуге шақыратын құжаттар дайындауға тәрбиелеу.

Өз бетімен жұмыс істеуін, зейіндік қабілеттерін дамыту.

Сабақтың түрі: Аралас сабақ

Сабақтың әдісі: Түсіндірмелі баяндау

Сабақтың типі: Жаңа білімді меңгерту сабағы

Пәнаралық байланыс: Еңбекке баулу, тарих, дүниетану, құқық т.с.с

Сабақтың құрал-жабдықтары: ДК, интерактивті тақта, бейне роликтер

Сабақтың барысы:

  1. Ұйымдастыру кезеңі

Сәлемдесу

Топқа бөлу (сурет арқылы): 1-топ - Әлеуметтік желілер, 2-топ - Браузерлер

  1. Үй тапсырмасын тексеру

Семантикалық карта (интернеттен уикипедиясын қарауға болады )

1-топ

Желі түрлері


Ерекшелігі

Қызметі

Пайдасы

Зияны

Whatsapp





Facebook





Instagram





Skype















2-топ

Желі түрлері


Ерекшелігі

Қызметі

Пайдасы

Зияны

Internet Explorer





Google





Mail.ru





Yandex
















  • Браузерлер дегеніміз не?

  • Әлеуметтік желі не үшін керек?

  • Желінің зиянды жағы бар ма?

  • Желімен жұмыс жасағанда неден сақтану керек?

  • Авторлық құқық дегенді қалай түсінісіңдер?

  • Желілік этикет дегеніміз не?

  • Желілік этикет ережелерін ата?

  1. Жаңа тақырып

  • Интернеттен не алуға болады? Браузерлерді пайдаланып не іздейміз? (құжат, мәтін, бейнежазба, сурет)

  • Олардың барлығы қайда орналасқан? (интернет беттері)

  • Ол интернет беттерін кімдер дайындайды? (Веб-шебер, веб-дизайнер)

  • Веб-бет дайындайтын қандай бағдарламаларды білесіңдер? (Front page, HTML)

Сендерге алдымен HTML тілінде дайындалған құжатты көрсетейін. Index.htm құжаты

Бүгінгі сабағымызда HTML – гипермәтінді белгілеу тілімен таныс боламыз.

Интернеттің бар мәліметтерінің, яғни барлық Web-құжаттарының бір ортақ қасиеті-олардың басым көпшілігі HTML тілінде жазылған.HTML тілінде Web-құжаттарды жасау программалауға ұқсас болғанымен, ол қарапайым программалау тілі емес. HTML – гипермәтінді белгілеу тілі. Ол кәдімгі мәтіндерді Web-парақтар түрінде бейнелеуге арналған ережелер жиынын анықтайды.

Webпарақтар HTML (HyperTextMarkupLanguage – гипермәтінді белгілеу тілі)тілінде жазылған арнаулы файлдар түрінде болады. Осы файлдарды HTML серверлерінде орналастыру жолымен Webпарақтар қалың көпшілік пайдаланатындай түрде Интернетте жарияланады.Webпарақтар мазмұны әр түрлі бола береді және олар әр түрлі тақырыптарды қамтиды, бірақ олардың бәрінің де негізгі жариялану, яғни жазылу тілі HTML болып табылады. Осындай HTML құжаттарының бәрінің де файл аттарының кеңейтілуі *.htmнемесе *.html болып келеді.

Гипермәтін – қосымша элементтерді басқару мақсатында ішіне арнаулы код, яғни екпінді элемент (anchor-зәкір) орналасқан мәтін.

Web-құжат дегеніміз тәгтермен толықтырылған мәтіндік файл болып табылады,оның мәтіндерін бір-бірімен байланыстыра отырып белгілеуге мүмкіндік беретін HTML тілі.

Web-құжаттың алғашқы нұсқасын Блокнот немесе WordPadредоктарларында дайындап алып,броузер арқылы мәтін нұсқасын экранға шығарып түрлендіру қажет.Web-құжаттарды жасап,оны көрнекті түрге келтіріп безендіретін мамандарды web-шебер немесеweb-дизайнерлер деп атайды.

HTML тілінің бастапқы берілген символдық мәтінді белгілейтін командалары белгі немесе тәг(tag) деп аталады.Тәг символдар тізбегінен тұрады.Кез-келген тәг «кіші» (<) символынан басталады да, «үлкен» (>) символымен аяқталады.Осындай қос символ тізбегі бұрыштық жақшалар деп те аталады.Ашылатын бұрыштық жақшадан соң команда аты болып табылатын ағылшын тіліндегі түйінді сөз тәг орналасады.

Ашатын тәг белгілі бір әсер ету ісін бастайды,ал жабатын тәг сол әсерді аяқтайды.Жабу тәгтері қиғаш сызық символымен (/) басталуы тиіс

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

HTMLтәгтеріне мысалдар:

< HTML>

Жалпы тақырып < TITLE> Терезе тақырыбы

< /HEAD>

Ең ірі мәтін


Кішілеу мәтін H2>

<Р>< H3> Бірінші абзац

< H3> Екінші абзац

<Р> Абзац үшін жабу тәгі қажет емес. HRтәгі көлденең сызық сызады.



57 вебинаров для учителей на разные темы
ПЕРЕЙТИ к бесплатному просмотру
(заказ свидетельства о просмотре - только до 11 декабря)


Автор
Дата добавления 19.11.2015
Раздел Информатика
Подраздел Конспекты
Просмотров273
Номер материала ДВ-170624
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх