Оглавление

Оглавление 1

Введение 4

Информация о курсе 4

Тенденции веба 4

Веб 2.0 4

Переход в веб 5

Облака 6

Часть 1.HTML и CSS 7

Глава 1.Введение в HTML 7

Что такое HTML? 7

Тэги 7

Элементы 8

Атрибуты 8

Базовая структура документа 9

Стандарт XHTML 1.0 Strict 11

Глава 2.Введение в CSS 13

Таблицы стилей 13

Правила, свойства, значения 13

Простые селекторы 13

Подключение таблицы стилей к веб-документу 15

Работа с цветом 16

Свойство background 17

Рамки 19

Глава 3.Элементы HTML 21

Области элементов 21

Некоторые текстовые элементы 21

Гиперссылки 22

Оформление гиперссылок 23

Списки 24

Оформление списков 25

Элемент img — изображение 26

Таблицы 27

Таблицы с дополнительными элементами 27

Семантическая верстка и микроформаты 29

Глава 4.Оформление страниц при помощи CSS 31

Оформление текста 31

Свойство font-family — гарнитура шрифта 31

Семейства шрифтов 31

Свойство font-size — кегль шрифта 31

Свойство font-style — управление наклоном 32

Свойство font-weight — насыщенность шрифта 32

Свойство font — управление шрифтом 32

Свойство text-transform — преобразование регистра 33

Свойство line-height — высота строки 33

Свойство letter-spacing — межбуквенный интервал 33

Свойство word-spacing — междусловный интервал 34

Выравнивание 34

Свойство text-align — горизонтальное выравнивание 34

Свойство vertical-align — вертикальное выравнивание 34

Область элемента 36

Свойство text-indent — управление абзацным отступом 36

Свойство padding — внутренний отступ 36

Свойство margin – внешний отступ 38

Глава 5.Верстка 39

Что такое верстка? 39

С кем взаимодействует верстальщик? 39

Как создается веб-страница? 39

Процесс верстки 42

Пример верстки 43

Часть 2.JavaScript 58

Глава 6. Введение в JavaScript 58

Что такое JavaScript? 58

Типы данных 58

Переменные 59

Операторы 59

Инструкции 60

ООП в JavaScript 60

Интеграция HTML и JavaScript 63

Глава 7. Клиентский JavaScript 65

Формы в HTML 65

Обработчики событий 66

Обработчики событий как атрибуты 67

Обработка событий без внедрения кода через атрибуты 67

Таймеры 68

Объект Location 69

Объект History 69

Объект Window 69

Введение Информация о курсе

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

Все это порождает огромный поток тендеров и заказов по различным направлениям веб-разработки на рынке. Если пройтись по биржам фриланса, то можно заметить, что большая часть предлагаемых проектов так или иначе связана с вебом. Их число часто подходит к 80% от всех проектов, а иногда и превосходит этот порог.

С другой стороны на таком большом рынке присутствует серьезная конкуренция между исполнителями. Это связано с отсутствием первичных затрат для начала деятельности (низкий порог входа). И довольно часто исполнители пренебрегают качеством своих услуг. В результате на просторах Интернета можно найти множество уродливых творений таких работников.

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

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

Программа курса охватывает три основных области.

• Сторона представления. HTML и CSS.

• Клиентское программирование. JavaScript (включая AJAX).

• Серверное программирование. PHP и работа с MySQL.

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