Основы создания веб-сайтов. Adobe Dreamweaver: Курсы

Занятие 1. Основы устройства и функционирования интернета

• Представление многообразия сайтов.
• Архитектура сети «Клиент-сервер». Протоколы интернета.
• Адресация в сети интернет, доменные имена.
• Структура HTML документа, основные тэги. Каскадные таблицы стилей css.
• Клиентское и северное ПО.
• Знакомство с Adobe Dreamweaver.

Практическая работа: создание проекта в Adobe Dreamweaver, подключение css стилей, создание html страницы.

Занятие 2. Основы использования Adobe Dreamweaver

• Основные понятия и элементы Adobe Dreamweaver.
• Проекты и файлы, подключение css.
• Среда разработки: библиотека стилей и тегов, сохранение состояния, css редактор.
• Системные настройки Adobe Dreamweaver.

Практическая работа:  изменение html страницы с помощью Adobe Dreamweaver.

Занятие 3. Основы html-программирования

• Основные понятия языка разметки HTML.
• Основные теги форматирования текста, списки.
• Логические и физические теги.
• Мета теги и заголовок .
• Графические изображения.
• Ссылки на странице, якоря.

Практическая работа:  создание html страницы с использованием html тегов.

Занятие 4. Основы стилевых описаний. Каскадные таблицы стилей css

• Иерархия селекторов css, приоритеты css правил. Псевдоэлементы и псевдоклассы.
• Единицы измерения в css.
• Свойства текста, свойства шрифта.
• Цвет и фоновое изображение.
• Границы элементов, отступы.
• Основные теги позиционирования.

Практическая работа:  изменение html страницы с использованием каскадных таблиц стилей css.

Занятие 5. Создание html-страницы, часть № 1

• Этапы создания сайтов.
• Основные блоки и элементы на сайте.
• Этап планирования: размещение блоков и элементов на странице.
• Фоновый цвет.
• Позиционирование элементов, размеры, отступы.
• Выравнивание элементов.
• Меню на сайте, ссылки.

Практическая работа:  создание схемы расположения элементов на html странице, создание меню.

Занятие 6. Создание html-страницы, часть № 2

• Размещение картинок: размер, расположение.
• Цветовые модели.
• Цвет текста и фон страницы.
• Размеры, отступы, границы элементов.

Практическая работа:  размещение на html странице графических изображений.

Занятие 7. Создание html-страницы, часть № 3

• Размещение контента на страницах, якоря.
• Понятие «Хлебные крошки».
• Разбиение страницы на колонки.
• Скрытие блоков.
• Заключительный блок «Footer».

Практическая работа:  заполнение html странице контентом, разбиение страницы на блоки.

Занятие 8. Создание html-страницы, часть № 4. Подготовка к экзаменационной работе

• Создание и размещение таблицы, табличная верстка.
• Создание и размещение формы.
• Различные способы верстки.
• Выбор шаблона сайта.

Практическая работа:  создание и размещение таблицы и формы, подготовка шаблона сайта для экзаменационной работы.

Занятие 9. Экзаменационная работа

• Создание сайта на выбранную тему.

Занятие 10. Заключительные этапы создание сайта

• Размещение сайта в сети интернет.
• Хостинг и хостинг-провайдеры.
• Раскрутка и сопровождение сайта.