- •Оглавление
- •Введение Информация о курсе
- •Тенденции веба
- •Переход в веб
- •Введение в html Что такое html?
- •Элементы
- •Атрибуты
- •Базовая структура документа
- •Стандарт xhtml 1.0 Strict
- •Введение в css
- •Правила, свойства, значения
- •Простые селекторы
- •Универсальный селектор
- •Селектор по типу элемента
- •Селектор по id
- •Селектор по class
- •Подключение таблицы стилей к веб-документу
- •Элемент style
- •Атрибут style
- •Работа с цветом
- •Свойство color
- •Миф о «безопасных» цветах
- •Свойство background
- •Background-color — цвет фона
- •Background-image — фоновое изображение
- •Background-repeat — режим повторения изображения
- •Background-attachment — режим прокрутки (прикрепления) изображения
- •Background-position — положение изображения
- •Свойства border-top, border-right, border-bottom, border-left
- •Свойства border-width, border-color, border-style — параметры рамки
- •Собирательное свойство border — рамка
- •Элементы html Области элементов
- •Некоторые текстовые элементы
- •Заголовки
- •Элемент p — абзац
- •Элемент address — адресные данные
- •Атрибут title
- •Оформление гиперссылок
- •Псевдоклассы гиперссылок
- •Элементы dt и dd — главная и подчиненная части списка определений
- •Оформление списков
- •Элемент img — изображение
- •Атрибут src — адрес изображения
- •Атрибут alt — альтернативное описание
- •Атрибут style — оформление изображения
- •Атрибуты colspan и rowspan — объединение ячеек
- •Семантическая верстка и микроформаты
- •Оформление страниц при помощи css Оформление текста
- •Свойство font-family — гарнитура шрифта
- •Семейства шрифтов
- •Свойство font-size — кегль шрифта
- •Свойство font-style — управление наклоном
- •Свойство font-weight — насыщенность шрифта
- •Свойство font — управление шрифтом
- •Свойство text-transform — преобразование регистра
- •Свойство line-height — высота строки
- •Свойство vertical-align — вертикальное выравнивание
- •Вертикальное выравнивание для строчных элементов
- •Вертикальное выравнивание для ячеек таблиц
- •Область элемента
- •Свойство text-indent — управление абзацным отступом
- •Свойство padding — внутренний отступ
- •Свойство margin – внешний отступ
- •Верстка Что такое верстка?
- •С кем взаимодействует верстальщик?
- •Как создается веб-страница?
- •Процесс верстки
- •Пример верстки
- •Глава 6. Введение в JavaScript
- •Что такое JavaScript?
- •Типы данных
- •Переменные
- •Операторы
- •Инструкции
- •Конструкторы
- •Прототипы
- •Возможности расширения
- •Экземпляры и классы
- •Общие методы класса Object
- •Интеграция html и JavaScript
- •Элемент script
- •Интеграция в данные
- •Глава 7. Клиентский JavaScript Формы в html
- •Элемент form — собственно форма
- •Обработчики событий
- •Обработчики событий как атрибуты
- •Обработка событий без внедрения кода через атрибуты
- •Таймеры
- •Объект Location
- •Объект History
- •Объект Window
Оглавление
Оглавление 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.
Обо всех этих технологиях рассказывается наиболее свежая и актуальная информация. Помимо этого также обсуждаются вопросы дизайна и организации процесса разработки. Но основная направленность курса — техническая, а не идеологическая.