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