Дизайн

web-дизайн

Обучение по программе «web-дизайн» – это изучение всех этапов создания сайта: от разработки структуры сайта, навигации и интерфейса, до размещения готового сайта в сети.

1.

Основы web-дизайна

2.

Редактирование документов HTML

3.

Базовые функции Adobe Photoshop

4.

основные функции и возможности web-редактора Adobe Dreamweaver

5.

выбор и регистрация домена

6.

создание и продвижение собственного сайта

web-дизайн

14800

У НАС ВЫ НАУЧИТЕСЬ:

Самостоятельно создавать дизайн различных сайтов с учетом потребностей конкретного бизнес-проекта и целевой аудитории

Проводить анализ данных и определять решения для повышения эффективности работы существующих сайтов

Владеть основными инструментами web-дизайнера

Сможете работать с хостингами и протоколом FTP

Узнаете определения ключевых понятий и терминов web-программирования, свойства, классы и функции каскадных таблиц стилей (CSS); особенности синтаксиса каскадных таблиц стилей (CSS); основные возможности языка гипертекстовой разметки HTML, свойства языков web-программирования PHP и JAVA

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

Знакомство с профессией web-дизайнер.

- Введение в специальность. История дизайна.

- Особенности профессии WEB-дизайнера.

- Модульные сетки и композиция.

- Общение с клиентом. Работа с ограничениями.

- Работа с цветом.

- Шрифт и экранная типографика.

- Инструменты дизайнера

Использование Adobe Photoshop, правила использования текстовых тегов.

- теги для создания web –страницы

- форматы изображений, поддерживающихся web-стандартами;

- язык разметки HTML, как основа создания любого сайта;

- основные теги языка HTML;

- Основы Adobe Photoshop: Принцип работы: обзор инструмента, советы по освоению, настройка под задачи веб-дизайнера;

- оптимизация изображений для web-страницы в Adobe Photoshop;

- размещение графических элементов на странице, отступы, обтекание текстом.

Основы создания web-страницы.

- знакомство с программой Adobe Dreamweaver. Рабочая среда программы, основные навыки в работе с ней;

- создание страницы в программе Adobe Dreamweaver и сохранение ее в проекте;

- введение в CSS. CSS как основное средство стилизации и разметки страницы;
- создание первого CSS документа, соединение его с HTML страницей, понятие селектора тега, создание селекторов тегов для стилевого оформления текстового содержимого web-страницы;

- таблицы, табличные данные. Теги для вставки таблиц на web-страницы.

Верстка страницы. Создание каркаса страницы.

- виды верстки страницы;

- создание страницы с использованием тега div;

- табличная верстка страниц. Практика создания web-страниц с использованием HTML и CSS

- блочная верстка страниц с использованием тега div и CSS

- создание первого многостраничного сайта;

Гиперссылки. Создание навигационного меню.

- понятие гиперссылки, абсолютная и относительная гиперссылка

- создание ссылок на web-странице;

- виды навигации: горизонтальная, вертикальная, выпадающее меню, мегамменю;

- оформление ссылок горизонтального и вертикального навигационного меню с помощью CSS;

- изображение как ссылка, создание интерактивных графических элементов (кнопок) на web-странице

- ссылка на адрес электронной почты;

- структура сайта: информационная архитектура сайта, ментальные карты, карта сайта.

Основы SEO. Продвижение и поисковая оптимизация сайтов.

Настройка собственного сайта и размещение его на хостинге.

Завершение разработки выпускного проекта

Оставить заявку на обучение