1. К контейнерным тэгам относятся:

  • . Контрольная работа по html


    Контрольная работа для 9 класса по теме «Язык HTML»

    Контрольная работа №1 по теме «Язык гипертекстовой разметки HTML»

    ФИО___________________________ Класс_____________ Дата__________

    Вариант 1

    1. За что отвечает тег <HTML>HTML>? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой параметр тега <font> отвечает за размер текста? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой тег отвечает за вставку таблицы? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите отрывок кода HTML, вставляющий картинку 1.jpg с высотой 350 пикселей, шириной 500 пикселей, с всплывающим описанием картинки «Моя картинка» и с рамкой в 2 пикселя. (2 балла)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите код данной таблицы (2 балла):

    Критерии оценивания: «5» - 6-7 баллов, «4» - 4-5 баллов, «3» - 2-3 балла, «2» - 0-1 балл.

    Контрольная работа №1 по теме «Язык гипертекстовой разметки HTML»

    ФИО___________________________ Класс_____________ Дата__________

    Вариант 2

    1. За что отвечает тег <title> title >? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой параметр тега <font> отвечает за шрифт текста? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой тег отвечает за вставку картинки? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите отрывок кода HTML, вставляющий картинку 2.gif с высотой 300 пикселей, шириной 450 пикселей, с всплывающим описанием картинки «Мое фото» и с рамкой в 1 пиксель. (2 балла)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите код данной таблицы (2 балла):

    Критерии оценивания: «5» - 6-7 баллов, «4» - 4-5 баллов, «3» - 2-3 балла, «2» - 0-1 балл.

    Контрольная работа №1 по теме «Язык гипертекстовой разметки HTML»

    ФИО___________________________ Класс_____________ Дата__________

    Вариант 3

    1. За что отвечает тег <body>body>? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой параметр тега <font> отвечает за цвет текста? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой тег отвечает за вставку ссылки? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите отрывок кода HTML, вставляющий картинку 3.bmp с высотой 400 пикселей, шириной 550 пикселей, с всплывающим описанием картинки «Мой рисунок» и с рамкой в 3 пикселя. (2 балла)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите код данной таблицы (2 балла):

    Критерии оценивания: «5» - 6-7 баллов, «4» - 4-5 баллов, «3» - 2-3 балла, «2» - 0-1 балл.

    Ответы

    Вариант 1

    Вариант 2

    Вариант 3

    1

    Тэг <HTML>HTML> определяет язык, на котором исполнен код страницы

    Тэг <title>title> отвечает за заголовок окна HTML-документа

    Тэг <body>body> - это тело HTML-документа.

    2

    Size

    Face

    Color

    3

    4

    Моя картинка' border='2'>

    Мое фото' border='1'>

    Мой рисунок' border='3'>

    1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 9 1 2

    34 5 6 7 8

    botana.cc

    Контрольная работа 11 класс по информатике

    Контрольная работа по теме «Язык гипертекстовой разметки HTML»

    ФИО___________________________ Класс_____________ Дата__________

    Вариант 1

    1. За что отвечает тег <HTML>HTML>? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой параметр тега <font> отвечает за размер текста? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой тег отвечает за вставку таблицы? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите отрывок кода HTML, вставляющий картинку 1.jpg с высотой 350 пикселей, шириной 500 пикселей, с всплывающим описанием картинки «Моя картинка» и с рамкой в 2 пикселя. (2 балла)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите код данной таблицы (2 балла):

    1

    2

    3

    4

    5

    6

    7

    8

    Критерии оценивания: «9-10» - 6-7 баллов, «7-8» - 4-5 баллов, «5-6» - 2-3 балла, «3-4» - 0-1 балл.

    Контрольная работа по теме «Язык гипертекстовой разметки HTML»

    ФИО___________________________ Класс_____________ Дата__________

    Вариант 2

    1. За что отвечает тег <title> title >? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой параметр тега <font> отвечает за шрифт текста? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой тег отвечает за вставку картинки? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите отрывок кода HTML, вставляющий картинку 2.gif с высотой 300 пикселей, шириной 450 пикселей, с всплывающим описанием картинки «Мое фото» и с рамкой в 1 пиксель. (2 балла)

    __________________________________________________________________________________________________________________________________________________

    1. Напишите код данной таблицы (2 балла):

    1

    2

    3

    4

    5

    6

    7

    8

    9

    Критерии оценивания: «9-10» - 6-7 баллов, «7-8» - 4-5 баллов, «5-6» - 2-3 балла, «3-4» - 0-1 балл.

    Контрольная работа по теме «Язык гипертекстовой разметки HTML»

    ФИО___________________________ Класс_____________ Дата__________

    Вариант 3

    1. За что отвечает тег <body>body>? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    1. Какой параметр тега <font> отвечает за цвет текста? (1 балл)

    __________________________________________________________________________________________________________________________________________________

    infourok.ru

    Контрольная работа «Основы web-конструирования», 11 класс

    Контрольная работа «Основы web-конструирования»

    Цель: проверить уровень усвоения материала по теме «Основы web-конструирования».

    Контрольная работа состоит из двух частей: теоретической части и практической части. Вся контрольная работа разбита на пять уровней сложности. Первые три уровня составляют теоретическую часть контрольной работы и оцениваются в 12 баллов. На выполнение данной части отводится 10 минут. Четвертый и пятый уровни сложности - это практическая часть контрольной работы. Она оценивается в 18 баллов. Учащиеся работают над созданием фрагмента сайта по заданному образцу. Создание фрагмента сайта выполняется в программе MS FrontPage.

    Шкала выставления отметки

    Отметка

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    Кол-во баллов

    1

    2

    3-4

    5-7

    8-10

    11-14

    15-19

    20-24

    25-28

    29-30

    Контрольная работа

    Основы WEB-конструирования

    Вариант 1

    Теоретическая часть

    1 уровень (2 балла)

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

    1)Статическая страница

    А) размещение сайта на сервере или локальном компьютере с возможностью вызова из сети.

    2) Мета-тег

    Б) отображается браузером пользователя в том виде, в каком была создана и размещена на веб-сервере.

    3) Публикация

    В) имеет название (имя) и определенное значение, которое записывается в кавычках после знака «равно».

    4) Атрибут

    Г) содержит служебную информацию для браузера и поисковых систем.

    2 уровень (4 балла)

    2.Вставьте недостающее слово:

    …методы позволяют производить работы по созданию веб-страниц с высокой степенью автоматизации.

    3 уровень (6 баллов)

    3. Укажите правильный вариант ответа:

    1. HTML (HYPER TEXT MARKUP LANGUAGE) является:

    1. Одним из средств при создании Web-страниц
    2. Системой программирования
    3. Графическим редактором
    4. Системой управления базами данных

    2. Программа для создания Web-страницы с использованием языка HTML:

    1. MS Word
    2. Paint
    3. Калькулятор
    4. Блокнот

    3. Программа для просмотра гипертекстовых страниц называется:

    1. Сервер
    2. Протокол
    3. HTML
    4. Браузер

    4. Какие тэги указывают браузеру, что это HTML документ?

    1.  
    2.  
    3.  

    4.  
    5.Какие тэги создают гиперссылку на другие документы?
    1.  
    2.  

    3.  

    6. Какие тэги помещают название документа в оглавление программы просмотра web-страниц?

    1.  
    2.  

    Практическая часть

    4 уровень (8 баллов)

    4.Используя редактор FrontPage, создайте фрагмент веб-сайта (1 страница главная,

    4 страницы второго уровня). Использовать таблицы для размещения информации. Размер главной страницы 600 х 500 пикселей.

    5 уровень (10 баллов)

    5.Продумайте систему навигации по сайту и создайте необходимые гиперссылки на текст и графику. Добавьте на главную страницу бегущую строку.

    Контрольная работа

    Основы WEB-конструирования

    Вариант 2

    Теоретическая часть

    1 уровень (2 балла)

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

    1)Тег

    А) метка языка HTML.

    2) Гиперссылка

    Б) генерируется по запросу пользователя (с загрузкой информации серверными программами из баз данных).

    3) Динамическая станица

    В) уменьшение размера файла изображения с минимальными потерями качества.

    4)Оптимизация

    Г) может указывать не только на отдельные документы, но и на защитные места в документе.

    2 уровень (4 балла)

    2.Вставьте недостающее слово:

    …- специально разработанный набор элементов оформления и цветовых схем документа.

    3 уровень (6 баллов)

    3. Укажите правильный вариант ответа:

    1. Гипертекст - это:
    1. Текст очень большого размера 
    2. Текст, в котором используется шрифт большого размера 
    3. Структурированный текст, где возможны переходы по выделенным меткам
    4. Текст, в который вставлены объекты с большим объемом информации
    2. Какие тэги создают абзац в документе?
    1.  

    2.  
    3.  
    3. Какой тэг добавляет изображение в HTML документ?
    1.  
    2.   
    3.  
    4.  

    4.Инструкция браузеру, указывающая способ отображения текста:

    1. Программный код
    2. Тэг
    3. Файл
    4. Кегль

     

    5.Web-страница (документ HTML) представляет собой:
    1. Текстовый файл с расширением txt или doc
    2. Текстовый файл с расширением htm или html
    3. Двоичный файл с расширением com или exe
    4. Графический файл с расширением gif или jpg
    6. Какие тэги задают размер заголовка?
    1.  

    2.  
    3.  
    4.  

     

     

    Практическая часть

    4 уровень (8 баллов)4.Используя редактор FrontPage, создайте фрагмент веб-сайта (1 страница главная,

    4 страницы второго уровня). Использовать таблицы для размещения информации.Размер главной страницы 600 х 500 пикселей.

    5 уровень (10 баллов)

    5.Продумайте систему навигации по сайту и создайте необходимые гиперссылки на текст и графику. Добавьте на главную страницу бегущую строку.

    xn--j1ahfl.xn--p1ai

    Практическая контрольная работа по теме «Разработка сайта с использованием языка разметки текста HTML», 10, 11 класс

    Автор публикации: Епифанова Т.Н.

    Дата публикации: 2016-05-07

    Краткое описание: ...

    Практическая контрольная работа по теме

    «Разработка сайта с использованием языка разметки текста HTML»

    I вариант

    Создать Web-страницу, содержащую следующие элементы

    Название страницы

    Компьютерные вирусы

    2

    Заголовок второго уровня

    Классификация компьютерных вирусов

    (выравнивание – по центру, цвет – красный)

    3

    Таблица в 2 колонки

    нумерованный список и изображение (см. ниже)

    Таблица на 2 колонки, ширина рамки – 1, ширина таблицы 80%, содержимое – нумерованный список и подходящее по теме изображение.

    4

    Нумерованный список:

    1. Файловые вирусы

    2. Макровирусы.

    3. Сетевые вирусы

    Шрифт – аrial, выравнивание по левому краю таблицы, цвет - чёрный

    5

    изображение

    Любое подходящее по теме

    Выравнивание по центру ячейки

    6

    Разделительная черта

    Ниже таблицы

    7

    Гиперссылка

    Переход к материалам Википедии

    Под разделительной чертой, выравнивание по центру

    ALIGN

    ARIAL

    B

    BLUE

    BODY

    BR

    CENTER

    COLOR

    FACE

    FONT

    GREEN

    h2

    HEAD

    HR

    HREF

    HTML

    I

    LEFT

    LI

    OL

    P

    RED

    RIGHT

    SIZE

    SRC

    TITLE

    U

    UL

    WIDTH

    HEIGHT

    Практическая контрольная работа по теме

    «Разработка сайта с использованием языка разметки текста HTML»

    II вариант

    Создать Web-страницу, содержащую следующие элементы

    элемент

    содержимое

    параметры

    1

    Название страницы

    Память компьютера

    2

    Заголовок второго уровня

    Долговременная память

    (выравнивание – по центру, цвет – зелёный)

    3

    Таблица в 3 колонки

    Текст, список, изображение (см. ниже)

    Таблица на 3 колонки, ширина рамки – 1, ширина таблицы 80%, содержимое – текст, маркированный список и подходящее по теме изображение.

    4

    Маркированный список:

    Шрифт – аrial, выравнивание по левому краю таблицы, цвет - чёрный

    5

    изображение

    подходящее по теме

    Выравнивание по центру ячейки

    6

    текст

    Для долговременного хранения информации используется долговременная (внешняя) память. Информация хранится на носителях (магнитных, оптических, картах памяти).

    по центру ячейки, тип – Arial

    7

    гиперссылка

    Переход к материалам интернета

    Под таблицей, выравнивание по левому краю

    ALIGN

    ARIAL

    B

    BLUE

    BODY

    BR

    CENTER

    COLOR

    FACE

    FONT

    GREEN

    h2

    HEAD

    HR

    HREF

    HTML

    I

    LEFT

    LI

    OL

    P

    RED

    RIGHT

    SIZE

    SRC

    TITLE

    U

    UL

    WIDTH

    HEIGHT

    Практическая контрольная работа по теме

    «Разработка сайта с использованием языка разметки текста HTML»

    III вариант

    Создать Web-страницу, содержащую следующие элементы

    элемент

    содержимое

    параметры

    1

    Название страницы

    Программное обеспечение

    2

    Заголовок первого уровня

    Программное обеспечение

    (выравнивание – по центру, цвет – синий)

    3

    Таблица в 2 колонки

    маркированный список и изображение (см. ниже)

    Таблица на 2 колонки, ширина рамки – 1, ширина таблицы 90%, содержимое – маркированный список и подходящее по теме изображение.

    4

    Маркированный список:

    Шрифт – аrial, выравнивание по левому краю таблицы, цвет - чёрный

    5

    изображение

    Любое подходящее по теме

    Выравнивание по центру ячейки

    6

    Разделительная черта

    Делит список на 2 группы

    7

    гиперссылка

    Переход к материалам интернета

    Под таблицей, выравнивание по левому краю

    ALIGN

    ARIAL

    B

    BLUE

    BODY

    BR

    CENTER

    COLOR

    FACE

    FONT

    GREEN

    h2

    HEAD

    HR

    HREF

    HTML

    I

    LEFT

    LI

    OL

    P

    RED

    RIGHT

    SIZE

    SRC

    TITLE

    U

    UL

    WIDTH

    HEIGHT

    Практическая контрольная работа по теме

    «Разработка сайта с использованием языка разметки текста HTML»

    III вариант

    Создать Web-страницу, содержащую следующие элементы

    элемент

    содержимое

    параметры

    1

    Название страницы

    Программное обеспечение

    2

    Заголовок первого уровня

    Программное обеспечение

    (выравнивание – по центру, цвет – синий)

    3

    Таблица в 2 колонки

    маркированный список и изображение (см. ниже)

    Таблица на 2 колонки, ширина рамки – 1, ширина таблицы 90%, содержимое – маркированный список и подходящее по теме изображение.

    4

    Маркированный список:

    Шрифт – аrial, выравнивание по левому краю таблицы, цвет - чёрный

    5

    изображение

    Любое подходящее по теме

    Выравнивание по центру ячейки

    6

    Разделительная черта

    Делит список на 2 группы

    7

    гиперссылка

    Переход к материалам интернета

    Под таблицей, выравнивание по левому краю

    ALIGN

    ARIAL

    B

    BLUE

    BODY

    BR

    CENTER

    COLOR

    FACE

    FONT

    GREEN

    h2

    HEAD

    HR

    HREF

    HTML

    I

    LEFT

    LI

    OL

    P

    RED

    RIGHT

    SIZE

    SRC

    TITLE

    U

    UL

    WIDTH

    HEIGHT

    Читать полностью »

    docbaza.ru

    Контрольная работа по Информатике «Создание Web-страниц»

    Тема урока: Контрольная работа по теме «Создание Web-страниц»

    Цели и задачи урока:

    Оборудование: ПК или ноутбук с ОС Windows XP/Vista/SP3, текстовый редактор Блокнот, браузер Internet Explorer, конспект.

    Тип урока: урок закрепления знаний, умений и навыков

    Здравствуйте! Садитесь. Сегодня, как уже объявлялось на прошлом уроке, будет проверочная работа по предыдущим темам. Проверочная работа будет состоять из двух частей: написания теста и работы за компьютером. Ребята, попадающие в первую половину списка класса, будут писать тест, а те, кто во вторую – делать задания на компьютере. Как только сделаете задания на компьютере, подзывайте меня, я буду оценивать проделанную вами работу. Через 22 минуты поменяетесь местами. Итак, рассаживайтесь на свои места и приступайте к работе.

    Через 22 минуты работа учеников, сидящих за компьютерами оценивается учителем, и ученики меняются местами. Учитель собирает тесты.

    До свидания.

    Тест на тему: «Создание WEB-страниц»

    Замечание: в вопросах 1-17 выберите один правильный ответ

    1. HTML – это:

      1. язык разметки гипертекста

      2. гипертекстовый редактор

      3. страница Internet Explorer

      4. браузер

    2. Тэг – это:

      1. Контейнер

      2. Команда, заключенная в угловые скобки

      3. Гиперссылка

      4. Указатель ссылки

    3. Заголовок WEB-страницы заключается в контейнер:

      1. </li><li> </li><li> </li><li> </li></ol></li><li readability="-1"><p align="JUSTIFY"> Основное содержание страницы помещается в контейнер:</p> <ol><li> </li><li> </li><li> </li><li> </li></ol></li><li><p align="JUSTIFY"> Контейнер </p> предназначен для: <ol readability="2"><li readability="-1"><p align="JUSTIFY"> Разделения текста на абзацы</p> </li><li readability="-1"><p align="JUSTIFY"> Форматирования шрифта любого фрагмента текста</p> </li><li readability="-1"><p align="JUSTIFY"> Разделения текста на заголовки</p> </li><li readability="1"><p align="JUSTIFY"> Определения URL-адреса программы, расположенной на WEB-сервере</p> </li></ol></li><li readability="4"><p align="JUSTIFY"> Набор веб-страниц, связанных между собой перекрестными ссылками, расположенный под одним общим корневым именем, называется … :</p> <ol readability="-2"><li><p align="JUSTIFY"> Тегом </p> </li><li><p align="JUSTIFY"> Контейнером </p> </li><li readability="-1"><p align="JUSTIFY"> Электронным учебником</p> </li><li><p align="JUSTIFY"> Сайтом</p> </li></ol></li><li readability="-1"><p align="JUSTIFY"> Web-страница (документ HTML) представляет собой:</p> <ol readability="1"><li readability="-1"><p align="JUSTIFY"> Текстовый файл с расширением txt или doc</p> </li><li readability="-1"><p align="JUSTIFY"> Текстовый файл с расширением htm или html</p> </li><li readability="-1"><p align="JUSTIFY"> Двоичный файл с расширением com или exe</p> </li><li readability="-1"><p align="JUSTIFY"> Графический файл с расширением gif или jpg</p> </li></ol></li><li readability="0"><p align="JUSTIFY"> Для просмотра Web-страниц в Интернете используются программы: </p> <ol readability="1"><li readability="-1"><p align="JUSTIFY"> MicroSoft Word или Word Pad</p> </li><li readability="-1"><p align="JUSTIFY"> MicroSoft Access или MicroSoft Works</p> </li><li readability="-1"><p align="JUSTIFY"> Internet Explorer или NetScape Navigator</p> </li><li readability="-1"><p align="JUSTIFY"> HTMLPad или Front Page </p> </li></ol></li><li readability="0"><p align="JUSTIFY"> Для вставки изображения в документ HTML используется команда: </p> <ol><li><p align="JUSTIFY"> <img src="/800/600/http/doc4web.ruris.jpg"/> </p> </li><li> </li><li> </li><li> </li></ol></li><li readability="-1"><p align="JUSTIFY"> Гиперссылка задается тегом: </p> <ol><li> </li><li><p align="JUSTIFY"><img src="/800/600/http/www.chat.ru"/></p> </li><li><p align="JUSTIFY"> текст </p> </li><li> </li></ol></li><li readability="0"><p align="JUSTIFY"> Гиперссылки на Web - странице могут обеспечить переход... </p> <ol readability="1"><li readability="-1"><p align="JUSTIFY"> только в пределах данной web - страницы</p> </li><li readability="-1"><p align="JUSTIFY"> только на web - страницы данного сервера </p> </li><li readability="-1"><p align="JUSTIFY"> на любую web - страницу данного региона </p> </li><li readability="-1"><p align="JUSTIFY"> на любую web - страницу любого сервера Интернет </p> </li></ol></li><li readability="-0.88372093023256"><p align="JUSTIFY"> Ссылка на адрес электронной почты задается тегом: </p> <ol><li><p align="JUSTIFY"> kompas@email.ru</p> </li><li><p align="JUSTIFY"> текст </p> </li><li><p align="JUSTIFY"> текст </p> </li><li> </li></ol></li><li readability="-1"><p align="JUSTIFY"> Гипертекст - это: </p> <ol readability="3.5"><li readability="-1"><p align="JUSTIFY"> Текст очень большого размера </p> </li><li readability="0"><p align="JUSTIFY"> Текст, в котором используется шрифт большого размера </p> </li><li readability="1"><p align="JUSTIFY"> Структурированный текст, где возможны переходы по выделенным меткам </p> </li><li readability="1"><p align="JUSTIFY"> Текст, в который вставлены объекты с большим объемом информации</p> </li></ol></li><li readability="-1"><p align="JUSTIFY"> Для создания Web-страниц используются программы:</p> <ol readability="-2"><li readability="-1"><p align="JUSTIFY"> MS FrontPage и Блокнот </p> </li><li><p align="JUSTIFY"> Turbo Pascal и QBasic </p> </li><li><p align="JUSTIFY"> Visual Basic и ACDSee </p> </li><li><p align="JUSTIFY"> ScanDisk и Defrag </p> <ol start="15" readability="1"><li readability="2"><p align="JUSTIFY"> … используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ:</p> <ol><li><p align="JUSTIFY"> линии</p> </li><li><p align="JUSTIFY"> контейнеры</p> </li><li><p align="JUSTIFY"> гиперссылки</p> </li><li><p align="JUSTIFY"> фреймы</p> </li></ol></li><li readability="0"><p align="JUSTIFY"> Элемент для создания и использования гипертекстовых ссылок:</p> </li></ol></li></ol></li></ol><ol><li><p> … </p> </li><li><p align="JUSTIFY"> … </p> </li><li><p align="JUSTIFY"> … </p> </li><li><p align="JUSTIFY"><img/> … </p> </li></ol><ol><ol><ol start="15" readability="-1.5"><li readability="0"><p align="JUSTIFY"> Для выравнивания текста в документе используется атрибут:</p> </li></ol></ol></ol><ol><li><p align="JUSTIFY">align</p> </li><li><p align="JUSTIFY">valign</p> </li><li><p align="JUSTIFY">src</p> </li><li><p align="JUSTIFY">text</p> </li></ol> <p align="JUSTIFY"> Замечание: в вопросах 18-20 выберите несколько правильных ответов</p> <ol><ol><ol start="15" readability="-2"><li readability="-1"><p align="JUSTIFY"> Тэги могут быть:</p> </li></ol></ol></ol><ol><ol start="16"><ol readability="-2"><li><p align="JUSTIFY"> Закрывающими</p> </li><li><p align="JUSTIFY"> Главными</p> </li><li><p align="JUSTIFY"> Автономными</p> </li><li><p align="JUSTIFY"> Одиночными</p> </li><li><p align="JUSTIFY"> Парными</p> </li><li readability="-1"><p align="JUSTIFY"> Авторитетными </p> <ol start="19" readability="-1.5"><li readability="0"><p align="JUSTIFY"> В теле документа body> могут использоваться следующие элементы:</p> </li></ol></li></ol></ol></ol><ol><li> </li><li> </li><li> </li><li><p align="JUSTIFY"><img/></p> </li><li></li></ol><ol><li> </li><li> </li><li> </li><li><p align="JUSTIFY"> <img/></p> </li><li></li><li><p align="JUSTIFY"> li> li></p> </li><li> </li><li> </li></ol> <p>Оценка выполнения теста:</p> <p>«5» - 80-100% (16-20 правильных ответов)</p> <p>«4» - 60-79% (12-15 правильных ответов)</p> <p>«3» - 40-59% (8-11 правильных ответов)</p> <p>Менее 40% (менее 8 правильных ответов) оценивается на «2».</p> <p>Задания для практической работы за компьютером:</p> <p>Задание 1. Оценивается на оценку «3».</p> <p>Создать страницу, подобную той, которая показана на рис. 1. Цвет фона #66CCFF, цвет шрифта #0000FF. </p> <p align="CENTER"> <img src="/800/600/http/doc4web.ru/uploads/files/45/45125/hello_html_m7de2139c.png" name="graphics1" align="BOTTOM" border="0"/></p> <p align="CENTER"> рис. 1.</p> <p>Задание 2. Оценивается на оценку «4».</p> <p>Создать страницу, подобную той, которая показана на рис. 2. Цвет фона #66CCFF, цвет шрифта #0000FF, размер рисунка 80x80, текст, описывающий картинку «рисунок». </p> <p align="CENTER"> <img src="/800/600/http/doc4web.ru/uploads/files/45/45125/hello_html_c4a2776.png" name="graphics2" align="BOTTOM" border="0"/></p> <p align="CENTER"> рис. 2.</p> <p>Задание 3. Оценивается на оценку «5».</p> <p>Создать две страницы (index1.htm и index2.htm), подобные тем, которые показаны на рис. 3. На странице index1.htm цвет фона #66CCFF, цвет шрифта #0000FF, размер рисунка 80x80 (причем рисунок является ссылкой на страницу index2.htm), текст, описывающий картинку «Ссылка». На странице index2.htm цвет фона #0000FF, цвет шрифта #66CCFF.</p> <p align="CENTER"> <img src="/800/600/http/doc4web.ru/uploads/files/45/45125/hello_html_1b7fdaff.png" name="graphics3" align="BOTTOM" border="0"/></p> <p align="CENTER"> рис. 3.</p> <p align="CENTER">© Хисматуллина Айсылу Фазегатовна, 2014</p> <p><span class="mylink" data-url="https://doc4web.ru/informatika/kontrolnaya-rabota-po-informatike-sozdanie-ebstranic.html">doc4web.ru</span></p><h2>HTML</h2> <p align="left">  </p> <p align="left">  </p> <p align="left">  </p> <p align="center"> _______________________________________________________________________________</p> <p align="center">  </p> <p align="center"> Указания по созданию сайта «Виртуальный зоопарк»</p> <p>    Вам необходимо создать сайт, состоящий из 7 страниц, имеющий следующую структуру:</p> <p align="center"> <img border="0" src="/800/600/http/msi-ikt.narod.ruhtml.files/image002.jpg" v:shapes="_x0000_s1025"/></p> <p align="center"> Порядок выполнения:</p> <ol start="1" type="1" readability="1.5"><li readability="2"> <p> Создать на локальном диске D папку, где будут храниться созданные странички, материалы для сайта.</p></li> <li readability="1"> <p> Создадим первую страницу нашего сайта – index.html. Для этого открыть Блокнот, набрать следующий код:</p></li> </ol><p>   </p> <p> <html></p> <p> <head></p> <p> <title>Виртуальный зоопарк</title></p> <p> </head></p> <p>  </p> <p> <body bgcolor="#FFFFFF" text="#000000" link="#0000D0"></p> <p>       <table border="3" bordercolorlight="#00CC30" bordercolordark="#00CC30" align="center"></p> <p>         <tr> </p> <p>           <td bgcolor="#CCFFCC" colspan="3" height="125"> </p> <p>             <div align="center"></p> <p>         <h2> <font color="#00CC33">В</font><font color="#FF0033">И</font><font color="#CCCC00">Р</font><font color="#0099FF">Т</font><font color="#FF00FF">У</font><font color="#00CC30">А</font><font color="#FF0030">Л</font><font color="#CCCC00">Ь</font><font color="#0098FF">Н</font><font color="#FF00FF">Ы</font><font color="#00CC30">Й</font> </p> <p>           <font color="#FF0030">З</font><font color="#D0CC00">О</font><font color="#0098FF">О</font><font color="#FF00FF">П</font><font color="#00CC30">А</font><font color="#FF0030">Р</font><font color="#D0CC00">К</font> </p> <p>         </h2></p> <p>         <p><font color="#336633">Знаете ли вы, что <i><b>слон - ловок и осторожен</b></i>, </p> <p>           домашний <i><b>верблюд - коварен</b></i> и может сыграть с вами злую </p> <p>           шутку, а <i><b>у медведя есть тайное имя</b></i> ? Если нет, то вы хорошо </p> <p>           проведете у нас время. Здесь есть фотографии и шутливые рисунки, интересные </p> <p>           факты и анекдоты из жизни "братьев наших меньших ".</font> </p></p> <p>             </div></p> <p>           </td></p> <p>         </tr></p> <p>         <tr> </p> <p>           <td bgcolor="#CCFFCC" align="center" height="13"> </p> <p>             <a href="camel.htm">ВЕРБЛЮД</a></p> <p>           </td></p> <p>           <td bgcolor="#99CC66" align="center" height="13"> </p> <p>             <a href="bear.htm">МЕДВЕДЬ</a><font color="#306830">&nbsp;</font> </p> <p>           </td></p> <p>           <td bgcolor="#CCFFCC" align="center" height="13"> </p> <p>             <a href="elephant.htm">СЛОН</a></p> <p>           </td></p> <p>         </tr></p> <p>       </table></p> <p> </body></p> <p> </html></p> <p>  </p> <ol start="3" type="1" readability="4"><li readability="1"> <p> Сохранить полученный документ под именем  index.html в созданной папке (файл-сохранить как-имя файла - index.html -  тип файла – все файлы)</p></li> <li readability="-1"> <p> Просмотреть полученную страничку.</p></li> <li readability="1"> <p> Изменить цвет фона на любой другой, изменить цвет букв надписи ВИРТУАЛЬНЫЙ ЗООПАРК.</p></li> <li readability="1"> <p> Создадим вторую страничку – camel.html (страничка про верблюда). Для этого откроем новый блокнот и наберём следующий код:</p></li> </ol><p>  </p> <p> <html></p> <p> <head></p> <p> <title>Верблюд</title></p> <p> </head></p> <p> <body bgcolor="#FFFFFF" text="#000000" link="#0000D0" background="fon.png"></p> <p>  </p> <p>       <h2 align="center"><font color="#999900">ВЕРБЛЮД</font></h2></p> <p>    </p> <p>       <p align="left"><font color="#336633"> <img src="camel_foto.gif" width="183" align="left" alt="Фотография верблюда">Гордый </p> <p>         <a href="camel_shutka.htm">верблюд</a>, настолько гордый, что готов оплевать </p> <p>         любого, кто рискнет его унизить. А плевочек у него не маленький - с полведра. </p> <p>         Так что советуем не испытывать его терпения. Рост у него тоже хороший </p> <p>         - около 3,6 м. Этим, с выгодой для себя, пользуются египетские погонщики </p> <p>         верблюдов, предлагающие туристам сфотографироваться на экзотическом животном. </p> <p>         Как только турист садится на "корабль пустыни", тот сразу встает. Немногие </p> <p>         рискуют спрыгнуть с такой высоты - приходится раскошеливаться... </font></p></p> <p>           <font color="#336633">[ </font><a href="index.htm#metka">К началу</a> </p> <p>           <font color="#336633">]</font> </p></p> <p>         <p>&nbsp; </p></p> <p> </body></p> <p> </html></p> <ol start="7" type="1" readability="1.5"><li readability="4"> <p> Скопировать в Вашу папку рисунки, на которые идут ссылки в данном коде, с сервера (сетевое окружение – отобразить компьютеры рабочей группы – SERVER – зоопарк). В противном случае ни один рисунок не отобразится!!! Сохранить аналогично первой странице.</p></li> <li readability="-1"> <p> Создадим 3 страницу – шутка про верблюда. </p></li> </ol><p> В блокноте набираем   </p> <p>           </p> <p> <html></p> <p> <head></p> <p> <title>Шутка про верблюда</title></p> <p> </head></p> <p>  </p> <p> <body bgcolor="#FFFFFF" text="#000000" link="#0000D0" background ="fon.png"></p> <p>       <h2 align="center"><font color="#999900">Шутка про верблюда</font></h2></p> <p>       <p align="center"><img src="camel_ris.gif" height="169" alt="Рисунок верблюда"></p></p> <p>       <p align="left"><font color="#336633">Идет экскурсия в музее. Экскурсовод </p> <p>         останавливается перед картиной: - Перед вами картина "Семь верблюдов". </p> <p>         Первый верблюд смотрит вдаль. Второй верблюд смотрит в затылок первому, </p> <p>         третий верблюд смотрит в затылок второму, четвертый верблюд смотрит в </p> <p>         затылок третьему, пятый верблюд смотрит в затылок четвертому, шестой верблюд </p> <p>         смотрит в затылок пятому, седьмой верблюд смотрит в затылок шестому. Шестой </p> <p>         верблюд смотрит в затылок пятому, пятый верблюд смотрит в затылок четвертому, </p> <p>         четвертый смотрит в затылок третьему, третий смотрит в затылок второму, </p> <p>         второй смотрит в затылок первому, первый верблюд смотрит вдаль... А теперь </p> <p>         переходим к картине "33 богатыря"... </font></p></p> <p>           <font color="#336633">[ <a href="camel.htm#metka">Назад</a> ] [ </font><a href="index.htm#metka">К </p> <p>           началу</a> <font color="#336633">]</font> </p></p> <p>         <p>&nbsp; </p></p> <p> </body></p> <p> </html></p> <p>  </p> <p> Сохраняем под именем camel_shutka.html. </p> <ol start="9" type="1" readability="2"><li readability="5"> <p> Создать аналогичным образом ещё 4 страницы, указанные в структуре. Тексты для страниц находятся в файле Zoo.txt. Внимательно следите за правильностью написания ссылок, адресов, тэгов.</p></li> <li readability="-1"> <p> Сдать работу преподавателю. Желаю Вам успехов!</p></li> </ol><p> <img src="/800/600/http/msi-ikt.narod.ru/800/600/http/msi-ikt.narod.ruimages/blue_top.gif"/></p> <p align="center"> Административная контрольная работа по теме «Язык HTML».</p> <p align="center"> Вариант 1.</p> <p> 1.    Расширение для файлов, содержащих html-документ.</p> <p> 2.     Что такое атрибут?</p> <p> 3.     Элемент, определяющий тело документа.</p> <p> 4.     Атрибут элемента <body>, задающий цвет фона</p> <p> 5.     Атрибут элемента <body>, задающий цвет непосещённых гиперссылок</p> <p> 6.     Заголовок 1-го уровня указывается тэгом…</p> <p> 7.     Курсив задаётся тэгом…</p> <p> 8.     Для задания названия шрифта (например, ARIAL) используется атрибут … элемента …</p> <p> 9.     Переход на следующую строку при форматировании текста осуществляется с помощью элемента…</p> <p> 10.  Выравнивание абзаца по левому краю осуществляется с помощью следующего кода:</p> <p> 11.  Для задания типа маркера используется атрибут…элемента…</p> <p> 12.  Маркированный список задаётся следующими элементами:</p> <p> 13.  Для создания гиперссылки в форме текста (текст-гиперссылка) необходимо набрать следующие команды:</p> <p> 14.  Для вставки картинки на страничку используется элемент…</p> <p> 15.  Для выравнивания картинки используется атрибут…элемента…</p> <p> 16.  Для задания высоты картинки используется атрибут…элемента…</p> <p> 17.  Элемент, задающий таблицу</p> <p> 18.  Значение атрибута…элемента…выравнивающего картинку по левому краю =</p> <p> 19.  Элемент, задающий столбцы таблицы</p> <p> 20.  Атрибут элемента <table>, указывающий положение таблицы</p> <p> 21.  Атрибут элемента <td>, указывающий количество строк для слияния</p> <p> 22.  Атрибут элемента <table>, указывающий толщину внешней границы таблицы</p> <p> 23.  Написать html-код для построения следующей таблицы:</p> <p> 24.  Написать html-код для странички Контрольная работа по информатике, содержащую заголовок Контрольная работа, напечатанный зелёным шрифтом, изображение компьютера (файл computer.jpeg), вопросы Вашего билета в форме маркированного списка (3 вопроса) и гиперссылку на ресурс www.rambler.ru.</p> <p>       25. Отметьте синтаксически неправильный вариант:</p> <p>              1) <a href='start.htm'></p> <p>              2) <a href="start.htm"></p> <p>              3) <a href="../start.htm">        </p> <p>       26. Отметьте синтаксически правильный вариант:</p> <p>              1) <img src="cat.gif"></p> <p>              2) <img><src="cat.gif"></p> <p>              3) <img scr="cat.gif"></p> <p>              4) <img scr="cat.gif" alt="кошка"></p> <p>       27. Какого атрибута нет у тега <body>?</p> <p> 1.             Background</p> <p> 2.            Bgcolor</p> <p> 3.            Link</p> <p> 4.            Xlink</p> <p> 5.            Text</p> <p> 6.            atext   </p> <p>  <img src="/800/600/http/msi-ikt.narod.ru/800/600/http/msi-ikt.narod.ruimages/blue_top.gif"/></p> <p align="center"> Практическая работа</p> <p align="center"> Работа с каскадными таблицами стилей</p> <p>  Цель работы: Освоить основные положения CSS.</p> <p>   Задание 1. На рис. приведено изображение HTML-документа. Ниже приведен текст данного документа. Ввести данный текст. Посмотреть, как будет изменяться отображение документа, при изменении значений таблиц стилей.</p> <p>   <img border="0" src="/800/600/http/msi-ikt.narod.ruhtml.files/image004.jpg" v:shapes="_x0000_s1026"/></p> <p> <!DOCTYPE html </p> <p>      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p> <p>      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> <p> <html></p> <p>   <head></p> <p>      <title>Пример с CSS</title></p> <p>   <style type="text/css">  </p> <p>     <!--</p> <p>      p{</p> <p>        font-size:26pt;</p> <p>        font-family: 'comic sans MS', 'fantasy';</p> <p>        color:maroon;</p> <p>      }</p> <p>   --></p> <p>   </style></p> <p>   </head></p> <p>   <body></p> <p>      <p>Параграф отформатированный с помощью CSS.</p></p> <p>   </body></p> <p> </html></p> <p>     Задание 2. На рис. приведено изображение HTML-документа. Ниже приведен текст данного документа. Ввести данный текст. Посмотреть, как будет изменяться отображение документа, при изменении значений таблиц стилей.</p> <p>   <img border="0" src="/800/600/http/msi-ikt.narod.ruhtml.files/image006.jpg" v:shapes="_x0000_s1027"/></p> <p>  <!DOCTYPE html </p> <p>      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p> <p>      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> <p> <html></p> <p> <head></p> <p> <title>Использование class</title></p> <p>   <style type="text/css">  </p> <p>     <!--</p> <p>      p{</p> <p>        font-size:16pt;</p> <p>        font-family:'comic sans MS', 'fantasy';</p> <p>        color:maroon;</p> <p>      }</p> <p>        .bigsans{</p> <p>        font-size:24pt;</p> <p>        font-family:arial,sans-serif;</p> <p>        color:blue;</p> <p>     }</p> <p>   --></p> <p>   </style></p> <p> </head></p> <p> <body></p> <p> <p>Это первый параграф</p></p> <p> <p class="bigsans">Это второй параграф, использующий  селектор class</p></p> <p> </body></p> <p> </html></p> <p>  Задание 3. На рис. приведено изображение HTML-документа. Ниже приведен текст данного документа. Ввести данный текст. Посмотреть, как будет изменяться отображение документа, при изменении значений таблиц стилей.</p> <p>   <img border="0" src="/800/600/http/msi-ikt.narod.ruhtml.files/image008.jpg" v:shapes="_x0000_s1028"/></p> <p>  <!DOCTYPE html </p> <p>      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p> <p>      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> <p> <html></p> <p> <head></p> <p> <title>Использование стиля</title></p> <p> </head></p> <p> <body></p> <p>  <div></p> <p> Это параграф имеет размер шрифта - 16 pt, цвет - blue,  имя шрифта - arial.</p> <p> </div></p> <p>  <div></p> <p> Этот параграф отображается с помощью значений, установленных в браузере по умолчанию.</p> <p> </div></p> <p>  <div></p> <p> Это параграф имеет размер шрифта - 18 pt, цвет - yellow,  имя шрифта - courier new. Он отображается на синем фоне.</p> <p> </div></p> <p>  <div></p> <p> Этот параграф отображается с помощью значений, установленных в браузере по умолчанию на фоне - yellow с  полями вокруг = 24pt.</p> <p> </div></p> <p> <div></p> <p> Этот параграф отображается с помощью значений, установленных в браузере по умолчанию.</p> <p> </div></p> <p> </body></p> <p> </html></p> <p>  Задание 4. Создать HTML-документ с использованием внешней таблицы стилей, который при отображении имеет подобный вид.</p> <p>  В Microsoft Word теперь реализована возможность сохранять документы в формате XML, таким образом можно разделить содержимое документа и границы его двоичного формата (.doc). Содержимое становится доступным для процессов автоматического сбора и анализа данных с последующей корректировкой. Содержимое легко искать и даже изменять отличными от Microsoft Word процессами, например серверной обработкой данных.</p> <p> Кроме того, при использовании Microsoft Office Professional версия 2003 или отдельно Microsoft Office Word 2003 можно присоединить XML-схемы к любому документу, используя вкладку XML-схема диалогового окна Шаблоны и надстройки. Требуется задать имя файла схемы и, при необходимости, — проверку соответствия правилам схемы в Microsoft Word.</p> <p> Затем, используйте область задач Структура XML для применения XML-тегов и просмотра разметки XML в документе.</p> <p> Примечание: Пример подключения внешней таблицы стилей.</p> <p> <head></p> <p>   <title>Использование внешней таблицы стилей</title></p> <p>   <link rel="stylesheet" type="text/css" href="pb-margins.css" /></p> <p> </head></p> <p>   </p> <p> Задание 5. Создать HTML-документ с использованием внешней таблицы стилей, который при отображении имеет подобный вид.</p> <p>  </p> <h3 align="center"> Поддержка устройств ввода рукописных данных</h3> <p>  Используя устройства ввода рукописных данных (например, планшетный ПК (Tablet PC) и планшетное перо), можно вводить рукописный текст. Кроме того, в Microsoft Office Word 2003 будут доступны следующие возможности.</p> <p> ·         Внесение в документ пометок в виде рукописных заметок и примечаний. </p> <p> ·         Включение рукописного содержания в документ Word. </p> <p> ·         Отправка рукописных сообщений по электронной почте при помощи функции WordMail в Microsoft Outlook. </p> <p> Задание 6. Создать HTML-документ с использованием внешней таблицы стилей, который при отображении имеет подобный вид.</p> <p>  </p> <p> Наилучшим способом для создания брошюры является использование нового чистого документа. Это позволяет избежать трудностей при расположении текста, графических и прочих элементов. В брошюру можно преобразовать и существующий документ, но при этом может возникнуть необходимость перемещения ряда элементов.  </p> <p> 1.     Создайте новый документ.  </p> <p> 2.     Выберите в меню Файл команду Параметры страницы, а затем откройте вкладку Поля. </p> <p> 3.     В списке Несколько страниц выберите пункт Брошюра. </p> <p> Если документ имеет книжную ориентацию, она будет заменена на альбомную.   </p> <p> 4.     В списках Правое и Левое выберите (или введите) размер правого и левого полей документа.  </p> <p> Если в брошюру необходимо добавить дополнительные пробелы для размещения переплета, то введите или выберите необходимое количество в поле Переплет.</p> <p> 5.     В списке число страниц в брошюре выберите число страниц в брошюре. </p> <p> Если количество страниц в документе превышает количество страниц в брошюре, документ будет распечатан в виде нескольких брошюр.</p> <p> 6.     Установите другие необходимые параметры в окне Параметры страницы.  </p> <p> 7.     Текст, графика, колонтитулы и другие элементы добавляются в документ как обычно. </p> <p>  </p><p><span class="mylink" data-url="http://msi-ikt.narod.ru/html.htm">msi-ikt.narod.ru</span></p><table><hr><h2 class="relpost">Смотрите также</h2> <ul class="relpost"> <li><a href="/kontrolnaya/kontrolnyj-srez-po-geografii.html" title="Контрольный срез по географии"><div class="relimg"><img src="/800/600/http/www.metod-kopilka.ru/images/doc/10/54049/hello_html_28fc176.jpg" /></div>Контрольный срез по географии</a></li> <li><a href="/kontrolnaya/kontrolnaya-rabota-poverhnost-zemli.html" title="Контрольная работа поверхность земли"><div class="relimg"><img src="/800/600/https/ds02.infourok.ru/uploads/ex/01e3/0003d272-a73bbdd0/hello_html_m303f9708.gif" /></div>Контрольная работа поверхность земли</a></li> <li><a href="/kontrolnaya/kontrolnaya-rabota-ustrojstvo-kompyutera.html" title="Контрольная работа устройство компьютера"><div class="relimg"><img src="/800/600/http/arhivurokov.ru/videouroki/html/2014/01/20/98673568/98673568_1.png" /></div>Контрольная работа устройство компьютера</a></li> <li><a href="/kontrolnaya/kontrolnaya-klassy-neorganicheskih-soedinenij.html" title="Контрольная классы неорганических соединений"><div class="relimg"><img src="/800/600/http/arhivurokov.ru/videouroki/html/2014/03/24/98678734/98678734_1.png" /></div>Контрольная классы неорганических соединений</a></li> <li><a href="/kontrolnaya/sistema-prava-kontrolnaya-rabota.html" title="Система права контрольная работа"><div class="relimg"><img src="" /></div>Система права контрольная работа</a></li> <li><a href="/kontrolnaya/proverka-manometra-kontrolnym-manometrom.html" title="Проверка манометра контрольным манометром"><div class="relimg"><img src="/800/600/http/studfiles.net/html/2706/132/html_DR9lPCRBWB.DaOh/img-FxBf8Q.png" /></div>Проверка манометра контрольным манометром</a></li> <li><a href="/kontrolnaya/racionalnye-chisla-kontrolnaya-rabota.html" title="Рациональные числа контрольная работа"><div class="relimg"><img src="/800/600/http/xn--j1ahfl.xn--p1ai/data/images/u180192/t1516025775aa.png" /></div>Рациональные числа контрольная работа</a></li> <li><a href="/kontrolnaya/past-simple-kontrolnaya-rabota.html" title="Past simple контрольная работа"><div class="relimg"><img src="" /></div>Past simple контрольная работа</a></li> <li><a href="/kontrolnaya/kontrolnye-raboty-v-minske.html" title="Контрольные работы в минске"><div class="relimg"><img src="/800/600/http/reshuzadachi.by/sites/default/files/controlwrk.png" /></div>Контрольные работы в минске</a></li> <li><a href="/kontrolnaya/kontrolnaya-po-algebre-proizvodnaya.html" title="Контрольная по алгебре производная"><div class="relimg"><img src="/800/600/http/docbase.org/uploads/posts/2016-03/3/1/0/3102089458.gif" /></div>Контрольная по алгебре производная</a></li> <li><a href="/kontrolnaya/kontrolnaya-griby-lishajniki-bakterii.html" title="Контрольная грибы лишайники бактерии"><div class="relimg"><img src="" /></div>Контрольная грибы лишайники бактерии</a></li> </ul></table>