WEB дизайн и верстка сайта (HTML и CSS )
базовый курс
О программе
Вы освоите весь цикл создания сайтов с нуля.
Научитесь верстать лендинги, многостраничные сайты, разрабатывать сайты со сложным функционалом.
В первую очередь Вы овладеете основами HTML (язык разметки гипертекста) и CSS (каскадные таблицы стилей)
Сможете создавать и редактировать сознанные собственноручно страницы, вносить исправления и дополнения в уже существующие коды
Незаменимым умением будет так же работа над версткой блоков текста и работа над стилистикой отдельных элементов страницы.
Выбор доменного имени, взаимодействие с хостингом.
После обучения, Вы сможете начать карьеру разработчика в веб-студиях , делать сайты на фрилансе, сможете брать дорогостоящие проекты.
Научитесь верстать лендинги, многостраничные сайты, разрабатывать сайты со сложным функционалом.
В первую очередь Вы овладеете основами HTML (язык разметки гипертекста) и CSS (каскадные таблицы стилей)
Сможете создавать и редактировать сознанные собственноручно страницы, вносить исправления и дополнения в уже существующие коды
Незаменимым умением будет так же работа над версткой блоков текста и работа над стилистикой отдельных элементов страницы.
Выбор доменного имени, взаимодействие с хостингом.
После обучения, Вы сможете начать карьеру разработчика в веб-студиях , делать сайты на фрилансе, сможете брать дорогостоящие проекты.
Варианты обучения
| Вариант обучения | Стоимость | Когда | Срок обучения | График занятий |
очно | 31 900 р. | По мере набора | 4 недели 24 ак. ч. | В будни 2 или 3 раза в неделю. Группы по графику суббота и воскресенье |
дистанционно | 31 900 р. | По мере набора | 4 недели 24 ак. ч. | В будни 2 или 3 раза в неделю. Группы по графику суббота и воскресенье |
Преимущества обучения
1
Методика обучения
Изучение теории сразу на практике, что дает возможность освоить профессию в короткий срок. Все темы отрабатываются и закрепляются практическими заданиями и разбором возникающих вопросов.
2
Наши преподаватели
Самое главное - это конечно наши преподаватели, которые имеют большое количество отличных отзывов. Они любят своё дело и с удовольствием передают накопленный профессиональный опыт своим ученикам. Без них все остальные преимущества не имели бы смысла.
3
Наша работа
Мы готовы работать с каждым слушателем, до тех пор, пока он не останется доволен обучением. В нашем центре не бывает не решаемых вопросов. Мы боремся за качество и Ваши хорошие отзывы, поэтому работаем уже более 20 лет.
4
Лицензия № 037768
Мы работаем 23 года на основании лицензии Департамента образования г. Москвы.
5
Документы в конце обучения
Вы получите престижное Удостоверение установленного образца, которое ценится на рынке труда.
Дополнительная информация
Тема: Введение в web-дизайн. Основные понятия.
Понятие «Сайт». Виды сайтов: простые, креативные, сайты-портфолио, интернет-магазины, промо сайты.
Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля компании.
Способы определения набора страниц и навигации между ними.
Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.
Тема: Основы веб-дизайна. Создание макета сайта. Юзабилити.
Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
Стили дизайна сайта.
Основные компоненты web-страницы и способы их визуального представления.
Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте.
Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице.
Тема: Язык разметки HTML. Использование NotePad++
Структура HTML-документа.
Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа.
Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов.
Создание гиперссылок: тег < a >, атрибуты тега < a >.
Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега.
Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы.
Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки.
Создание форм на сайте. Основные элементы веб-форм.
Отправка информации из формы.
Практика: Создание статичной формы, используя табличную верстку.
Размещение медиа-файлов на сайте. (видео и аудио файлы).
Тема: CSS: Каскадные таблицы стилей.
Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице)
Основные понятия CSS. Синтаксис CSS.
Создание стилей для элементов страницы. Классы и идентификаторы (их различия).
Оформление и декорирование страницы, используя CSS.
Позиционирование элементов страницы с помощью CSS.
Тема: JavaScript и jQuery: Применение готовых библиотек для сайта.
Что такое jQuery?
Подключение внешних библиотек к сайту.
Галерея изображений
Использование jQuery UI: DatePicker, Tabs, Accordion.
Тема: Основы работы в графических программах и создания графики для web-сайтов.
Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web).
Dreamweawer – основы использования программы для создания web-страниц.
Тема: Тестирование сайта и размещение на хостинге.
Понятия домен и хостинг. Виды, регистрация.
Размещение сайта на бесплатных хостингах.
FTP-протокол.
Тема: Окончательное тестирование готового сайта.
Понятие «Сайт». Виды сайтов: простые, креативные, сайты-портфолио, интернет-магазины, промо сайты.
Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля компании.
Способы определения набора страниц и навигации между ними.
Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.
Тема: Основы веб-дизайна. Создание макета сайта. Юзабилити.
Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
Стили дизайна сайта.
Основные компоненты web-страницы и способы их визуального представления.
Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте.
Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице.
Тема: Язык разметки HTML. Использование NotePad++
Структура HTML-документа.
Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа.
Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов.
Создание гиперссылок: тег < a >, атрибуты тега < a >.
Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега.
Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы.
Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки.
Создание форм на сайте. Основные элементы веб-форм.
Отправка информации из формы.
Практика: Создание статичной формы, используя табличную верстку.
Размещение медиа-файлов на сайте. (видео и аудио файлы).
Тема: CSS: Каскадные таблицы стилей.
Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице)
Основные понятия CSS. Синтаксис CSS.
Создание стилей для элементов страницы. Классы и идентификаторы (их различия).
Оформление и декорирование страницы, используя CSS.
Позиционирование элементов страницы с помощью CSS.
Тема: JavaScript и jQuery: Применение готовых библиотек для сайта.
Что такое jQuery?
Подключение внешних библиотек к сайту.
Галерея изображений
Использование jQuery UI: DatePicker, Tabs, Accordion.
Тема: Основы работы в графических программах и создания графики для web-сайтов.
Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web).
Dreamweawer – основы использования программы для создания web-страниц.
Тема: Тестирование сайта и размещение на хостинге.
Понятия домен и хостинг. Виды, регистрация.
Размещение сайта на бесплатных хостингах.
FTP-протокол.
Тема: Окончательное тестирование готового сайта.
Оставьте отзыв
Учились здесь? Оставьте отзыв, и, может быть, это поможет другим в выборе. Кроме этого, из ваших оценок формируется наш рейтинг.