HTML и CSS. Основы создания сайтов: Курсы

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

Что получим

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

Формат курса

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

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

Введенние

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

Основы HTML

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

Основы CSS

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

Таблицы в HTML и табличная верстка

• Создание таблиц
• Объединение ячеек
• Вложенные таблицы
• Стилевое оформление таблиц
• Верстка макета сайта при помощи таблиц

Верстка слоями

• Основные теги для верстки (div и span)
• Отступы элементов (margin и padding)
• Обтекаемые элементы
• Позиционирование блоков
• Верстка макета сайта при помощи слоев

Стандарты Web. Вспомогательные инструменты. Хостинг.

• Проблема «кроссбраузерности»
• Стандарты HTML/CSS
• Будущее за стандартами HTML5 и CSS3
• Грамотная, универсальная верстка
• Загрузка проектов на сервер