Html/CSS Основы создания сайтов — Ставрополь

Обучение, курсы

Знание HTML & CSS - это основа для дальнейшего изучения серверных языков программирования и один из основных инструментов работы верстальщика, программиста или дизайнера. Изучив HTML - язык гипертекстовой разметки - вы сможете создать статичную веб-страничку или веб-сайт. Язык CSS - каскадные таблицы стилей - позволит оформить сверстанный сайт в соответствии с любой задумкой дизайнера. Видео курс состоит из 8 уроков. Урок 1. Основные понятия в веб-разработкеЧто представляет собой веб-страница. Виды сайтов. Процесс разработки сайта. Что такое гипертекст, теги и атрибуты. Подготовка рабочего места. Структура HTML-документа. Основные теги оформления текста. Простой пример HTML странички. Пример сложной веб-страницы. Горячие клавиши для перемещения по документам. Урок 2. Основы языка разметки документов HTMLСпецсимволы. Комментарии в HTML. Гиперссылки. Типы изображений для web. Загрузка изображений на страницу, Списки, Формы и их элементы. Урок 3. Основы языка оформления стилей документа CSSЧто такое CSS. Синтаксис CSS. Способы объявления CSS. Селекторы (id, class, tag). Селекторы атрибутов. Основные свойства стилей. Вложенность. Наследование и группирование свойств. Проверка подключения файла стилей. Урок 4. Псевдоклассы и псевдоэлементы, табличная вёрсткаПриоритеты применения стилей. Псевдоклассы и псевдоэлементы. Создание таблиц. Объединение ячеек. Вложенные таблицы. Стилевое оформление таблиц. Урок 5. Формирование блочной модели. Блочная версткаОсновные теги для верстки (div и span). Отступы элементов (margin и padding). Обтекаемые элементы. Позиционирование блоков. Урок 6. Работа с макетом дизайна в формате PSDОсновные функции и знакомство с программой Photoshop. Выделение основных частей макета. Нарезка макета. Верстка макета сайта при помощи блоков. Вставка частей макета в вёрстку. Установка плагина PerfectPixel. Урок 7. Разметка сайта и знакомство с BootstrapСоздание основной разметки сайта. Применение overflow и clear в реальной вёрстке. Заполнение разметки частями нарезанного макета. Приёмы позиционирования элементов. Знакомство и применение Bootstrap. Урок 8. Стандарты web и вспомогательные инструментыЗагрузка проектов на сервер. Проблема «кроссбраузерности». Стандарты HTML/CSS. Будущее за стандартами HTML5 и CSS3. Грамотная, универсальная верстка. Знакомство с препроцессорами на примере LESS.