Сайтостроение (HTML, CSS)

Модуль «Технология создания гипертекстовых документов»
Адамский С. С., Зайцев В. А.

Информация и документы
Описание ЦУМК: ЦУМК создан в рамках проекта МБОУ СОШ № 30 г. Пензы «Технологии виртуальной и дополненной реальности в преподавании предметной области «Информатика» мероприятия «Развитие и распространение лучшего опыта в сфере формирования цифровых навыков образовательных организаций, осуществляющих образовательную деятельность по общеобразовательным программам, имеющих лучшие результаты в преподавании предметных областей «Математика», «Информатика» и «Технология» в рамках федерального проекта «Кадры для цифровой экономики» национальной программы «Цифровая экономика»

Документов нет

Введение

Основные инструменты, понятия и термины


1. Введение в технологию создания гипертекстовых документов

Цель, задачи курса, общий обзор тематики, основные положения.

Задания к теме

Работы не принимаются в цифровой форме


2. Программное обеспечение для создания гипертекстовых документов

В теме рассматривается программное обеспечение, необходимое для выполнения заданий по курсу

Задания к теме

Принимается Файл изображения, архива или офисного документа (в т.ч. и pdf) до 15 мегабайт


Язык разметки веб-страниц HTML

Основы создания страниц HTML


1. Структура языка разметки HTML и правила вложенности тегов

Рассматриваются синтаксические единицы и правила языка разметки, основные структурные теги. Кодировка.

Задания к теме

Работы не принимаются в цифровой форме


2. Виды тегов. Форматирование текста

Рассматриваются парные и одиночные теги, средства оформления и представления текста на странице при помощи HTML. Списки, Таблицы.

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


3. Атрибуты тегов. Внедрение мультимедийных объектов

Рассматриваются примеры параметров у различных тегов, а так же возможность вставки на странице различных внешних объектов. Классы и идентификаторы элементов. Типы изображений

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


4. Гиперссылки, виды адресаций, якоря

Рассматриваются способы связывания страниц и информации на них при помощи абсолютной, относительной адресации и использования якорей.

Задания к теме

Работы не принимаются в цифровой форме


5. Практическая работа

Создание простейшей WEB-страницы

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


Каскадные таблицы стилей CSS

Использование каскадных таблиц стилей для оформления внешнего вида страниц HTML


1. Синтаксис, базовые правила и способы использования CSS

Рассматриваются способы применения правил оформления к объектам на странице HTML. Наследование свойств. Приоритеты.

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


2. Оформление текста и объектов при помощи CSS

Виды отображения элементов, виды параметров форматирования, единицы измерения у параметров, цветовые модели

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


3. Позиционирование объектов на странице, блочная вёрстка

Рассматриваются способы расположения объектов на странице относительно друг-друга, примеры блочной вёрстки

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


4. Псевдоклассы, обработка событий на странице при помощи CSS

Рассматриваются событие наведения мыши на объекты и их различные состояния, описываемые псевдоклассами CSS.

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


5. Практическая работа

Создание HTML-страницы с применением CSS-оформления

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


Создание статичного сайта

Совмещение изученных тем в готовый продукт


1. Типовые структуры и макеты сайтов

Рассматриваются возможные варианты для разработки структуры блочных страниц

Задания к теме

Работы не принимаются в цифровой форме


2. Практическая работа

Реализация статичного многостраничного сайта

Задания к теме

Принимается ссылка на ресурс, размещённый на стороннем сервере


3. Итоговая контрольная работа (тест)

Итоговый тест по материалам курса

Задания к теме

Работы не принимаются в цифровой форме