Курс: HTML+ CSS – язык разметки текста
Продолжительность курса: 16 ак. ч.
Описание курса:
Данный курс посвящен созданию Web-сайтов. В курсе рассматривается создание HTML-страниц с помощью простейшего текстового редактора Notepad. Используется «чистый» HTML-код Цель курса: ознакомить слушателей с возможностями языка HTML по созданию Web-страниц
Аудитория:
Данный курс предназначен как для пользователей, не имеющих представления о Web-дизайне, так и для пользователей, имеющих определенные навыки работы, но желающих повысить свой уровень.
Необходимая подготовка:
Базовая компьютерная подготовка (Windows, Word).
Результат обучения:
После изучения курса слушатель будет уметь:
• создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
• самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
• грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
• эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
• использовать технологию фреймов.
Программа курса:
Модуль 1. Основные понятия.
• Что такое web-сайт, web-страница. Статичный и динамичный сайт. Понятие «usability».
• Цели и задачи языка HTML.
• HTML-разметка: Элементы, тэги, атрибуты тегов
• Структура HTML-документа (выноски, статьи, навигационные, «шапка», «подвал»).
• Раздел head и заголовок документа
• Использование комментариев
Модуль 2. Содержание страницы HTML
• Регистр букв, закрытие тегов,
• Валидация HTML-документа, валидатор W3C (Стандарты W3C. Документация).
• Текстовые элементы разметки
• Структурные элементы разметки
Модуль 3. Гиперссылки
• Понятие гиперссылок на web - страницах
• Внешние и внутренние гиперссылки
• Типы адресов на web - страницах
• Дополнительные атрибуты гиперссылок
Модуль 4. Изображения
• Типы изображений используемые на web - страницах
• Вставка изображений на страницу
• Атрибуты тега img
Модуль 5. Списки
• Структурирование информации на WEB-странице при помощи списков.
• Маркированный список
• Нумерованный список
• Список определений
• Смешанные списки
Модуль 6. Таблицы
• Основные элементы таблицы
• Структура таблицы на странице
• Объединение ячеек. Типичные ошибки при работе с таблицами
Модуль 7. Формы
• Что такое веб-формы?
• Элемент form
• Текстовые поля и кнопки
• Элементы выбора
• Списки
• Атрибуты элементов формы
Модуль 8. CSS. Каскадные таблицы стилей: основные свойства
• Основные понятия CSS
• Способы определения стилей
• Каскадирование
• Наследование
• Единицы измерения в CSS
• Селекторы
• Псевдоклассы и псевдоэлементы
• Свойства шрифтов
• Свойства текста
• Свойства цвета и фона
• Оформление границ элемента
• Внутренние отступы элемента
• Наружные отступы элемента
• Размеры элемента
• Позиционирование элемента
• Видимость элемента
Модуль 9. Мета-информация на странице
• Использование мета-информации, элемент meta и его атрибуты
• Поясняющая мета-информация
• Мета-информация для роботов
Модуль 10. Дополнительная информация
• Инструменты разработчика: FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы.
• Создание макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта.
Модуль 11. Выбор хостинга и поддержка сайта
• Хостинг
• Поиск хостера
• Услуги хостера
• Использование FTP-клиента