Web-программирования. Часть 1. Web-дизайн

Программа обучения по компьютерному курсу
" Web-программирования. Часть 1. Web-дизайн"

HTML

• Тема 1. Создание html-документа
  • Основные понятия
  • HTML-редактор
  • Браузер
  • Язык html
  • Понятие тег. Парные и непарные теги.
  • Создание html-страницы (html-документа) – index.html
  • Структура html-страницы. Основные теги
  • Теги оглавления
  • Кодировка
• Тема 2. Работа с текстом
  • Основные теги форматирования текста
    • Физическое форматирование
    • Логическое форматирование
  • Блочные и строковые (инлайновые) теги
  • Атрибуты тегов
  • Комментарии
  • Спецсимволы
• Тема 3. Работа с изображениями
  • Добавление изображений на страницу
  • Атрибуты тега <img />
  • Указание пути к файлу изображения
  • Виды использования изображений:
    • в тексте
    • как фоновые изображения
    • favicon
• Тема 4. Списки
  • Маркированные
  • Использование изображений как маркера списка
  • Нумерованные
  • Списки определений
  • Вложенные списки
  • Комбинированные списки
• Тема 5. Таблицы
  • Теги для создания таблиц, их атрибуты и значения
  • Текст в таблице
  • Объедение ячеек таблицы
• Тема 6. Ссылки
  • Внешние ссылки
  • Внутренние ссылки
  • Якорь (анкер)
  • Атрибуты и параметры тега <a> </a>
  • Меню для сайта
• Тема 7. Карты ссылок
  • Теги <map></map> и <area />
    • прямоугольник
    • окружность
    • полигон
• Тема 8. Фреймы
  • Макет сайта
  • Атрибуты тега <frameset>
  • Атрибуты тега <frame>
• Тема 9. Внедрение аудио- видеоэлементов. Iframe
  • Внедрение собственного видео
  • Внедрение видео с Youtube
  • Внедрение аудиоэлементов
• Тема 10. Формы
  • Протоколы передачи гипертекстов (POST, GET)
  • Формы
  • Элементы формы:
    • text
    • password
    • radio
    • checkbox
    • reset
    • select
    • textarea
  • Возможности HTML5
    • Автозаполнение в текстовых полях
    • Проверка вводимых данных (поля ввода email, url и tel)
• Тема 11. Основы верстки
  • Верстка
  • Верстка таблицами

CSS

• Тема 12. CSS (cascading style sheet)
  • Способы подключения CSS к документу
    • Связанный (Linked или External)
    • Внедренный (Embedded)
    • Встроенный (Inline)
  • Подключение файла .css
  • Правила построения CSS: селекторы, свойства, значения
  • Виды селекторов
  • Классы элементов. Идентификаторы элементов
  • Псевдоклассы
• Тема 13. Основные свойства CSS
  • Свойства CSS, отвечающие за шрифт
  • Свойства CSS, отвечающие за размер элементов
  • Свойства CSS, отвечающие за текст
  • Свойства CSS для элементов
  • Свойства CSS, отвечающие за позиционирование элементов
  • Свойства CSS, отвечающие за фон
  • Свойства CSS, регулирующие отступы элементов
  • Свойства CSS, которые позволяют установить размер поля для элемента
  • Браузерные префиксы
• Тема 14. Позиционирование элементов
  • Статическое позиционирование
  • Фиксированное позиционирование
  • Относительное позиционирование
  • Абсолютное позиционирование
  • Перекрывание элементов
  • Верстка слоями (div)
• Тема 15. Меню сайта на CSS
  • Горизонтальное меню
  • Вертикальное меню
  • Выпадающее меню
  • Псевдоэлементы
• Тема 16. Подключение готовых решений JQuery (Javascript)
  • FancyBox
  • Галерея изображений
  • Диалоговые окна
  • Встраивание карт Google и Яндекс (на основе элементов FancyBox и/или тега Iframe)

Выпускная работа

Создание статического web-сайта на основе предложенного дизайна
(например: сайт-визитка, информационный сайт)