![](/user_photo/2706_HbeT2.jpg)
- •Оглавление
- •Введение Информация о курсе
- •Тенденции веба
- •Переход в веб
- •Введение в 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
Тенденции веба
Поскольку современный веб очень активно развивается, в нем можно найти множество тенденций. Но среди них существует несколько явно преобладающих.
Веб 2.0
Наиболее громким и известным словом из области веба долго остается «Веб 2.0». Известность этого термина связана в первую очередь с его маркетинговой составляющей. Хотя по сути своей он означает социальность какого-либо ресурса, ярлычок 2.0 очень понравился маркетологам, которые стремятся навесить его на все, что только можно. Это и делает термин широко распространенным и известным.
Любой ресурс второго веба в первую очередь опирается на пользователей, которые наполняют его контентом и существенно влияют на развитие и продвижение. Одним из старейших примеров таких ресурсов являются форумы, а самыми популярными сейчас стали социальные сети и блоги.
Современный вариант второго веба состоит из трех основных частей.
-
Дизайн. Очень часто эту составляющую принимают за главное, и даже единственное, отличие ресурса второго поколения от первого. На самом деле это не так, но дизайн таких ресурсов действительно имеет некоторые особенности. По сути, он представляет собой смесь минимализма и богатства оформления. Типичные приметы: облако тегов, нестандартная модульная сетка, оригинальный логотип, лаконичность стиля и, главное — упор на удобство использования.
-
Маркетинг. Новый термин понравился людям и как только это поняли маркетологи, они стали применять его почти для всего. Но помимо этого изменилась сама идея маркетинга — реклама перестала быть навязчивой, стала точно нацеленной на нужного потребителя. Примеры: контекстная реклама, партизанский маркетинг (качественные ролики, аудио, статьи, в которых ненавязчиво рекламируется продукт).
-
Технологии. Со временем пользователи привыкли к новой идее веба и быстро освоились. Естественно, что им стало хотеться чего-то большего. Это сделало технологическую составляющую наиболее значимой: если ресурс хочет расширяться, ему нужно вводить новые сервисы или улучшать уже существующие. Благодаря этому произошел большой бум интернет-стартапов.
Технологическая составляющая продвигает ресурс, а постоянное соревнование между конкурирующими стартапами приводит к переходу веба в третью эпоху — эпоху ресурсов с высококачественными сервисами.
Переход в веб
С появлением в вебе новых сервисов и расширением интернет-каналов все более заметной тенденцией становится перенос рабочего окружения в веб. Причем это заметно и среди компаний, и среди частных лиц.
Электронной почтой и информационными потоками (RSS/Atom) часто пользуются через веб. Системы мгновенных постепенно сообщений вытесняются микроблогами и социальными сетями. Данные предпочитают хранить не на локальных дисках, а в различных сетевых хранилищах.
Все это связано с удобством такого подхода. Твое окружение доступно из любого места, где есть доступ к вебу. Понимание удобства приходит, например, когда пользуешься ноутбуком и обычным стационарным компьютером. Еще один пример — повреждение дисков компьютера. Даже если такое случится, информация не пострадает и все необходимые данные можно будет вновь получить из хранилища.
Облака
Всеобщий переход в веб не остался незамеченным гигантами рынка. Для большого потока «переходящих» требовалось и больше ресурсов серверов, но при этом за разумную плату. Спрос породил предложение — так появились облака.
Облако (cloud) представляет собой большое скопление некоторых ресурсов (аппаратных или программных), которые предоставляются в виде сервисов. Классический пример применения облаков — хостинг.
Часто на посещаемых сайтах можно наблюдать регулярные периоды наплыва пользователей. Чтобы в такие моменты можно было пользоваться сайтом, требуется увеличивать серверную мощность. При использовании стандартного хостинга эта мощность просто увеличивается на все время работы. Естественно, оплата за нее взимается вне зависимости от степени использования купленной мощности.
Облачный хостинг предлагает другой подход. Требуется лишь указать предельный набор ресурсов, за который мы готовы платить. В дальнейшем стоимость рассчитывается динамически: если сайт посещает один человек, то учитывается только стоимость необходимых для его обслуживания ресурсов, если же приходит несколько тысяч пользователей, то предоставляемые ресурсы и стоимость мгновенно масштабируются. Таким образом, получается избежать переплаты за те ресурсы, которые не используются.
-
HTML и CSS