Анализ макета и верстка блочной структуры сайта (HTML, CSS, Flexbox)
план-конспект занятия (7, 8, 9, 10 класс)

Данный материал представляет собой учебно-методическую разработку, посвящённую анализу макета сайта и его реализации средствами HTML и CSS.

В работе рассматриваются основные этапы разработки веб-страницы: от анализа структуры макета до построения блочной модели сайта и применения современных способов расположения элементов с использованием Flexbox.

Особое внимание уделяется формированию у обучающихся навыков логического анализа структуры страницы, выделения основных блоков и последовательного построения верстки по принципу «от общего к частному».

Материал может быть использован при изучении основ веб-разработки в рамках курсов информатики, а также на занятиях дополнительного образования по направлению «веб-дизайн» или «программирование».

 

Скачать:

ВложениеРазмер
Файл analiz_i_verstka_blochnoi_modeli_saita.docx1.65 МБ

Предварительный просмотр:

По теме: методические разработки, презентации и конспекты

Основы HTML. Разработка Web-сайта Шесть уровней ворженности (модуль) 11 класс

Урок с использованием модульной технологии.На мой взгляд, использование модульной технологии позволяет: • повысить мотивацию учащихся в освоении не только знаний, но и ключевых компетенций; • строит...

Обобщающий урок «Разработка Веб-сайтов с использованием языка HTML»

Этот урок является заключительном  в  курсе “Разработка  Web-сайтов  с  использованием  языка  НТМL” . Он проведится его в  форме конкурса. Урок  стоит из ...

урок прозводственного обучения "Использование гиперссылок в HTML для создания веб-сайтов"

Язык гипертекстовой разметки HTML широко используется для создания веб-сайтов - основных элементов сети ИНТЕРНЕТ. На данном уроке при создании учебной веб-страницы...

Открытый урок по информатике на тему "Разработка Web-сайтов с использованием языка разметки гипертекста HTML"

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

Презентация "Основы HTML. Разработка Web-сайта"

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

Способы создания сайтов. Основы HTML

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

8 Внеурочные занятия 8 класс. Блочная верстка сайтов HTML

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