Информатика. 11 класс

Урок 12. Веб-технологии

Web-сайт

Вставьте правильные слова в предложение.

Web-сайт — это совокупность , связанных между собой и взаимными .

Web-страницы

Установите соответствие между вопросом и термином.

процессор

Программа, обеспечивающая интерактивное взаимодействие пользователей называется ...

Dreamweaver

языки программирования высокого уровня

текстовый редактор

CSS (Cascading Style Sheets) — это ...

Паскаль

Для создания Web-страниц используют язык ...

Программный продукт, который позволяет создавать Web-страницы вручную называется ...

Front Page

конструктор

редактор

ассемблер

браузер

язык стилей

язык разметки HTML

блокнот

Технология Web 3/0

Установите соответствие между элементами двух множеств.

тэг

навигация

элементы управления

контент

гиперссылки, связывающие страницы одного сайта

средства осуществления обратной связи на сайте

служебные средства разметки гипертекста

содержание сайта

Переходы по гиперссылкам

Закончите предложение. 

Гиперссылки на Web-странице могут обеспечить переход

на любую web-страницу любого сервера
только в пределах данной web-страницы
только на web-страницы данного сервера
на любую web-страницу данного региона
Виды тэгов

Подчеркните верные названия.

Тэги могут быть: закрывающими, главными, автономными, одиночными, парными, авторитетными

Разработка личного информационного пространства

Дополните таблицу, используя элементы.

тэг описание
< td >
используется для перехода на другую строку
определяет столбец таблицы
< br >
выводит заголовок
< а >
определяет вставку гиперссылки
< h4 >
Расположение контейнеров

Укажите, в каких примерах контейнеры расположены правильно.

Неправильно
Правильно
Неправильно
Публикация сайта

Подчеркните, что из следующего относится к публикации сайта.

Проверить правильность работы гиперссылок.

Запустить сайт на нескольких разных браузерах.

Получить от провайдера логин и пароль для редактирования сайта.

Получить от провайдера URL-адрес вашего сайт.

Найти в Интернете сервер, на котором можно разместить сайт.

Проверить, хорошо ли читается текст на выбранном фоне.

Выложить сайт на сервер.

Структура сайта

На рисунке показана структура сайта, который содержит шесть веб-страниц. Выделите все веб-страницы.

main

index.htm

goods

goods.htm

food

food.htm

show

show.htm

history

hist.htm

before

before.htm

Зеленый
Кодирование цвета

Для кодирования цвета фона страницы Интернета используется атрибут bgcolor="#XXXXXX", где в кавычках задаются шестнадцатеричные значения интенсивности цветовых компонент в 24-битной RGB-модели.

Установите соответствие между цветом, который будет у страницы, и тэгом.

bgcolor="#FFFF00"

bgcolor="0000FF"

bgcolor="#999999"

bgcolor="#FFFFFF"

белый

голубой

серый

желтый

Информационное пространство

Зачеркните элементы, которые не могут использоваться в теле документа <body>.

&lt; a &gt; , &lt; h1 &gt; , &lt; h6 &gt;  &lt; head &gt; , &lt; img &gt; , &lt; title &gt; , &lt; html &gt; , &lt; ol &gt; , &lt; sub &gt;.

Текст HTML-документа

Просмотрите текст HTML-документа.

< html >

< head >

< ? > Страница Иванова < ? >

< h2 > Добро пожаловать к Иванову! < /h2 >

< /head >

< body >

< h4 > /Привет!!! < br >

< /h4 >

< /body >

< /html >

Какие тэги должны стоять на месте знаков «?»?

Введите ответы.

Тэг 1:

Тэг 2:

Фон Web-страницы

Просмотрите текст HTML-документа.

< html >

< head >

< title > Страница Иванова < /title >

< h2 > Добро пожаловать к Иванову! < /h2 >

< /head >

< body >

< h4 > /Привет!!! < br >

< /h4 >

< /body >

< /html >

Какой цвет фона будет на Web-странице? 

Ответ:

Технология WWW

Просмотрите текст HTML-документа.

< html >

< head >

< title > Страница Иванова < /title >

< h2 > Добро пожаловать к Иванову! < /h2 >

< /head >

< body >

< h4 > /Привет!!! < br >

< /h4 >

< /body >

< /html >

Какие данные будут отпечатаны на странице? 

Ответ:

Предметы

По алфавиту По предметным областям

Классы

1 2 3 4 5 6 7 8 9 10 11
angle-skew-bottom mix-copy next-copy-2 no-copy step-1 step-2 step-3 step-4 step-5 step-6 step-6 angle-skew-bottom mix-copy next-copy-2 no-copy step-1 step-2 step-3 step-4 step-5 step-6 step-6