Cоздание корпоративного полнофункционального Web-сайта и публикация его в сети Интернет. В курсе рассматриваются все этапы создания Web-сайта: получение исходных материалов у заказчика, подготовка текстовой информации и разработка графических элементов, разработка макета Web-страницы, создание интерактивных эффектов, публикация, поддержка и продвижение сайта в сети Интернет.

Скачать бесплатно первый урок Посмотреть первый урок онлайн

Программа курса

Урок 1. Основные Интернет-технологии и инструментальные средства Web-дизайна. Практическое введение в HTML

Урок начинается с обзора основных Интернет-технологий, которые используются в современном Web-дизайне. Здесь же вы узнаете назначение и структуру языка HTML, которые используется в настоящее время для создания большинства Web-страниц и Web-сайтов. Практическая работа будет посвящена знакомству с Web-редактором Macromedia Dreamweaver MX2004, в котором мы попрактикуемся в написании HTML-кода.

+ вводный видеоурок (1.5 Мб)

Урок 2. Подготовка текстовой информации. Гиперссылки

Одним из самых важных этапов создания сайта является подготовка текстов. В Web-дизайне различают логическое и физическое форматирование. Здесь вы узнаете различные приемы форматирования текста в программе Dreamweaver. А также научитесь связывать отдельные страницы при помощи гиперссылок.

Урок 3. Web-графика: оптимизация, создание интерактивных кнопок, Gif-анимация

В данном уроке мы рассмотрим приемы подготовки графических изображений для Web-страниц. Вы научитесь:
- оптимизировать графику так, чтобы при сохранении приемлемого качества, размер графического файла был минимальным;
- создавать кнопки меню, которые меняют свой вид при наведении на них указателя мыши;
- создавать GIF-анимацию средствами Adobe ImageReady CS.
- разрабатывать макет страницы и проводить его нарезку.
В уроке вы будете работать с такими графическими редакторами как Adobe Photoshop, Adobe Image Ready и Macromedia Fireworks.

Урок 4. Таблицы в Web-дизайне. Шаблоны

Для размещения элементов на странице используются таблицы. В данном уроке вы рассмотрите структуру таблицы на языке HTML и приемы форматирования таблицы в программе Dreamweaver. Практические задания урока посвящены разработке табличной структуры страницы и сборке нарезанного в Photoshop макета страницы. Также вы научитесь использовать такое удобное средство как шаблоны.

Урок 5. Технология CSS

Использование каскадных таблиц стилей (CSS) отличает профессиональный сайт от любительского. CSS – это основное средство «украшения» Web-страниц. Благодаря использованию этой технологии, вы сделаете свои страницы оригинальными и привлекательными. Выполняя практические задания, вы научитесь создавать и применять стили для различных элементов на странице, изменять цвет полосы прокрутки, создавать различные типы рамок вокруг элементов.

Урок 6. Технология фреймов. Публикация, регистрация и поддержка сайта

Технология фреймов применяется тогда необходимо зафиксировать на странице некоторые элементы (кнопки, шапку и т.п.), а основной текст страницы имел собственную полосу прокрутки. Здесь же мы рассмотрим как опубликовать сайт в сети Интернет, проводить его поддержку и раскрутку.

Урок 7. Интерактивные эффекты на Web-страницах (часть 1). Java-апплеты

В этом уроке вы рассмотрите некоторые приемы «оживления» страницы. Например, в практическом задании вы научитесь создавать фотогалереи (когда при щелчке на фотографии, увеличенная ее копия открывается в отдельном окне), изменять текст в строке состояния браузера и использовать на своих страницах Java-апплеты.

Урок 8. Интерактивные эффекты на Web-страницах (часть 2). Java-script. Создание выпадающего меню

Для создания интерактивных эффектов на Web-страницах используется язык Javascript. В этом уроке мы не будем учиться программированию, а научимся приспосабливать уже готовый Javascript-код к своим страницам. Это позволит вам реализовать на вашем сайте выпадающее меню, не написав при этом ни строчки кода.

Урок 9. Серверные технологии. Формы. Отправка формы на e-mail. PHP. SSI

На Web-страницах для обеспечения обратной связи с посетителями используется специальные элементы – HTML-формы. В практическом задании вы напишите скрипт, с помощью которого вы сможете провести опрос посетителей вашего сайта. Также вы узнаете как просто можно создать ленту новостей.

Урок 10. Технология Flash. Создание анимированного меню для Web-страниц

Технология Flash применяется для создания как отдельных элементов Web-страниц, так и целых сайтов. В практическом задании урока вы научитесь создавать анимационные навигационные панели для своего сайта.

В результате прохождения всех уроков курса вы создадите реальных проект – корпоративный Web-сайт.

Объем курса: 40 ак.ч.