Основы верстки интернет – страниц. Разработка сайта на HTML и CSS.
Adobe Dreamweaver .

Автор курса: Илларионова Мария Валерьевна
Сроки обучения: 24 ак. часа (6 занятий по 4 ак. часа)
Дни занятий:  декабрь 2014
Время занятий: 
Стоимость:  10800-00 руб.

Для студентов Международной Школы Дизайна – скидка 10 %.
Для выпускников Международной Школы Дизайна – скидка 20 %.
По окончании курса выдается сертификат Международной Школы Дизайна.

ЦЕЛЬ КУРСА:

Познакомиться с основами верстки интернет – страниц, понять основные приемы, используемые при верстке сайтов.

HTML (англ. HyperText Markup Language — «язык гипертекстовой разметки»)— язык разметки документов в интернете. HTML-документ обрабатывается браузером и отображается в удобной для человека форме.

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки, по сути – технология задания цветов, шрифтов, расположения частей документа. Именно с появлением CSS стало возможным принципиальное разделение содержания и представления документа и окончательно сформировалось такое понятие, как вёрстка — процесс формирования сайта.

ЗАДАЧИ КУРСА:

Изучить основы языка HTML и спецификации CSS (Каскадных таблиц стилей), достаточные для создания web-страниц;
получить базовые знания по стилистике и структуре Web, которые помогут в разработке информативных и удобных в использовании сайтов;
познакомиться со всеми этапами разработки сайта, от планирования до публикации в интернет;
изучить программу Adobe Dreamweaver;
рассмотреть популярные принципы верстки сайтов;
узнать, как и где разместить разработанные сайты, рассмотреть особенности коммерческого и бесплатного хостинга.

Описание курса:

Понимание основных приемов, используемых при создании сайтов, опыт практической работы по наполнению веб-страниц помогут специалистам любой профессии – директорам и менеджерам компаний, маркетологам, рекламистам, дизайнерам и программистам эффективно использовать возможности интернет

Необходимый уровень подготовки:

Слушатели должны иметь теоретические и практические навыки работы на персональном компьютере. Необходимо являться уверенным пользователем сети интернет.

 

ЗАНЯТИЕ 1. ОСНОВНЫЕ ПОНЯТИЯ. ЯЗЫК HTML
Сервисы Интернет. WWW.
Архитектура «Клиент-сервер». Клиентское и серверное ПО.
Адресация в Интернет. Основы доменной системы имен DNS.
Язык HTML. Структура HTML документа. Основные тэги форматирования текста.

ЗАНЯТИЕ 2. ЦВЕТ И ГРАФИКА НА СТРАНИЦАХ. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ CSS
Представление цвета в web. Цветовая модель RGB.
Форматы графических изображений, используемых в Интернет, их особенности.
Вставка изображений на страницу и их свойства.
Гиперссылки. Абсолютные и локальные ссылки. Закладки на странице. Почтовая ссылка и ссылка «скачать».
Стилевые описания. Определение, назначение. Наследование и переопределение стилей.
Способы определения стилевых описаний. Классы. Примеры.

ЗАНЯТИЕ 3. САЙТА, МАКЕТ И ШАБЛОН
Рекомендации по применению стилей. Эффекты с использованием CSS.
Работа с таблицами. Параметры таблицы, строки и ячейки.
Этапы разработки сайта. Определение целей, проектирование содержимого, разработка логической структуры, разработка дизайн макета, создание шаблонов.
Понятие юзабилити (Usability).
Подготовка графических изображений к публикации. Оптимизация графики.

ЗАНЯТИЕ 4. РАЗРАБОТКА САЙТА. ADOBE DREAMWEAVER
Обзор средств разработки web страниц. Редакторы и генераторы кода.
Программа Adobe Dreamweaver. Настройка пользовательского интерфейса. Организация сайта и файлов сайта.
Использование основных панелей инструментов.
Использование фоновых изображений, градиентов и текстур.
Использование бордюров, скругление углов.
Теневые эффекты у текста и блочных элементов.
Типы селекторов. Использование псевдоклассов.

ЗАНЯТИЕ 5. БЛОЧНАЯ ВЕРСТКА. АДАПТИВНАЯ ВЕРСТКА. МАШТАБИРУЕМЫЙ ДИЗАЙН
Блочная верстка. Свойства блочных элементов.
Обзор возможностей блочной верстки.
Понятие адаптивной верстки.
Основные схемы, используемые при блочной верстке.
Обтекание блоков. Масштабируемый дизайн. Центрирование блоков.
Использование фоновых изображений, градиентов и текстур.
Использование бордюров, скругление углов.
Теневые эффекты у текста и блочных элементов.
Типы селекторов. Использование псевдоклассов.

ЗАНЯТИЕ 6. ПРАКТИЧЕСКАЯ РАЗРАБОТКА САЙТА

ЗАНЯТИЕ 7. FTР. ПУБЛИКАЦИЯ САЙТА.
Общие понятия клиентских и серверных технологий.
Раздел документа HEAD, тэги META.
Публикация сайта на сервере. Применение FTP-клиента для публикации сайта на сервере.
Размещение на страницах сайта информеров, счетчиков, карт и ссылок на социальные сети.

Заполните заявку на обучение.

наверх страницы