HTML и CSS. Создание сайтов (для старшеклассников) / TeachMePlease

Требуется подтверждение e-mail адреса!

Требуется подтверждение e-mail адреса! Письмо с инструкцией выслано на адрес электронной почты, указанный при регистрации

Cookies

Отключены cookie-файлы!

Для корректной работы сайта необходимо разрешить использование cookie-файлов.

Cookies

Для оптимизации дизайна и быстродействия наших веб-сайтов используются cookie-файлы. Продолжая посещение веб-сайта, вы соглашаетесь на использование cookie-файлов.

Ок
Вашингтон

HTML и CSS. Создание сайтов (для старшеклассников)

Распродано
Параметры мероприятия
  • Уровень подготовки
    Легкий
  • Язык
    Русский
  • Возраст
    Любой
7%
При подписке на рассылку вы получаете скидку 7% на первую покупку
Дипломы/сертификаты об окончании
Распродано
Параметры мероприятия
  • Уровень подготовки
    Легкий
  • Язык
    Русский
  • Возраст
    Любой
7%
При подписке на рассылку вы получаете скидку 7% на первую покупку
  • Описание курса
  • Чему вы научитесь?
  • Требования к участникам
Описание курса

Обучаясь в школе, лицее, гимназии и даже болтая с друзьями по Skype и заходя Вконтакте, многие начинают задумываться насчет своей первой собственной домашней странички в Интернете на основе HTML, на которой можно не только рассказать о себе, о своих друзьях, о своем хобби, но и добавлять собственные разделы для редактирования.

На этом курсе вы реально научитесь создавать web-страницу в Internet, изучите основы html, необходимые для создания качественных сайтов.

Если Вы мечтаете о профессии веб-мастера в будущем, то этот курс - важнейший шаг на пути к ее получению. Вы научитесь самостоятельно оформлять web-страницы с использованием языка разметки HTML в Notepad++, Sublime Text3. Благодаря этим навыкам вы не только сможете создавать web-страницы с рисунками, таблицами, ссылками и формами, но и научитесь это делать максимально быстро и эффективно, используя каскадные таблицы стилей CSS, которые также объясняют на курсе по основам html.

Программа курса

Модуль 1. Введение и основные понятия

  • Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.

  • Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются

  • Структура HTML-документа. Понятие элементов и атрибутов

  • Что такое тег? Типы тегов. Правила оформления HTML-документа

  • Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки

  • Использование комментариев.

  • Создание HTML-документа в программе «Блокнот»

Модуль 2. Ссылки и иллюстрации

  • Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML

  • Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок

  • Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты

  • Распределение иллюстраций по страницам сайта:Web-design, приемы и советы

Модуль 3. Таблицы и списки

  • Структурирование информации на WEB-странице при помощи списков. Типы списков

  • Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы

  • Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами

  • Использование таблиц. Макетирование web-страницы с помощью таблиц

  • Использование вложенных таблиц

  • Приемы использования таблиц на web-странице

Модуль 4. Фреймы и айфреймы, формы

  • Зачем нужны формы. Элементы формы

  • Методы отправки информации из полей формы

  • Использование табличных функций при создании формы на примере анкеты

  • Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов

  • Типичные проблемы сайта с фреймами

  • Iframe- возможности использования

  • Размещение аудио- и видеоматериалов на web-странице: примеры

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

  • Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами

  • CSS: основные понятия и определения. Грамматика языка стилей

  • Создание стилей и классов. Принципы каскадирования и принципы группировки

  • Применение стилей и классов к элементам документа HTML

  • Декоративные возможности CSS: формирование рамок и отступов

  • Использование псевдоклассов и псевдоэлементов

Модуль 6. Использование стилей при создании сайта

  • Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта

  • Разработка стилевого дизайна с учетом модели представления информации (media type)

  • Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS

  • Приемы макетирования web-страницы с использованием стилей

  • Новые возможности CSS3 и их поддержка браузерами.

  • Зачем нужна инструкция !DOCTYPE

  • Позиционирование элементов на странице при помощи CSS

Модуль 7. Дополнительные возможности HTML и CSS. XML-технологии и их применение

  • Новые возможности CSS3 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров

  • Нестандартные теги HTML. Нестандартные возможности CSS (фильтры)

  • XML-технологии и их применение

  • Управление отображением элемента на веб-странице (св-во display)

Модуль 8. Размещение сайта на сервере и поддержка сайта

  • Описание метаинформации сайта с помощью элемента META

  • Вопросы хостинга

  • Настройка FTP-клиента. Размещение сайта на сервере, бесплатно предоставляемом Центром компьютерного обучения

  • Вопросы поддержки сайта

  • Способы «раскрутки» сайта

Аудиторная нагрузка в классе с преподавателем: 32 ак. ч.

По окончании курса проводится итоговая аттестация в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения.

Чему вы научитесь?
Грамотно использовать язык разметки гипертекстовых страниц HTML
Создавать ссылки и метки
Работать с таблицами
Создавать формы
Использовать каскадные таблицы стилей (CSS)
Создавать интернет-страницы
Размещать информацию в интернет
Пользоваться популярными HTML редакторами
Требования к участникам
Успешное окончание курса Работа в глобальной сети Internet (для школьников) или эквивалентная подготовка.

Организация

Остались вопросы?

Напишите в чат, и специалист поддержки оперативно ответит вам.