Создание Web-сайтов онлайн

Содержание онлайн-курса

Введение. Сетевые информационные технологии

• Основы Интернет. Глобальная  компьютерная сеть Интернет.

• Технические  и программные средства Интернет.

• Структура, адресация, протоколы передачи.

• Основные услуги компьютерных сетей: электронная почта, телеконференции, файловые архивы.

• Сервис WWW. История создания World Wide Web.

• Web-страницы Гипертекст. Гиперссылки.

• Web-сайты. Типы сайтов, назначение, цель, целевая аудитория.

• Содержание, структура и дизайн Web-сайта.

• Этапы разработки Web-сайта.

• Инструментальные средства разработки Web-сайта.

• Планировка отдельных страниц и сайта в целом. Советы начинающим

• Обозреватели (браузеры) Интернет.

• Навигация в обозревателе. Поиск информации.

•  Настройка пользователем программного средства электронных коммуникаций.

Основы  языка HTML

• Инструментарий для создания Web-страниц.

• Назначение языка HTML.

• Теги  и атрибуты тегов.

• Структура документа HTML.

• Определение функциональных разделов документа.

• Синтаксис HTML и структура HTML

• Тело документа.

• Первая веб-страница.

• Тестирование страницы.

• Разметка текста.

• Элемент заголовка

• Элемент абзаца.

• Элемент разрыва строки.

• Элемент цитирования.

• Списки.

• Специальные символы.

• Гипертекстовые ссылки.

• Проверка кода.

Таблицы каскадных стилей. CSS

• Применение внешней таблицы стилей.

• Преимущества каскадных таблиц стилей (CSS).

• Селекторы и определения.

• Использование цвета фона и текста.

• Разметка внутренних стилей CSS

• Изменение текста.

• Селекторы класса, идентификатора и потомка.

• Использование внешних таблиц стилей.

• Центрирование.

• Каскадность стилей.

• Валидация CSS.

Графические элементы.

• Конфигурирование линий и границ

• Типы графических изображений.

• Изображения-ссылки.

• Фоновые изображения.

• Источники графических файлов. (Adobe Photoshop)

• Визуальные эффекты CSS

Разработка макета страницы.

• Блочная модель.

• Нормальный поток.

• Позиционирование с помощью CSS.

• Плавающий эффект.

• Удаление обтекаемого элемента.

• Макеты страниц в две колонки. CSS

• Гиперссылки в виде неупорядоченного списка.

• Интерактивность CSS.

• Проверка синтаксических ошибок.

Таблицы.

• Элемент таблиц.

• Строки, ячейки, заголовки.

• Объединение строк и столбцов.

• Конфигурирование доступной таблицы.

• Использование CSS для оформления таблиц.

Формы.

• Элемент управления.

• Элемент ввода данных

• Текстовая область с прокруткой.

• Раскрывающийся список.

• Кнопки-изображения.

• Доступность и формы.

• Стилизация форм.

• Обработка на стороне сервера.

Регистрация сайта.

• Процесс разработки сайта.

• Доменное имя.

• Веб-хостинг.

• Регистрация.

• Загрузка сайта на сервер.