Программа курса Веб-Дизайна
Хотите работать в любое удобное время? Получать достаточно, чтобы ужинать в хороших ресторанах и покупать вещи в фирменных бутиках?
Станьте веб дизайнером!
У нас на курсах мы расскажем о всех тонкостях и секретах мира веб-дизайна. Научим использовать все преимущества этой профессии. Объясним каким образом получать заказы, не выходя из дома.
Окунитесь с головой в этот волшебный мир. Станьте обладателем одной из самых запрашиваемых профессий мира. Научитесь создавать рекламу будущего.
В ходе курса Вам покажут на практических примерах основные принципы блочной верстки сайтов, а также расскажут основы таких технологий для создания сайтов как HTML и CSS, которые являются основой для любого современного сайта, без разницы, будь он статический или динамический. Также, во время верстки, научат пользоваться программой Adobe Photoshop для того чтобы перенести дизайн макета сайта, нарисованного в PSD формате, на HTML страницу с использованием каскадных таблиц стилей CSS, и сделать ее полностью функциональной.
Наши курсы веб-дизайна это:
- не более одного месяца обучения.
- индивидуально подобранная под вас программа обучения.
- самый удобный для вас график занятий, ведь расписания курсов формируется с учетом всех ваших пожеланий.
- профессиональные преподаватели с опытом работы в веб-дизайне не меньше 5-ти лет.
Что нужно знать, чтобы начать заниматься по этому курсу?
- Этот курс является основой для создания любого сайта, неважно каким языком программирования он будет написан, поэтому Вы правильно делаете, что хотите начать обучение именно с него. Мы можем Вам посоветовать разве что пройти курсы Photoshop перед изучением курса Web-Дизайна, чтобы Вам было легче оперировать с макетом, и Вы уверено пользовались фотошопом во время верстки и сосредотачивались только на верстке. В таком случае Вы получите максимальный эффект от данного курса.
Всего 8 занятий в нашем учебном центре и Вы сможете:
- Использовать самый современный редактор для верстальщиков Adobe Dreamweaver, а также использовать Adobe Photoshop при верстке макетов, нарисованных в этой программе и сохраненных в формате PSD
- Верстать сверхсложные проекты сайтов, даже для таких движков как Joomla! и прочие, используя современную блочную верстку на тегах <div>
- Использовать такие технологии как язык разметки HTML и каскадные таблицы стилей CSS
- и многое, многое другое!
Чего вы ждете? Узнайте цену на наши курсы Веб-дизайна Сейчас!
Программа курса*:
* Помните, что это лишь базовый вариант программы. При желании Вы можете откорректировать ее под свои задачи.
1-й урок: Основы терминологии и общая информация о создании сайтов
- Знакомство со средой разработки Adobe DreamWeaver
- Знакомство с HTML. Что такое тег
- Рассмотрение основных тегов для работы с текстом, приведенных в панели Вставка/Текст (теги strong, em, p, h1, h2, h3 и прочие)
- Тег переноса строки br. Разница между блочными и линейными тегами
- Тег для вставки цитаты blockquote
- Тег для вставки форматированного текста pre
- Упорядоченный и неупорядоченный списки ol и ul, и элементы списка li
- Атрибуты тегов (align, title и прочие)
- Вставка спец. символов, которых нет на клавиатуре
2-й урок: Работа с ссылками и мультимедиа
- Рассмотрение тегов для вставки основных элементов html, приведенных в панели Вставка/Общий
- Вставка комментария
- Вставка ссылок тегом a
- Вставка ссылки на электронную почту
- Вставка якоря (именованной привязки)
- Разделитель hr
- Вставка картинок тегом img
- Вставка таблиц
- Вставка описания и ключевых слов страницы
- Блочный тег div и линейный тег span
3-й урок: Работа с формами и их элементами
- Рассмотрение тегов для вставки основных элементов форм, приведенных в панели Вставка/Формы
- Тег form для добавления формы на сайт
- Создание формы авторизации или формы обратной связи с использованием таких элементов формы как текстовое поле, поле для ввода пароля, область текста, флажок, переключатель, кнопка отправить и сбросить форму
- Создание подписей к полям с помощью тега label
- Объединение нескольких полей с помощью тега набора полей fieldset
4-й урок: Работа с каскадными таблицами стилей CSS
- Знакомство с каскадной таблицей стилей CSS
- Подключение внешней таблицы стилей к html странице с помощью тега link
- Обращение к тегу, идентификатору и классу
- Существенная разница между идентификатором и классом
- Обращение к элементу по родительскому тегу, идентификатору или классу
- Свойства color и background-color
- Свойство для выравнивания текста по горизонтали text-align
- Свойство line-height для изменения междустрочного интервала (высоты строки)
- Свойство text-indent для смещения текста (Отступ для красной строки)
5-й урок: Работа с основными свойствами CSS
- Создание красивого кнопочного меню на неупорядоченном списке ul
- Скрытие маркеров свойством list-style-type:none
- Свойство background-image
- Указание размеров с помощью свойств width и height
- Отображение линейного элемента блочным с помощью свойства display:block
- Псевдокласс :hover, отвечающий за наведение на элемент
- Псевдокласс :active, отвечающий за нажатие на элемент
- Внутренний отступ элементов padding
- Внешний отступ элементов margin
- Граница элементов border
6-й урок: Основы блочной верстки сайта с макета
- Основы верстки сайта
- Табличная и блочная (div-ная) верстка
- Основы работы с макетом сайта, нарисованным в программе photoshop в psd-формате
- Основные подходы для заливки блока градиентом (используется изображение в 1px)
7-й урок: Создание колонок и основной разметки сайта
- Разметка html-страницы на колонки с помощью свойства float:left
- Использование внешнего отступа колонок слева и справа чтобы последняя колонка не съезжала в Internet Explorer
- Использование свойства очистки clear:both после последней колонки чтобы растянуть родительский блок
8-й урок: Оформление внешнего вида сайта по макету
- Оформление красивого меню на неупорядоченном списке ul
- Создание определенного вида для выбранного пункта меню, на котором находится пользователь
- Преобразование вертикального меню в горизонтальное
- Доработка остальных блоков на сайте
- Вывод контента сайта с помощью таблиц и его форматирование
- Экономьте до 1250 гривен! Акция 1+1=1 позволяет вам экономить 50% от стоимости курса обучения. Закажите любые индивидуальные компьютерные курсы вместе с другом и обучайтесь вдвоем по цене одного.
- Экономьте до 400 гривен! Запишитесь на два курса одновременно и получите скидку 10%, сэкономив при этом около 300-400 грн.
- Получите пожизненную скидку 10% на наши курсы обучения! Все слушатели, которые уже обучались на наших курсах, имеют дополнительную пожизненную скидку 10% на все компьютерные курсы предлагаемые нашим учебным центром.