Центр подбора и обучения
персонала
"Левобережье"
Забыли пароль? Регистрация
(3952)56-36-29, 706-136, факс/тел 706-198
24
сентября 2017

 

 

Подписка на новости и вакансии
 
Главная / Курсы / Детская компьютерная... / 4 уровень ДКШ Левобережье....

4 уровень ДКШ Левобережье. Программа Сайтостроение начальный уровень

Курс  Web-дизайна

Итоговая работа создается на протяжении всего курса- создание своего сайта и его тестирование. Всего 24 занятия.

Вводная часть и главные понятия web-дизайна.
1.1. Определение сайта и их виды (креативный и простой, промо-сайт, сайт-портфолио, интернет-магазин).

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

2. Основные принципы web-дизайна. Макет сайта. Юзабилити.
2.1. Web-дизайн и цвет. Применение разных цветовых схем, при разном позиционировании сайта.
2.2. Стили в дизайне сайта.
2.3. Главные составляющие веб-страницы, их визуальное представление разными способами.
2.4. Определение юзабилити. Факторы, которые затрудняют правильное восприятие информации с сайта и помогают ему.
2.5. Макет сайта. Ритм. Правила размещения на странице и форма главных блоков (графических, информационных и навигационных).

3. Разметка HTML. Применение NotePad++.
3.1. HTML-документ и его структура.
3.2. Понятие и типы тегов, их атрибуты. Правила оформления HTML-документов.
3.3. Разметка текста, теги: < i >, < b >, < p >, < ol >, < ul >. Их атрибуты.
3.4. Тег создания гиперссылок < a >, определения тега.
3.5. Тег < img > размещение на странице изображений (формата PNG, GIF, JPG и JPEG). Атрибуты данного тега.


3.6. Работа с таблицами. Образование. Установление строк и ячеек таблицы, а также их размеров. Таблицы вложенные.
3.7. Составление макета страницы с применением таблиц. Правила табличной верстки, характерные ошибки и советы по их предотвращению.
3.8. Создание на сайте форм. Главные составляющие веб-форм.
3.9. Отправление данных из формы.
3.10. Практическое задание: Основание неподвижной формы, с применением табличной верстки.
3.11. Размещение аудио- и видео-файлов на сайте.

4. Применение каскадных таблиц стилей (CSS).
4.1. Определение CSS. Способы подключения стилей (подсоединение внешних файлов каскадных таблиц стилей к странице)
4.2. Базовые понятия и синтаксис CSS.
4.3. Формирование стилей для отдельных элементов страницы. Отличия идентификаторов и классов.
4.4. Оформление страницы и ее декорирование с использованием CSS.
4.5. Позиционирование с помощью CSS элементов страницы.

5. Использование готовых библиотек JavaScript, jQuery.
5.1. Определение jQuery.
5.2. Подсоединение к сайту внешних библиотек.
5.3. Галерея фото (изображений).
5.4. Применение jQuery UI: Tabs, DatePicker, Accordion.

6. Графические программы, создание графики для сайтов.
6.1. Основные принципы применения программы Adobe Dreamweawer для создания web-страниц. Повторение нюансов в Adobe Photoshop.

7. Работа с платформойWordPress.

7.1. Знакомство с панелями управления.
7.2. Натягивание шаблона на движок.
7.3. Изменение дизайна шаблона.
8. Размещение сайта на хостинге. Тестирование.
8.1. Представление о домене и хостинге. Их виды и регистрация.
8.2. Размещение сайта на хостинге (бесплатном).
8.3. Протокол пересылки файлов (FTP).
8.4. Заключительное тестирование готового Web-сайта.

 

 

 2 модуль Adobe Muse

Итоговая работа создается на протяжении всего курса- создание своего сайта и его тестирование. Всего 24 занятия.

1.Создание графических элементов

На занятиях изучается материал:

1.1. Интерфейс графического редактора Adobe Muse. Особенности пользовательского интерфейса программы Adobe Muse. Палитра инструментов. Создание нового сайта (документа) и подбор его параметров в зависимости от устройства, на котором он будет отображаться. Режимы отображения.

1.2. Работа с растровыми изображениями. Способы добавления изображений. Панель Assets. Добавление альтернативного текста и заголовка к изображению. Помещение изображения непосредственно в файл muse. Обрезание изображений. Использование PSD изображений.

 

 

2.Работа с объектами. Работа с текстом

На занятиях изучается материал:

2.1. Работа с объектами. Трансформирование объектов. Копирование объектов. Закрепление объектов. Группировка объектов. Порядок расположения объектов. Выделение нескольких объектов. Работа с цветом. Свойства границ. Градиентная заливка. Выравнивание элементов. Скругление углов. Использование эффектов. Стили объектов.

2.2. Работа с текстом. Импорт текста. Редактирование текста. Использование шрифтов. Использование эффектов. Стили параграфов. Стили букв.

 

 

3.Ссылки. Элементы социальных сетей. Кнопки. Слайдеры

На занятиях изучается материал:

3.1. Ссылки. Ссылки-якоря. Ссылки на другие страницы. Ссылки на почтовый ресурс. Ссылки на телефон. Оформление и стили ссылок.

3.2. Элементы социальных сетей. Кнопки Facebook like, Facebook folow, Twitter tweet, Twitter folow, Google+, PayPal, “Pin it” сервиса Pinterest и панель комментариев фейсбука.

3.3. Создание слайдера. Стандартный слайдер. LightBox. Слайдер на весь экран. Слайдер с миниатюрами изображений (thumbnails).

4.Виджеты, формы, эффекты.

На занятиях изучается материал:

4.1. Виджеты для текстового контента. Аккордеон. Вкладки (Tabbed panels).

4.2. Формы, карты и видео. Создание форм и управление ими. Подключение Гугл карт и добавление видео с YouTube и Vimeo.

4.3. Скролл-эффекты. Эффект движения. Эффект прозрачности. Скролл-эффекты в слайдшоу.

5.Экспорт сайта и его публикация на сервере.

На занятиях изучается материал:

5.1. Экспорт сайта. Конвертирование сайта в html, css и javascript. Особенности редактирования экспортированного сайта.

5.2. Публикация сайта на сервере. Редактирование сайта и замена его файлов на сервере. Использование сервиса для анализа данных по посещению сайта

В вашем браузере отключена поддержка Jasvscript. Работа в таком режиме затруднительна.
Пожалуйста, включите в браузере режим "Javascript - разрешено"!
Если Вы не знаете как это сделать, обратитесь к системному администратору.
Вы используете устаревшую версию браузера.
Отображение страниц сайта с этим браузером проблематична.
Пожалуйста, обновите версию браузера!
Если Вы не знаете как это сделать, обратитесь к системному администратору.