Учебный центр "Шаг в будущее" подготовка к ЦТ
белорусский государственный университет
ГП "центр информационных ресурсов и коммуникаций"

Учебный центр "Шаг в будущее"

обучающие курсы ДЛЯ СТАРШЕКЛАССНИКОВ, компьютерные курсы , ПОДГОТОВКА К ЦТ
Белорусский государственный университет  подготовка к ЦТ

Меню

Главная Проход по ссылкам навигации

Горячие новости

28.02.2017

Итоги 107 Республиканского семинара-практикума "Эффективная работа с официальным сайтом учреждения образования в системе WebPerspective"

Отчет о 107 семинаре "Эффективная работа с официальным сайтом учреждения образования в системе WebPerspective"

Подробнее..

17.02.2017

Итоги 8 Республиканского семинара "Нелинейный видеомонтаж в Sony Vegas Pro на практических примерах"

Итоги 8 Республиканского семинара "Нелинейный видеомонтаж в Sony Vegas Pro на практических примерах"

Подробнее..

17.02.2017

Итоги 106 семинара-практикума по WebPerspective "Основы работы с официальным сайтом учреждения образования в системе Web.Perspective (для новичков)"

Отчет о 106 семинаре "Основы работы с официальным сайтом учреждения образования в системе Web.Perspective (для новичков) "

Подробнее..

Обучение решению заданий ЦТ
ул. Революционная, 11.
конт.тел: 017 328 64 57

Яндекс.Метрика

 

  Программа обучения рассчитана на 36 аудиторных часов:

    HTML, CSS. Профессиональный уровень
Тема Академических
часов
Блок 1. Введение  
Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
Структура HTML-документа. Понятие элементов и атрибутов
Зачем нужна инструкция <!DOCTYPE>
Что такое тег? Типы тегов. Правила оформления HTML-документа
Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
Использование комментариев.
Создание HTML-документа в программе «Notepad++»
3

Блок 2. Ссылки и иллюстрации
 
Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
Распределение иллюстраций по страницам сайта: приемы и советы
3

Блок 3. Таблицы и списки
 

Структурирование информации на WEB-странице при помощи списков. Типы списков
Особенности табличной модели в HTML 4.
Отличия от модели в других версиях языка.
Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
Использование таблиц. Макетирование web-страницы с помощью таблиц. Табличная верстка
Использование вложенных таблиц
Приемы использования таблиц на web-странице
3

Блок 4. Фреймы и формы
 

Зачем нужны формы. Элементы формы
Методы отправки информации из полей формы
Использование табличных функций при создании формы на примере анкеты
Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
Типичные проблемы сайта с фреймами
Размещение аудио- и видеоматериалов на странице: примеры
Обзор новых возможностей HTML 5 по работе с видео
3

Блок 5. Каскадные таблицы стилей (CSS)
 

Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 2 и Level 2.1: особенности, поддержка браузерами
CSS: основные понятия и определения. Грамматика языка стилей
Создание стилей и классов. Принципы каскадирования и принципы группировки
Применение стилей и классов к элементам документа HTML
Использование программы TopStyle для редактирования стилей
3

Блок 6. Позиционирование элементов на странице с использованием CSS
 

Декоративные возможности CSS: формирование рамок и отступов
Использование псевдоклассов и псевдоэлементов
Позиционирование элементов на странице при помощи CSS
Управление моделью элемента (свойство display)
3

Блок 7. Использование стилей при создании сайта
 

Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
Разработка стилевого дизайна с учетом модели представления информации (media type)
Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
Приемы макетирования web-страницы с использованием стилей
3

Блок 8. Дополнительные возможности HTML и CSS. XML-технологии и их применение
 

Новые возможности CSS 3 и их поддержка браузерами.
Дизайн стилей с учетом возможностей браузеров
Нестандартные теги HTML. Нестандартные возможности CSS (фильтры)
XML-технологии и их применение
3

Блок 9. Размещение сайта на сервере и поддержка сайта Перспективы HTML 5 и CSS 3
 

Описание метаинформации сайта с помощью элемента META
Обзор новой структурной разметки HTML 5, особенности новой спецификации
Использование HTML5 и CSS3
Выбор хостинга
3

Блок 10. Поддержка и раскрутка сайта
 

Выбор и настройка FTP-клиента
Размещение сайта на сервере
Поддержка сайта, оптимизация HTML-кода
Способы «раскрутки» сайта
3

   

comments powered by HyperComments