Автор: Олег Труфанов (переводчик)
Форма обучения:
дистанционная
Стоимость самостоятельного обучения:
бесплатно
Стоимость обучения с персональным тьютором:
500 руб. [?]
Доступ:
свободный
Документ об окончании:
 
Уровень:
Для всех
Длительность:
38:33:00
Студентов:
7207
Выпускников:
639
Качество курса:
4.49 | 4.28
Этот курс по стандартам Web, состоящий из отдельных лекций, доступен почти любому, кто хочет изучить Web-дизайн на основе стандартов Web с самого начала.
Задача курса состоит в том, чтобы сделать читателя, имеющего не более чем общие представления о просмотре Web, достаточно компетентным в использовании CSS и HTML, и дать базовые знания об использовании сценариев JavaScript, и о том как они вписываются в общую картину. Курс должен дать достаточно знаний, чтобы можно было с уверенностью начать думать о поиске работы в этой области.
 

План занятий

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

Я самостоятельно изучаю учебную программу Программирование в разделе Профессиональная переподготовка. Оплату не производил.

1. Какой документ я могу получить после зачершения всей программы? И что для этого необходимо?

2.  Могу ли я пройдя всю программу и оплатив её после прохождения, получить диплом о профессиональной переподготовке?

3. Могу ли я получать отдельные сертификаты после прохождения отдельного курса программы и если да , что для этого надо?

Анна Глушкова
Анна Глушкова
Игорь Хан
Игорь Хан
Узбекистан, Ташкент, Ташкентский педагогический институт иностранных языков, 1990