Главная » Компьютерные курсы web-дизайна » Курс web-дизайна » Учебная программа курса web-дизайн

Курс web-дизайна в центре компьютерного обучения

Учебная программа курса web-дизайн

Занятие 1. Основы языка разметки HTML

  • Что такое тег. Виды тегов. Правила написания атрибутов и тегов.
  • Теги заголовков, текстов.
  • Применение логических и физических стилей.
  • Задание параметров текста. Выравнивание текста.
  • Создание маркированных, нумерованных и определенных списков. Создание вложенных списков.
  • Создание линий.
  • Назначение графического фона и задание цвета страницы.
  • Вставка спецсимволов.


Занятие 2. Табличная модель сайта (табличная верстка)

  • Создание таблиц.
  • Тег table и его атрибуты.
  • Тег создания строк и его атрибуты.
  • Тег создания ячеек и его атрибуты.
  • Объединение ячеек. Тег создания заголовков таблицы.
  • Вставка таблицы в ячейку таблицы (создание вложенных таблиц).


Занятие 3. Ссылки и формы

  • Создание форм.
  • Что такое ссылка. Виды ссылок. Правила написания.


Занятие 4. Графические объекты и изображения. Программа Photoshop

  • Вставка рисунка.
  • Атрибуты тега img.
  • Создание фотоальбома.
  • Обработка фотографии в программе Photoshop.
  • Пример создания заголовка в программе Photoshop.
  • Автоматическая обработка фотографии в программе Photoshop.
  • Создание кнопок.
  • Создание баннеров.


Занятие 5. Основы CSS

  • Создание таблицы стилей для страницы.
  • Создание стиля для тега.
  • Создание стиля для всего сайта.
  • Применение стилей для форм, для списка, для изображений, ссылок, таблиц.


Занятие 6. Блочная модель сайта (блочная верстка)

  • Стили для блоков.
  • Слои.
  • Практическая работа по созданию сайта из блоков.
  • Создание выпадающего меню.


Занятие 7. Программа Dreamweaver (I часть)

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


Занятие 8. Программа Dreamweaver (II часть)

  • Работа со стилями в Dreamweaver.
  • Создание блочного сайта в Dreamweaver.
  • Вставка видеофайлов, звуковых файлов.
  • Вставка flash-объектов.
  • Работа с формой.
  • Мета-теги.
  • Этапы создания сайтов.
  • Публикация сайта.

 

Зачет (творческая работа)