Jinta.ru

Для кого этот курс?

Для новичков
Низкая сложность курса позволит разобраться в нем и освоить навыки верстки даже для новичков

Для студентов
Учитесь в ВУЗе? Пройдите курс по HTML верстке и получите практические навыки разработки сайтов

Для бизнесменов
Пройдя курс вы станете лучше разбираться в в интернете, это позволит вам более эффективно контролировать ваш бизнес онлайн

Для молодых мам
Находитесь в дикрете и не хотите терять время Пройдите курс и получите новую специальность, сможете получить новые навыки и найти удаленную работу

Что вы сможете делать после обучения?

Создавать статические сайты средней сложности
Вы поймете что такое качественная верстка и как сделать сайт отзывчивым, какие методики применяют крупные организации

Научитесь тонкостям хорошей верстки сайтов
Макеты нельзя превратить в хорошую верстку одним движением. Мы научим вас нарезать макет и правильно понимать его.

Сможете похвастаться отличным портфолио в интернете
Сделаете себе онлайн портфолио, благодаря которому сможете получить работу.

Найти работу или стажировку, если не ленились
Вы получите самые необходимые знания для того что бы начать свою деятельность в сфере «Веб-дизайна» и хорошо зарабатывать.

Чему мы научим на курсе?

Верстать страницы
С использованием передовых технологий HTML5 и CSS3

Организации работы
Освоите лучшие и эффективные инструменты для работы

Понимать разницу
Между хорошей версткой и работой дилетанта

Верстать мобильные сайты
Адаптивные и отзывчивая верстка для оптимизации сайта под мобильные устройства

Кроссбраузерная верстка
Научитесь делать сайты под разные браузеры и узнаете почему все так не любят Internet Explorer

Прикручивать спецэффекты
Анимация, тени, трансформация, модальные окна и слайдеры.

Урок 1. Основные понятия в веб-разработке
Как работает интернет, Что такое сайт, Что представляет собой веб-страница, Виды сайтов, Процесс разработки сайта, Что такое гипертекст, теги и атрибуты, Подготовка рабочего места, Простой пример HTML странички, Пример сложной веб-страницы, Горячие клавиши для перемещения по документам

Урок 2. Основы языка разметки документов HTML
Структура HTML документа, Основные теги оформления текста, Спецсимволы, Комментарии в HTML, Гиперссылки, Типы изображений для web, Загрузка изображений на страницу, Списки, Формы и их элементы. Создание таблиц, Объединение ячеек, Вложенные таблицы, Стилевое оформление таблиц

Урок 3. Основы языка оформления стилей документа CSS
Что такое CSS, Синтаксис CSS, Способы объявления CSS, Селекторы (id, class, tag), Селекторы атрибутов, Основные свойства стилей, Вложенность, наследование и группирование свойств, Приоритеты применения стилей, Псевдоклассы и псевдоэлементы

Урок 4. Верстка слоями (блочная верстка) — часть 1
Основные теги для верстки (div и span), Отступы элементов (margin и padding), Обтекаемые элементы, Позиционирование блоков, Создание структуры страницы с помощью блоков, Создание меню на основе блочной модели

Урок 5. Верстка слоями (блочная верстка) — часть 2
Создание основной разметки сайта, Применение overflow и clear в реальной вёрстке, Заполнение разметки частями макета, Приёмы позиционирования элементов, Использование модульной сетки в структуре макета, Резиновая и адаптивная верстка для мобильных устройств

Урок 6. Работа с макетом дизайна в формате PSD
Основные функции программы Photoshop, Выделение основных частей макета, Нарезка макета, Верстка макета сайта при помощи модульной сетки

Урок 7. Стандарты web и вспомогательные инструменты
Проблема «кроссбраузерности», Стандарты HTML/CSS, Валидация страниц, Будущее за стандартами HTML5 и CSS3, Грамотная, универсальная верстка, Файловая система проекта, Знакомство с фреймворком Twitter Bootstrap

Продвинутый CSS
Углубляемся в CSS. Селекторы аттрибутов, псевдоселекторы, позиционирование. Возможности и спецэффекты CSS3: Переходы и анимация, Трансформация объектов, Тени, Градиенты.