Инструменты для разработки wеb-сайтов (§ 13) (11 кл. 68 ч. sim)


Планирование уроков на учебный год (по учебнику Семакина И.Г.) 2 часа в неделю


Уроки 30 - 34
Основы сайтостроения (§§ 13 - 15)
Практическая работа 2.5. "Разработка сайта "Моя семья""
Практическая работа 2.6. "Разработка сайта "Животный мир""
Практическая работа 2.7. "Разработка сайта "Наш класс""



Содержание урока

Инструменты для разработки wеb-сайтов (§ 13)

Понятие языка разметки гипертекста

Визуальные HTML-редакторы

Вопросы и задания

Создание сайта «Домашняя страница» (§ 14)

Создание таблиц и списков на wеb-странице (§ 15)

Практическая работа № 2.5 Разработка сайта «Моя семья»

Практическая работа № 2.6 Разработка сайта «Животный мир»

Практическая работа № 2.7 Разработка сайта «Наш класс»


Инструменты для разработки wеb-сайтов (§ 13)


Вернемся к разговору о web-сайтах и узнаем, с помощью каких средств можно самостоятельно создать сайт.

Web-сайт — это совокупность гипертекстовых документов, которые рассматриваются как единое целое и определяются одним URL-адресом.

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

Понятие языка разметки гипертекста


В предыдущем параграфе уже говорилось о том, что основой любого сайта является язык разметки гипертекста HTML (HyperText Markup Language). HTML включает в себя несколько десятков так называемых тегов (команд), каждый из которых определяет внешний вид отдельного элемента страницы: текста, изображения, таблицы, списка и др. Например, следующая запись в HTML-документе:

Moя домашняя страница

означает, что указанный текст («Моя домашняя страница») должен отображаться в окне браузера шрифтом Arial, цвет шрифта — красный.

Следующая страница Визуальные HTML-редакторы









Наверх