Опубликован: 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 минут
      Как работает Интернет?
      Cначала кратко рассматривается реальная коммуникация компьютеров с помощью HTTP и TCP/IP, а затем различные языки, которые используются для создания Web-страниц, составляющих Интернет
      Оглавление
        -
        Лекция 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 минут
                                Списки HTML
                                Рассмотрены различные типы списков, доступных в HTML, когда и как их нужно использовать, и как применять некоторые базовые стили
                                Оглавление
                                  -
                                  Лекция 17
                                  30 минут
                                  Изображения в HTML
                                  Разговор о вещах, которые делают дизайн Web привлекательным - об изображениях. О том, как добавлять в Web-документы визуальную информацию доступным образом (чтобы люди с недостатками зрения могли, тем не менее, использовать информацию сайта). А также, как и когда использовать строковые изображения для применения информационных или фоновых изображений при компоновке страницы
                                  Оглавление
                                    -
                                    Лекция 18
                                    37 минут
                                    Ссылки HTML - давайте создадим сеть Web!
                                    Все о ссылках. О том, как создавать ссылки, которые легко понять и использовать в любой рабочей среде. О том, как ссылки влияют на популярность в поисковых системах. А также, дается несколько советов, как лучше сформулировать ссылки
                                    Оглавление
                                      -
                                      Тест 4
                                      36 минут
                                      -
                                      Глава 5 <<Таблицы и формы
                                      Лекция 19
                                      30 минут
                                      Таблицы HTML
                                      Рассказывается, как правильно использовать таблицы HTML, какие элементы и атрибуты для этого используются. А также, даются некоторые сведения, как с помощью CSS можно улучшить вид таблицы
                                      Оглавление
                                        -
                                        Лекция 20
                                        34 минуты
                                        Формы HTML - основы
                                        Рассмотрены все основные элементы, которые необходимо знать для создания элегантной, доступной формы с помощью HTML
                                        Оглавление
                                          -
                                          Тест 5
                                          36 минут
                                          -
                                          Глава 6 <<Семантические элементы и базовые контейнеры
                                          Лекция 21
                                          31 минута
                                          Менее известные семантические элементы
                                          Представлены некоторые из малоизвестных и редко используемых семантических элементов HTML. Рассмотрены разметка программного кода, взаимодействие с компьютерами, цитирование и аббревиатуры, демонстрация сделанных в документах изменений и другие. В конце рассматриваются некоторые предложения по новой дополнительной семантике, сделанные в черновом варианте HTML 5
                                          Оглавление
                                            -
                                            Лекция 22
                                            24 минуты
                                            Базовые контейнеры — элементы div и span
                                            Дается объяснение, как и когда применять в HTML элементы span и div, которые не используются для описания контента, но являются базовым механизмом, позволяющим создать специальную структуру или объединить в группы элементы, где не подходит в действительности никакой другой элемент HTML
                                            Оглавление
                                              -
                                              Тест 6
                                              18 минут
                                              -
                                              Глава 7 <<Навигационное меню и валидация HTML
                                              Лекция 23
                                              58 минут
                                              Создание страниц с навигационными меню
                                              Рассмотрены навигация и меню Web-сайта. Рассказано о различных типах меню, и как создавать их в HTML. Затронута тема юзабилити меню и доступности
                                              Оглавление
                                                -
                                                Тест 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 минута
                                                      Основы CSS
                                                      Лекция посвящена основам технологии каскадных таблиц стилей (CSS).
                                                      Оглавление
                                                        -
                                                        Тест 11
                                                        36 минут
                                                        -
                                                        Лекция 28
                                                        35 минут
                                                        Наследование и каскадирование
                                                        В лекции рассматриваются две фундаментальные концепции CSS - Наследование и каскадирование.
                                                        Оглавление
                                                          -
                                                          Тест 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 часов
                                                                                  -
                                                                                  Марина Походаева
                                                                                  Марина Походаева

                                                                                  Помогите мне. Я ничего не понимаю в курсе ((((((   (от слова "совсем") и мне от этого очень грустно. Есть ли какие-нибудь курсы для "чайников", самые простые в объяснении. ПАМАГИТЕ!!!

                                                                                  Федор Антонов
                                                                                  Федор Антонов

                                                                                  Здравствуйте!

                                                                                  Записался на ваш курс, но не понимаю как произвести оплату.

                                                                                  Надо ли писать заявление и, если да, то куда отправлять?

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