Опубликован: 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 часов
                                                                                  -
                                                                                  Илья Ардов
                                                                                  Илья Ардов

                                                                                  Добрый день!

                                                                                  Я записан на программу. Куда высылать договор и диплом?

                                                                                  Галина Башкирова
                                                                                  Галина Башкирова

                                                                                  Здравствуйте, недавно закончила курс по проф веб программиованию, мне прислали методические указания с примерами тем, однако темы там для специальности 

                                                                                  Системный администратор информационно-коммуникационных» систем.
                                                                                  Мне нужно самой найти тему? или делать по высланным темам

                                                                                   

                                                                                  Анатолий Федоров
                                                                                  Анатолий Федоров
                                                                                  Россия, Москва, Московский государственный университет им. М. В. Ломоносова, 1989
                                                                                  Олег Волков
                                                                                  Олег Волков
                                                                                  Россия, Балаково, МБОУ СОШ 19