HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C и переход на HTML 5 и СSS 3 Год выпуска: 2011 Сайт производителя: http://www.specialist.ru/ Продолжительность: 23:04:39 Тип раздаваемого материала: Видеоурок Язык: Русский Описание: HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения Веб-технологий.
Модуль 1. Введение и основные понятия
Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
Структура HTML-документа. Понятие элементов и атрибутов
Зачем нужна инструкция <!DOCTYPE>
Что такое тег? Типы тегов. Правила оформления HTML-документа
Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
Использование комментариев.
Создание HTML-документа в программе «Notepad++»
Модуль 2. Ссылки и иллюстрации
Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
Распределение иллюстраций по страницам сайта: приемы и советы
Модуль 3. Таблицы и списки
Структурирование информации на WEB-странице при помощи списков. Типы списков
Особенности табличной модели в HTML 4.
Отличия от модели в других версиях языка.
Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
Использование таблиц. Макетирование web-страницы с помощью таблиц. Табличная верстка
Использование вложенных таблиц
Приемы использования таблиц на web-странице
Модуль 4. Фреймы и формы
Зачем нужны формы. Элементы формы
Методы отправки информации из полей формы
Использование табличных функций при создании формы на примере анкеты
Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
Типичные проблемы сайта с фреймами
Размещение аудио- и видеоматериалов на странице: примеры
Обзор новых возможностей HTML 5 по работе с видео
Модуль 5. Каскадные таблицы стилей (CSS)
Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 2 и Level 2.1: особенности, поддержка браузерами
CSS: основные понятия и определения. Грамматика языка стилей
Создание стилей и классов. Принципы каскадирования и принципы группировки
Применение стилей и классов к элементам документа HTML
Использование программы TopStyle для редактирования стилей
Декоративные возможности CSS: формирование рамок и отступов
Использование псевдоклассов и псевдоэлементов
Позиционирование элементов на странице при помощи CSS
Управление моделью элемента (свойство display)
Модуль 6. Использование стилей при создании сайта
Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
Разработка стилевого дизайна с учетом модели представления информации (media type)
Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
Приемы макетирования web-страницы с использованием стилей
Модуль 7. Дополнительные возможности HTML и CSS. XML-технологии и их применение
Новые возможности CSS 3 и их поддержка браузерами.
Дизайн стилей с учетом возможностей браузеров
Нестандартные теги HTML. Нестандартные возможности CSS (фильтры)
XML-технологии и их применение
Модуль 8. Размещение сайта на сервере и поддержка сайта Перспективы HTML 5 и CSS 3
Описание метаинформации сайта с помощью элемента META
Обзор новой структурной разметки HTML 5
Вопросы хостинга
Настройка FTP-клиента. Размещение сайта на сервере, бесплатно предоставляемом Центром компьютерного обучения
Вопросы поддержки сайта
Способы «раскрутки» сайта
File Name : specialist/22041/2011-06-15_10.09_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 01:29:39.270
Video : WMV3, 528 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-15_11.41_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 01:21:24.688
Video : GoToMeeting3, 219 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-16_10.03_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 02:58:09.677
Video : GoToMeeting3, 305 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-17_10.04_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 02:53:30.631
Video : GoToMeeting3, 257 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-20_10.01_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 02:59:52.030
Video : WMV3, 676 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-21_10.04_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 02:47:34.332
Video : GoToMeeting3, 269 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-22_10.05_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 02:49:26.130
Video : WMV3, 553 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-23_09.46_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 02:57:32.385
Video : GoToMeeting3, 220 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
File Name : specialist/22041/2011-06-24_10.03_ACHTML_B_15_06_24_06_u_TAG.wmv (Windows Media) Duration: 02:47:34.471
Video : GoToMeeting3, 688 Kbps, 1366 x 768, Aspect Ratio: 1.779
Audio : WMA2, 48.0 Kbps, 1 channel, 44.1 KHz
