HTML и CSS. Основы создания сайтов (2015),CSS3, HTML5, сайтостроение

HTML и CSS. Основы создания сайтов (2015)
03.06.2015

Курс HTML и CSS. Основы создания сайтов - это первая ступень в обучении профессии “Веб-разработчик”, так как без знания этих языков невозможно изучать веб-программирование. Поэтому данный курс рассчитан на людей, которые хотят научиться делать сайты, но не знают, что им для этого необходимо изучать.

Обучение начнется с самых азов, т.е. с небольшой теоретической части, где вы узнаете как работает интернет, познакомитесь с устройством сайта и процессом разработки, установите необходимые программы для того, чтобы можно было начать процесс разработки сайта. Затем вы под четким руководством преподавателя шаг за шагом будете разрабатывать свой собственный сайт, который получится хоть и простым, но зато вы преодолеете первую ступень в столь нелегком деле, как разработка сайта.

По окончании курса Вы будете уметь создавать простые статические сайты при помощи HTML и CSS, тем самым вы преодолеете первую ступень в освоении профессии "Веб-разработчик".

После этого рекомендуется переходить на следующий уровень и начинать изучать язык программирования PHP, после изучения которого, вы уже сможете создавать довольно сложные динамические приложения.

Чему Вы научитесь:

HTML, в том числе HTML5
CSS, в том числе CSS3
Умение верстать
Кроссбраузерная верстка
Верстка слоями

Программа курса:

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