ВЕБ ДИЗАЙН. СОЗДАНИЕ WEB САЙТОВ

Подробное описание обучения по курсу (программе обучения)

Тема 1. Что такое WEB-дизайн?

1. Виды сайтов. Их структура.

2. Технологии в web-дизайне (клиентские, серверные)

3. Выбор дизайнерского проекта и способы его осуществление (цвета, шрифты, навигация).

 Тема 2. Тэги каркаса. Заголовок странички (практика)

1. Язык разметки Гипертекстовых документов (HTMLX, 5, 4): сущность, историческая справка, будущее.

2. Основные понятия HTMLX, 5, 4 (тэги и их параметры).

3. Структура HTML5-документа (разделы HEAD, BODY).

4. Оптимизация сайта под поисковые системы (теги META и файл robots.txt, полезные советы)

 Тема 3. Работа с изображениями (практика)

1. Графика на Web-странице (форматы графических файлов, полезные советы по включению изображений на страницу).

2. Встраивание изображений в HTML-документ (фоновые изображения, выравнивание изображений, рамка, альтернативный текст).

3. Создание Фреймовой структуры документов (плюсы и минусы, реализация).

 Тема 4. Табличная верстка, создание таблиц (практика)

1. Таблицы в HTML-документах.

2. Встраивание на страницу, заголовок таблицы.

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

4. Форматирование данных внутри таблицы.

Тема  5. Табличная верстка, разметка (практика)

1. Вложенные таблицы.

2. Особенности построения таблиц (пустые ячейки, выравнивание в столбцах, фоновый рисунок и цвет рамки).

3. Слияние ячеек.

 Тема 6. Формы (практика)

1. Типы деловых писем и правила их составления.

2. Встраивание форм в HTML-документ (предназначение, методы передачи данных, типы содержимого формы).

3. Элементы формы

4. Элемент Input (текстовые поля, кнопки, флажки, переключатели)

5. Элемент Select(списки с одиночным и множественным выбором)

6. Элемент Textarea

7. Метки (элемент Label)

 Тема 7. Основы форматирования графических элементов web-страниц (практика)

1. Использование основных инструментов в графических редакторах, на примере Photo Shop

2. Формирование дизайн-макета сайта

3. Понятие "Шапка из маленьких кусочков"

4. Экспорт графики для WEB и устройтв

Тема 8. Каскадный таблицы стилей (теория)

1. Каскадные таблицы стилей: внутренние, глобальные, связанные.

2. Встраивание таблиц стилей в документ.

3. Группирование и наследование.

4. Селекторы (ID, CLASS, контекстные селекторы).

5. Свойства CSS3 для шрифтов и текста (font и text).

 Тема 9. Свойства странички (практика)

1. Каскадные таблицы стилей.

2. Свойства CSS3 для полей, отступов и границ (margin, padding и border).

3. Свойства CSS3 для фона и цвета (background и color).

4. Свойства CSS3 визуального форматирования (позиционирование, списки, display, visible, z-index).

5. Псевдостили ссылок

 Тема 10. Эффекты в CSS. Дополнительные возможности CSS3! (практика)

1. Каскадные таблицы стилей.

2. Статические фильтры (эффект прозрачности, наложение тени, негатив и т.д.)

 Тема 11. Язык JavaScript (теория)

1. Язык написания сценариев JavaScript.

2. Общая информация (встраивание в документ).

3. Типы данных (числовые, текстовые, булевские).

4. Переменные - хранение данных в памяти.

5. Операторы присваивания и сравнения.

6. Строковые операции и комментарии.

 Тема 12. Операторы (практика)

1. Ввод-вывод.

2. Принятие решений - операторы if и switch. Циклы. Операторы for и while (операторы break и continue).

 Тема 13. Объекты (практика)

1. Свойства и методы объектов.

2. Собственные объекты броузеров (объекты window, history, navigator, location, screen, event, document).

 Тема 14. События в JavaScript (практика)

1. Событийная модель.

2. Основные события броузера.

3. Обработка событий.

 Тема 15. Массивы (практика)

1. Работа с массивами (объект Array)

2. Скрипт предварительной загрузки изображений.

3. Работа с окнами (методы open() и close())

 Тема 16. Функции (практика)

1. Создание собственных функций.

2. Передача параметров в функцию.

3. Реализация навигационного меню с использованием собственных функций.

 Тема 17. Объектная динамика (практика)

1. Функции работы со временем (setTimeout, setInterval, clearInterval)

2. Динамическое изменение документа (изменение содержимого блока, изменение содержимого формы, движущийся элемент, изменение структуры таблицы).

3. Динамические фильтры.

 Тема 18. Хостинг (практика)

1. Размещение (хостинг) и регистрация нового сайта.

2. Выбор имени и проблемы, связанные с регистрацией.

 Тема 19. Dreamweaver (практика)

1. Назначение программы (функции, поддерживаемые технологии)

2. Создание нового документа. Использование шаблонов.

3. Интерфейс (меню, панель инструментов, рабочая область, дополнительные функции)

4. Панель настроек (CSS3, Application, Tag, Files)

В конце курса:

1. Демонстрация разработанного сайта (оценка дизайна).

2. Ответы на теоретические вопросы (оценка знания ХHTML, CSS, основ JavaScript)

• Фотографии
• Видео
• Отзывы