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

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

Web-сайт

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

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

Web-страницы

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

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

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

Dreamweaver

ассемблер

процессор

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

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

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

Паскаль

Front Page

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

конструктор

редактор

блокнот

браузер

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

язык стилей

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

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

навигация

тэг

контент

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

main

index.htm

goods

goods.htm

food

food.htm

show

show.htm

history

hist.htm

before

before.htm

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

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

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

bgcolor="0000FF"

bgcolor="#999999"

bgcolor="#FFFF00"

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