Web-дизайн

Программа курса: Занятие 1. Основные понятия. · Понятие WWW. Понятия гипертекста документов, web-сайтов и web-сервера. Обзор браузеров для просмотра веб-сайтов. Обзор программного обеспечения для работы над веб-сайтом. · Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный. Разработка структуры и этапы построения web-сайта. · Язык HTML. Структура HTML документа. Понятие тэга, их типы и оформление. Тэги HTML и блока заголовков. Обзор тэгов, входящих в блок заголовков. Тэг основного блока. Обзор основных параметров тэга BODY и их использование. · Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц. · Практическая работа с использованием изученного материала. Занятие 2. Обзор и работа с тэгами для создания текста. · Создание текстовых заголовков различных уровней и их позиционирование на веб-странице. · Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета. · Обзор тэгов разрыва строк и выделения блоков, их области применения. · Обзор тэгов создания списков различных типов. · Принципы вставки спецсимволов и тэги псевдографики. · Практическая работа с использованием изученного материала. Занятие 3. Обзор и работа с тэгами для создания таблиц и гиперссылок. · Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры. · Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры. · Практическая работа с использованием изученного материала. Занятие 4. Подготовка изображений к размещению на сайте. · Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование. Адаптация графических изображений для размещения на веб-страницах. · Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop. · Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц. · Практическая работа с использованием изученного материала. Занятие 5. Работа с графическими объектами и их размещение на веб-сайтах. · Тэги вставки изображений на web-страницы и их параметры. · Использование мультимедия, баннеров и анимированных изображений на веб-сайте. · Понятие и использование форм на веб-страницах. · Понятие карты сайта, её назначение и использование. · Понятие, типы и использование фреймов. · Понятие и применение комментариев HTML. · Практическая работа с использованием изученного материала. Занятие 6. Технология CSS, её версии и поддержка браузерами. · Понятие, область применения и принципы построения каскадных таблиц стилей (CSS). Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов. · Обзор инструкций CSS для оформления, изменения размеров и цвета текста. · Обзор инструкций CSS для установки фоновых изображений и их параметры. · Практическая работа с использованием изученного материала. Занятие 7. Создание web-сайта по шаблону. · Автоматизация создания и редактирования веб-сайтов. Работа с визуальным редактором. · Создание веб-страницы с помощью шаблонов в визуальном редакторе. · Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных. · Практическая работа с использованием изученного материала. Занятие 8. Размещение web-сайта на сервере. · Понятие и типы хостинга. Выбор хостинга для размещения своего сайта. Требования и ограничения серверов для размещения веб-ресурсов. · Закачка и размещение сайта на сервер. · Зачетная работа. Занятие 9. Выбор платформы CMS. · Русские CMS (Bitrix, UmiCMS, HostCMS, MelbisShop). · Зарубежные CMS (osCommerce, Magneto, Joomla, Virtuemart). Занятие 10. Разработка веб-сайтов на платформе 1С: Битрикс. · Создание раздела 1С: Битрикс. · Управление свойствами раздела 1С: Битркис. · Регистрация и авторизация в системе 1С: Битрикс.