Внимание!!! AdBlock блокирует показ некоторых скриншотов. Пожалуйста, все вопросы к разработчкикам
Автор
Сообщение
Mephis
Специалист | HTML и CSS. Уровень 1
Год выпуска: 2010 Производитель: Специалист Сайт производителя: http://www.specialist.ru/ Продолжительность: 16 ч. Тип раздаваемого материала: Видеоурок Язык: Русский Формат видео: MKV Видео: Codec - AVC Frame Width x Height - 1024x768pixels Frame Rate - 8.000 fps Display Aspect Ratio - 4:3 Video Stream BitRate - 134 Kbps Аудио: Codec - MPEG Sampling Rate - 44.1 KHz Описание: webинар по курсу HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C - видео, лабы, презентации, etc.
Модуль 1. Введение и основные понятия * Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML. * Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются * Структура HTML-документа. Понятие элементов и атрибутов * Зачем нужна инструкция <!DOCTYPE> * Что такое тег? Типы тегов. Правила оформления HTML-документа * Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки * Использование комментариев. * Создание HTML-документа в программе «Блокнот» Модуль 2. Ссылки и иллюстрации * Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML * Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок * Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты * Распределение иллюстраций по страницам сайта: приемы и советы Модуль 3. Таблицы и списки * Структурирование информации на WEB-странице при помощи списков. Типы списков * Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы * Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами * Использование таблиц. Макетирование web-страницы с помощью таблиц * Использование вложенных таблиц * Приемы использования таблиц на web-странице Модуль 4. Фреймы и формы * Зачем нужны формы. Элементы формы * Методы отправки информации из полей формы * Использование табличных функций при создании формы на примере анкеты * Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов * Типичные проблемы сайта с фреймами Модуль 5. Каскадные таблицы стилей (CSS) * Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами * CSS: основные понятия и определения. Грамматика языка стилей * Создание стилей и классов. Принципы каскадирования и принципы группировки * Применение стилей и классов к элементам документа HTML * Использование программы TopStyle для редактирования стилей * Декоративные возможности CSS: формирование рамок и отступов * Использование псевдоклассов и псевдоэлементов * Позиционирование элементов на странице при помощи CSS * Управление моделью элемента (свойство display) Модуль 6. Использование стилей при создании сайта * Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта * Разработка стилевого дизайна с учетом модели представления информации (media type) * Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS * Приемы макетирования web-страницы с использованием стилей * Новые возможности CSS level 2 и их поддержка браузерами. Модуль 7. Дополнительные возможности HTML и CSS. XML-технологии и их применение * Новые возможности CSS level 2 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров * Размещение аудио- и видеоматериалов на web-странице: примеры * Нестандартные теги HTML. Нестандартные возможности CSS (фильтры) * XML-технологии и их применение Модуль 8. Размещение сайта на сервере и поддержка сайта * Описание метаинформации сайта с помощью элемента META * Вопросы хостинга * Настройка FTP-клиента. Размещение сайта на сервере, бесплатно предоставляемом Центром компьютерного обучения * Вопросы поддержки сайта * Способы «раскрутки» сайта
Внимание! AdBlock блокирует показ скриншотов, все вопросы к разработчикам )))
