Анализ макета и верстка блочной структуры сайта (HTML, CSS, Flexbox)
план-конспект занятия (7, 8, 9, 10 класс)
Данный материал представляет собой учебно-методическую разработку, посвящённую анализу макета сайта и его реализации средствами HTML и CSS.
В работе рассматриваются основные этапы разработки веб-страницы: от анализа структуры макета до построения блочной модели сайта и применения современных способов расположения элементов с использованием Flexbox.
Особое внимание уделяется формированию у обучающихся навыков логического анализа структуры страницы, выделения основных блоков и последовательного построения верстки по принципу «от общего к частному».
Материал может быть использован при изучении основ веб-разработки в рамках курсов информатики, а также на занятиях дополнительного образования по направлению «веб-дизайн» или «программирование».
Скачать:
| Вложение | Размер |
|---|---|
| 1.65 МБ |
Предварительный просмотр:
По теме: методические разработки, презентации и конспекты
Основы HTML. Разработка Web-сайта Шесть уровней ворженности (модуль) 11 класс
Урок с использованием модульной технологии.На мой взгляд, использование модульной технологии позволяет: • повысить мотивацию учащихся в освоении не только знаний, но и ключевых компетенций; • строит...

Обобщающий урок «Разработка Веб-сайтов с использованием языка HTML»
Этот урок является заключительном в курсе “Разработка Web-сайтов с использованием языка НТМL” . Он проведится его в форме конкурса. Урок стоит из ...
урок прозводственного обучения "Использование гиперссылок в HTML для создания веб-сайтов"
Язык гипертекстовой разметки HTML широко используется для создания веб-сайтов - основных элементов сети ИНТЕРНЕТ. На данном уроке при создании учебной веб-страницы...

Открытый урок по информатике на тему "Разработка Web-сайтов с использованием языка разметки гипертекста HTML"
Открытый урок по информатике на тему "Разработка Web-сайтов с использованием языка разметки гипертекста HTML" Цели урока: Повторение основных принципов построения сайтов, структуры HTML-документа...

Презентация "Основы HTML. Разработка Web-сайта"
Презентация предназначена для получения первоначальных сведений о создании Web-сайта и основах HTML....

Способы создания сайтов. Основы HTML
ЦЕЛИ И ЗАДАЧИ УРОКА:Освоить основные этапы построения web - страницОсвоить основные методы создания web - страницИметь представление об особенностях оформления информационных блоков страницыОсво...

8 Внеурочные занятия 8 класс. Блочная верстка сайтов HTML
Раньше на просторах Интернета был широко распространён табличный тип вёрстки (таблицами мы разобрались на одном из предыдущих занятий). Однако со временем этот подход к созданию структуры сайта устаре...