Опубликован: 28.11.2008 | Уровень: для всех | Доступ: платный
Введение в стандарты Web Этот курс по стандартам Web, состоящий из отдельных лекций, доступен почти любому, кто хочет изучить Web-дизайн на основе стандартов Web с самого начала.
Задача курса состоит в том, чтобы сделать читателя, имеющего не более чем общие представления о просмотре Web, достаточно компетентным в использовании CSS и HTML, и дать базовые знания об использовании сценариев JavaScript, и о том как они вписываются в общую картину. Курс должен дать достаточно знаний, чтобы можно было с уверенностью начать думать о поиске работы в этой области.

План занятий

Глава <<ЗанятиеЗаголовок <<Дата изучения
-
Глава 1 <<История интернет и стандарты
Лекция 1
30 минут
Введение в стандарты Web
Кратко обсуждаются преимущества использования стандартов Web, почему они не общеприняты, как должны были бы быть, и как курс намерен решить эти проблемы. Рассказывается, как структурирован курс, для кого он предназначен.
-
Лекция 2
28 минут
История Internet и Web, эволюция стандартов Web
Краткий экскурс в историю создания Интернет, World Wide Web (WWW), и "стандартов Web". Рассказывается о "Войнах браузеров", а также появлении, развитии и внедрении стандартов Web
-
Лекция 3
30 минут
-
Лекция 4
33 минуты
Модель стандартов Web - HTML, CSS и JavaScript
Рассматривается чуть углубленней каждый из базовых строительных блоков Web - HTML (или XHTML), CSS и JavaScript. Что они делают, и как эти три составляющие взаимодействуют друг с другом при создании Web-сайта
-
Лекция 5
27 минут
Стандарты Web — прекрасная мечта, но какова реальность?
Анализируется, все ли браузеры Web на 100% совместимы со стандартами. Все ли разработчики Web правильно используют стандарты Web. Создают ли разработчики Web страницы с помощью стандартов Web, и при этом могут быть уверены, что их дизайн будет поддерживаться везде. Как же в реальности обстоят дела?
-
Тест 1
36 минут
-
Глава 2 <<Информационная архитектура сайта и работа с цветом
Лекция 6
21 минута
Информационная архитектура - Планирование Web-сайта
Рассматриваются начальные этапы планирования Web-сайта, и дисциплина, которую обычно называют Информационная архитектура, или IA (Information Architecture)
-
Лекция 7
28 минут
Что нужно хорошей Web-странице?
Исследуются различные страницы Web-сайта. Обдумывается, какие на них должны появиться объекты, рассматриваются такие проблемы, как согласованность, юзабилити, и доступность
-
Лекция 8
35 минут
Теория цвета
Рассмотрены основы цвета и три простые цветовые схемы, помогающие при выборе цвета для сайта. В последующих материалах будет рассказано, как упростить этот выбор цветов
-
Лекция 9
55 минут
Создание каркаса сайта
Что необходимо знать, приступая к созданию каркаса сайта? Что нужно продумать в первую очередь, приступая к разработке сайта? На примере воображаемого сайта автор показывает, как начать делать сайт. Логотип, его влияние на дизайн сайта. Предполагаемая компоновка сайта, ее особенности. Немного слов о рекламе на сайте, как лучше ее разместить. Как осуществить проверку компоновки?
-
Лекция 10
56 минут
Цветовые схемы и макеты дизайна
Основная информация о гарнитурах шрифтов. Определение гарнитуры шрифта для заголовков, подзаголовков и основного текста. Некоторые секреты выравнивания. Советы по подбору различных цветовых комбинаций для Web-сайта. Поэтапное создание макета сайта. Тестирование Web-сайта перед переходом в рабочий режим
-
Лекция 11
30 минут
Полиграфия в Web
Ограничения полиграфии в Web (ограниченный выбор шрифтов, переносы слов, кернинг). Рекомендации по реализации полиграфии в Web (выбор набора шрифтов, длина строки, высота строки, буквицы, капитель, висящая пунктуация, полиграфически-правильная пунктуация)
-
Тест 2
36 минут
-
Глава 3 <<Основы языка HTML
Лекция 12
28 минут
Основы HTML
Лекция знакомит с основами языка HTML - что это такое, что он делает, кратко история его появления, и немного о том, как выглядит структура документа HTML
-
Лекция 13
31 минута
Элемент HTML head
Рассматривается разметка внутри элемента head. Кратко рассказывается о различных частях этого раздела, и для чего они предназначены, включая doctype, элемент title, ключевые слова и описание. Дается представление о JavaScript и стилях CSS (как внутренних, так и внешних) и о том, что не следует оставлять в head
-
Лекция 14
23 минуты
Выбор правильного doctype для документов HTML
Более подробно рассматривается элемент doctype, показаны его функции при проверке кода HTML и порядок выбора doctype для документа. А также, объявление XML
-
Тест 3
36 минут
-
Глава 4 <<Разметка текста, списки, изображения и ссылки
Лекция 15
22 минуты
Разметка текстового контента в HTML
Рассматриваются основы использования HTML для описания значения контента в теле (body) документа. Рассмотрены общие структурные элементы, такие как заголовки и параграфы, вставка цитат и кода; строковый контент, такой как короткие цитаты и визуальное выделение. А также, кратко - устаревший контент представления
-
Лекция 16
40 минут
-
Лекция 17
30 минут
Изображения в HTML
Разговор о вещах, которые делают дизайн Web привлекательным - об изображениях. О том, как добавлять в Web-документы визуальную информацию доступным образом (чтобы люди с недостатками зрения могли, тем не менее, использовать информацию сайта). А также, как и когда использовать строковые изображения для применения информационных или фоновых изображений при компоновке страницы
-
Лекция 18
37 минут
-
Тест 4
36 минут
-
Глава 5 <<Таблицы и формы
Лекция 19
30 минут
Таблицы HTML
Рассказывается, как правильно использовать таблицы HTML, какие элементы и атрибуты для этого используются. А также, даются некоторые сведения, как с помощью CSS можно улучшить вид таблицы
-
Лекция 20
34 минуты
-
Тест 5
36 минут
-
Глава 6 <<Семантические элементы и базовые контейнеры
Лекция 21
31 минута
Менее известные семантические элементы
Представлены некоторые из малоизвестных и редко используемых семантических элементов HTML. Рассмотрены разметка программного кода, взаимодействие с компьютерами, цитирование и аббревиатуры, демонстрация сделанных в документах изменений и другие. В конце рассматриваются некоторые предложения по новой дополнительной семантике, сделанные в черновом варианте HTML 5
-
Лекция 22
24 минуты
Базовые контейнеры — элементы div и span
Дается объяснение, как и когда применять в HTML элементы span и div, которые не используются для описания контента, но являются базовым механизмом, позволяющим создать специальную структуру или объединить в группы элементы, где не подходит в действительности никакой другой элемент HTML
-
Тест 6
18 минут
-
Глава 7 <<Навигационное меню и валидация HTML
Лекция 23
58 минут
-
Тест 7
36 минут
-
Лекция 24
27 минут
Валидация HTML
Как лучше всего начать проверку страниц HTML и гарантировать, что эти страницы будут выводиться правильно в различных браузерах, без каких-либо ошибок? Ответом является валидация (проверка на соответствие правилам). О ней и пойдет речь
-
Тест 8
18 минут
-
Глава 8 <<Доступность
Лекция 25
1 час 3 минуты
-
Тест 9
27 минут
-
Лекция 26
1 час 27 минут
Тестирование доступности
Рассматриваются подходы к оценке доступности Web, как с точки зрения создания формального соответствия, так и с точки зрения максимизации доступности
-
Тест 10
18 минут
-
Глава 9 <<Каскадные таблицы стилей (CSS)
Лекция 27
1 час 1 минута
-
Тест 11
36 минут
-
Лекция 28
35 минут
-
Тест 12
36 минут
-
Лекция 29
58 минут
Оформление текста с помощью CSS
Эта лекция строится на основе полученных ранее в этом курсе знаний, предоставляя подробное руководство по эффективному оформлению текста с помощью CSS.
Оглавление
-
Тест 13
36 минут
-
Глава 10 <<Модель компоновки и фоновые изображения
Лекция 30
1 час 5 минут
Модель компоновки CSS - боксы, границы, поля, заполнение
В лекции рассказывается о свойствах CSS, которые управляют компоновкой элементов HTML, включая их границы, поля, и многое другое.
Оглавление
-
Тест 14
36 минут
-
Лекция 31
49 минут
Фоновые изображения CSS
В этой лекции рассматриваются основы работы с фоновыми изображениями CSS, включая применение фоновых изображений с помощью CSS, настройка их размещения, укладка их вертикально или горизонтально, и объединение фоновых изображений с помощью спрайтов CSS для улучшения производительности сайта.
-
Тест 15
36 минут
-
Глава 11 <<Списки, ссылки, таблицы
Лекция 32
53 минуты
Оформление списков и ссылок
В данной лекции рассматриваются основные приемы оформления списков и ссылок. Показываются основные типы списков: упорядоченные и неупорядоченные, вертикальные и горизонтальные, а также вложенные списки. Рассматриваются состояния ссылок, ожидания пользователей относительно ссылок, оформление ссылок с помощью CSS
Оглавление
-
Тест 16
36 минут
-
Лекция 33
39 минут
Оформление таблиц
В данной лекции рассматриваются различные аспекты оформления таблиц. Показывается структура таблицы, оформление отдельных элементов: таблицы в целом, заголовка, отдельных ячеек, границ, фона. Также рассматриваются основные дизайнерские приемы по оформлению таблиц: разметка "зебра", неравные столбцы, неполные и внутренние сетки. В конце лекции показываются две распространенные ошибки, связанные с оформлением таблиц, а также способы их устранения
-
Тест 17
36 минут
-
Глава 12 <<Формы и плавающие элементы
Лекция 34
1 час 13 минут
Проектирование, компоновка и представление форм с помощью CSS
Статья о формах HTML познакомила с основами создания и оформления форм. В данной статье будет продолжено рассмотрение форм с того места, где остановилась предыдущая, предоставляя дополнительные подробности об элементах и стилях форм, и о том, как формы используются в реальных современных Web-приложениях
Оглавление
-
Лекция 35
42 минуты
Плавающие элементы и очистка
В данной лекции рассматриваются плавающие элементы и очистка. Объясняется, что это такое и зачем применяется в современном web-дизайне. Детально разъясняется, как браузеры воспроизводят HTML/CSS документы, дается определение понятию "бокс", объясняется, как располагаются различные типы боксов на странице. Рассматриваются контейнерные плавающие элементы и заключение в оболочку, а также способ центрирования плавающего элемента
-
Тест 18
36 минут
-
Глава 13 <<Позиционирование
Лекция 36
48 минут
Статическое и относительное позиционирование CSS
В данной лекции рассматриваются два вида позиционирования элементов на странице: статическое и относительное. Показываются различия двух методов, а также варианты применения каждого из них. Показывается отличие в компоновке блочных и строковых боксов при статическом позиционировании. Рассматривается вопрос построения много-столбцовой компоновки с помощью относительного позиционирования. Рассматриваются способы решения проблем, возникающих при работе с браузером Internet Explorer
-
Тест 19
36 минут
-
Лекция 37
44 минуты
Абсолютное и фиксированное позиционирование CSS
В данной лекции рассматривается абсолютное и фиксированное позиционирование, показываются особенности абсолютно позиционированных элементов в контексте потока документа. Рассматриваются вопросы определения позиции, размеров и расположения в третьем измерении абсолютно позиционированных элементов. Рассматривается понятие контекста стека, а также его разновидности: локального контекста стека. Также рассматриваются особенности элементов с фиксированным позиционированием и возможные варианты применения этих элементов
-
Тест 20
36 минут
-
Глава 14 <<Проектирование шаблона сайта
Лекция 38
1 час 2 минуты
Верхние и нижние колонтитулы, столбцы и шаблоны
В лекции рассказано как с помощью изложенного материала в предыдущих лекциях создать шаблон всего сайта.
Оглавление
-
Дополнительный материал 1
27 минут
Как разместить свой контент в сети
Цель приложения состоит в том, чтобы предоставить краткое руководство по размещению Web-сайта в сети
-
Дополнительный материал 2
27 минут
Еще немного об элементе head документа
В приложении рассмотрены некоторые, реже используемые, элементы, которые можно добавлять в раздел head документа HTML; они менее важны, но, тем не менее, очень полезны. А также, как объединить несколько документов HTML в большую совокупность из нескольких частей, что такое иконка сайта (favicon) и как ее использовать, и что такое RSS
-
Дополнительный материал 3
13 минут
-
Дополнительный материал 4
22 минуты
-
5 часов
-
Кристина Семенова
Кристина Семенова

Здравствуйте,подскажите,можно ли оплатить курс частями?

Никита Старцев
Никита Старцев
Анатолий Федоров
Анатолий Федоров
Россия, Москва, Московский государственный университет им. М. В. Ломоносова, 1989
Галина Матрук
Галина Матрук
Молдова, Республика, Кишинев, UTM, 2010