Проектування та верстка веб-сторінок

Про матеріал
Мета: Допомогти учням засвоїти факти та основні ідеї проектування та верстки веб-сайту. Забезпечити якість вивчення нового матеріалу. Формувати вміння виділяти головне, актуалізувати, конспектувати, порівнювати, зіставляти. Забезпечити диференційований підхід. Встановити зв'язки між засвоєними та новими знаннями. Формувати групи компетентностей: соціально-трудову, інформаційну, загальнокультурну, соціально-трудову, уміння вчитися.
Зміст слайдів
Номер слайду 1

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк

Номер слайду 2

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок

Номер слайду 3

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Пригадайте: Проектування та верстка веб-сторінок. Опишіть відомі Вам етапи розробки веб-сайту. Що таке верстка?В чому полягає особливість технічного завдання під час проектування сайту?

Номер слайду 4

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Ти дізнаєшся: Проектування та верстка веб-сторінок

Номер слайду 5

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок

Номер слайду 6

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLВерстка веб-сторінки (англ. page-proof) — це процес створення  веб-сторінки із попередньо створеного макету дизайну сайту, заздалегідь намальованого за допомогою графічних редакторів. Основні підходи до верстки сайту Фіксована верстка При зміні розміру вікна браузера блоки не поміняють свою ширину, з'явиться смуга прокрутки. Гумова верстка. Залежно від розміру вікна браузера, блоки змінять свою ширину. Адаптивна верстка Втілюється в життя завдяки різним скриптам. Чуйна верстка Являє собою злиття адаптивної і гумовою верстки. Версія сайту для мобільних пристроїв Фактично є створенням іншого сайту з іншим дизайном, версткою і URL адресою

Номер слайду 7

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLПроцеси створення сайту

Номер слайду 8

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLМакети веб-сторінок

Номер слайду 9

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLCSS-верстка сайту, каскадні таблиці стилів верстка сайту на основі елементів 

структура сторінки сайту представлена у вигляді таблиці HTML-верстка сайту на основі мови HTMLHTML-верстка сайту. Таблична верстка сайту. CSS-верстка сайту Блокова верстка сайту. Блокова верстка сайту

Номер слайду 10

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Проектування та верстка веб-сторінок. Основи мови HTMLМакети веб-сторінок

Номер слайду 11

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити тему. Продовжіть розробку веб-сторінки «Моя маленька батьківщина»Заповнити словничок Проектування та верстка веб-сторінок

Номер слайду 12

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Працюємо за комп’ютером

Середня оцінка розробки
Структурованість
5.0
Оригінальність викладу
5.0
Відповідність темі
5.0
Загальна:
5.0
Всього відгуків: 1
Оцінки та відгуки
  1. Струтинська Оксана
    Загальна:
    5.0
    Структурованість
    5.0
    Оригінальність викладу
    5.0
    Відповідність темі
    5.0
zip
До підручника
Інформатика (рівень стандарту) 10 клас (Морзе Н.В., Вембер В.П., Кузьмінська О.Г.)
Додано
14 березня 2019
Переглядів
9027
Оцінка розробки
5.0 (1 відгук)
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку