1. HTML – это:
а) язык разметки гипертекста +
б) страница Internet Explorer
в) браузер
2. Что такое тэг:
а) гиперссылка
б) команда, заключенная в угловые скобки +
в) указатель ссылки
5. Контейнер
предназначен для:
а) разделения текста на заголовки
б) форматирования шрифта любого фрагмента текста
в) разделения текста на абзацы +
6. Набор веб-страниц, связанных между собой перекрестными ссылками, расположенный под одним общим корневым именем, называется:
а) электронным учебником
б) сайтом +
в) контейнером
7. Web-страница (документ HTML) представляет собой:
а) текстовый файл с расширением txt или doc
б) двоичный файл с расширением com или exe
в) текстовый файл с расширением htm или html +
8. Для просмотра Web-страниц в Интернете используются программы:
а) Internet Explorer или NetScape Navigator +
б) MicroSoft Word или Word Pad
в) HTMLPad или Front Page
11. Гиперссылки на Web — странице могут обеспечить переход
а) на любую web — страницу любого сервера Интернет +
б) только на web — страницы данного сервера
в) только в пределах данной web — страницы
12. Гипертекст — это:
а) текст очень большого размера
б) структурированный текст, где возможны переходы по выделенным меткам +
в) текст, в котором используется шрифт большого размера
13. Для создания Web-страниц используется эта программа:
а) Блокнот +
б) ScanDisk
в) QBasic
14. Для создания Web-страниц используется эта программа:
а) MS FrontPage +
б) Defrag
в) Turbo Pascal
15. Они используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ:
а) фреймы +
б) гиперссылки
в) контейнеры
16. Для выравнивания текста в документе используется атрибут:
а) src
б) align +
в) valign
17. Тэг может быть:
а) главным
б) основным
в) закрывающим +
18. Тэг может быть:
а) автономным
б) одиночным +
в) вспомогательным
19. Тэг может быть:
а) четким
б) авторитетным
в) парным +
22. Сайт можно создать, воспользовавшись:
а) языком программирования Си
б) языком разметки гипертекста HTML +
в) электронными таблицами
23. Кто занимается проектированием структуры wеb-сайта:
а) wеb-программист
б) системный администратор
в) wеb-дизайнер +
24. При наполнении страниц сайта информационными материалами не следует:
а) избегать слишком длинных текстов
б) использовать пестрый фон +
в) применять краткие названия пунктов
25. Как называется услуга размещения сайта на сервере, постоянно находящемся в сети Интернет:
а) моделинг
б) адаптация
в) хостинг +
26. Как называют схему страницы, на которой представлены элементы, имеющиеся на страницах сайта:
а) хостинг
б) шаблон +
в) браузер
27. Как можно создать сайт:
а) сохранив документ в формате HTML +
б) с помощью электронных таблиц
в) воспользовавшись языком программирования Си
28. Чтобы отличать теги от текста, их заключают в:
а) фигурные скобки
б) квадратные скобки
в) угловые скобки +
29. При наполнении страниц сайта информационными материалами не следует:
а) ставить точку в названиях страниц, если они состоят из одного предложения +
б) применять краткие названия пунктов
в) избегать слишком длинных текстов
30. Недостаток бесплатного хостинга:
а) доменное имя
б) коммерческая реклама от поставщика услуги +
в) отсутствие вариантов размещения
Тест «HTML. Создание Web—страниц»
1. Web—страница (документ HTML) представляет собой:
a. Текстовый файл с расширением txt или doc
b. Текстовый файл с расширением htm или html
c. Двоичный файл с расширением com или exe
d. Графический файл с расширением gif или jpg
2. Для просмотра Web—страниц в Интернете используются программы:
a. MicroSoft Word или Word Pad
b. MicroSoft Access или MicroSoft Works
c. Internet Explorer или Opera (Google Chrome)
d. HTMLPad или Front Page
3. Тег — это:
a. Специальная команда, записанная в угловых скобках < >
b. Текст, в котором используются спецсимволы
c. Указатель на другой файл или объект
d. Фрагмент программы, включённой в состав Web—страницы
4. Тег <BODY> — это:
a. Идентификатор заголовка окна просмотра
b. Идентификатор заголовка документа HTML
c. Идентификатор перевода строки
d. Идентификатор HTML—команд документа для просмотра
5. Для вставки изображения в документ HTML используется команда:
a. <img src=»ris.jpg»>
b. <body background=»ris.jpg»>
c. <a href=»ris.jpg»>
d. <input=»ris.jpg»>
6. Гиперссылка задается тегом:
a. <font color=»file.htm»>
b. <img src=»http://www.chat.ru»>
c. <a href=»file.htm»>текст</a>
d. <embed=»http://www.da.ru»>
7. Гиперссылки на Web — странице могут обеспечить переход…
a. только в пределах данной web – страницы
b. только на web — страницы данного сервера
c. на любую web — страницу данного региона
d. на любую web — страницу любого сервера Интернет
8. Ссылка на адрес электронной почты задается тегом:
a. kompas@email.ru
b. <a href=»mailto:svetlana@narod.ru»>текст</a>
c. <a href=»marina@mail.ru»>текст</a>
d. <piter@mailru.com>
9. Гипертекст — это:
a. Текст очень большого размера
b. Текст, в котором используется шрифт большого размера
c. Структурированный текст, где возможны переходы по выделенным меткам
d. Текст, в который вставлены объекты с большим объемом информации
10. Для создания Web—страниц используются программы:
a. DreamWeaver и MicroSoft Word 97
b. Turbo Pascal и QBasic
c. Блокнот
d. ScanDisk и Defrag
11. Каким тегом определяется абзац текста?
a. <br>
b. <div>
c. <p>
d. <textarea>
12. Запишите атрибут, обязательный для тега <IMG>: _______________
13. Какой тег используется для организации списков?
a. <tr>
b. <hr>
c. <ol>
d. <th>
Ответы к тесту
Тест по информатике и ИКТ на тему
«Язык разметки гипертекста HTML»
1. Web-страница (документ HTML)
представляет собой:
a. Текстовый
файл с расширением txt или doc
b. Текстовый
файл с расширением htm или html
c. Двоичный
файл с расширением com или exe
d. Графический
файл с расширением gif или jpg
2. Для просмотра Web-страниц в
Интернете используются программы:
a. MicroSoft
Word или Word Pad
b. MicroSoft
Access или MicroSoft Works
c. Internet
Explorer или Opera (Google Chrome)
d. HTMLPad или Front Page
3. Тег — это:
a. Специальная
команда, записанная в угловых скобках < >
b. Текст,
в котором используются спецсимволы
c. Указатель
на другой файл или объект
d. Фрагмент
программы, включённой в состав Web-страницы
4. Тег <BODY> — это:
a. Идентификатор
заголовка окна просмотра
b. Идентификатор
заголовка документа HTML
c. Идентификатор
перевода строки
d. Идентификатор
HTML-команд документа для просмотра страницы
5. Для вставки изображения в документ
HTML используется команда:
a. <img
src=»/ris.jpg»>
b. <body
background=»ris.jpg»>
c. <a
rel=»nofollow ugc» target=»_blank» href=»/ris.jpg»>
d. <input=»ris.jpg»>
6. Гиперссылка задается тегом:
a. <font
color=»file.htm»>
b. <img
src=»http://www.chat.ru»>
c. <a
rel=»nofollow ugc» target=»_blank» href=»/file.htm»>текст</a>
d. <embed=»http://www.da.ru»>
7. Гиперссылки на Web — странице
могут обеспечить переход…
a. только
в пределах данной web – страницы
b. только
на web — страницы данного сервера
c. на
любую web — страницу данного региона
d. на
любую web — страницу любого сервера Интернет
8. Гипертекст — это:
a. Текст
очень большого размера
b. Текст,
в котором используется шрифт большого размера
c. Структурированный
текст, где возможны переходы по выделенным меткам
d. Текст,
в который вставлены объекты с большим объемом информации
9. Каким тегом определяется абзац
текста?
a. <br>
b. <div>
c. <p>
d. <textarea>
10. Какие теги из перечисленных ниже
определяют элементы-контейнеры?
a. <a>
b. <br>
c. <div>
d. <img>
a. 5
11. Запишите атрибут, обязательный для
тега <IMG>: _______________
12. Значение
какого адреса может принять параметр HREF тега <A>?__
a. IP
адрес
b. Закладки
(якорь с указанным именем)
c. электронной
почты (с префиксом mailto:)
d. имя
файла
13. Для чего
служат в HTML символы <HEAD> <TITLE> </ TITLE>
</HEAD>:
а) для выделения
абзаца
б) для создания
заголовка
в) для выделения глав
г) для выделения
заголовка
14. Установите соответствия
1. Тег с которого начинается |
а) <IMGSRC = “имя |
б) <H? ALIGN=” “> </H?> в) <HEAD> </HEAD> |
|
2. Тег для разделения текста на |
г) <HTML> </HTML> д) <H? > </H?> |
4. Тег для выделения заголовка и |
е) <img |
5. Рисунок |
ж) <BODY> </BODY> |
6. Как в HTML задается |
з) <P> </P> |
15. Выберете верный ответ:
Как сохраняются
изображения, вставляемые на страницу?
а) переводятся в двоичную форму и помещаются в HTML код
б) записываются в архив и прилагаются к HTML файлу
в) изображения не сохраняются, а при просмотре используются из библиотеки
пользователя
г) сохраняются как отдельные файлы, а в HTML код вставляется только ссылка на
них
16. Какие
форматы графических файлов можно использовать для вставки
на WEB –страницу?
а) BMP,
GIF
б) GIF, JPG
в) TIFF
г) все
вышеперечисленные
Ответы к тесту:
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
b |
c |
a |
d |
a |
c |
d |
b |
c |
a |
src=”имя файла |
a,c |
b |
1г 2з 4б 5а 6е |
г |
b, |
Вопрос №
1
Web-страница (документ HTML) представляет собой…
Текстовый файл с расширением htm или html
Текстовый файл с расширением txt или doc
Двоичный файл с расширением com или exe
Графический файл с расширением gif или jpg
Вопрос №
2
Для просмотра Web-страниц в Интернете используются программы…
MicroSoft Word или Word Pad
MicroSoft Access или MicroSoft Works
Internet Explorer или Opera или Google Chrome
HTMLPad или Front Page
Вопрос №
3
Тег – это…
Специальная команда, записанная в угловых скобках
Текст, в котором используются спецсимволы
Указатель на другой файл или объект
Фрагмент программы, включённой в состав Web-страницы
Вопрос №
4
Тег — это…
Идентификатор заголовка окна просмотра
Идентификатор заголовка документа HTML
Идентификатор перевода строки
Идентификатор HTML-команд документа для просмотра
Вопрос №
5
Гиперссылки на Web-странице могут обеспечить переход… Варианты ответов:
только в пределах данной web – страницы
только на web — страницы данного сервера
на любую web — страницу данного региона
на любую web — страницу любого сервера Интернет
Вопрос №
6
Гипертекст – это…
Текст очень большого размера
Текст, в котором используется шрифт большого размера
Структурированный текст, где возможны переходы по выделенным меткам
Текст, в который вставлены объекты с большим объемом информации
Вопрос №
7
Какой тег используется для организации нумерованных списков? Варианты ответов:
gl
ol
ul
fl
Вопрос №
8
Какой тег используется для организации маркированных списков?
fl
ol
ml
ul
Вопрос №
9
Какой тег задает горизонтальную линию?
ye
f
a
hr
Вопрос №
10
Язык HTML является …
одним из средств для создания web-страниц
системой программирования
графическим редактором
системой управления базами данных
ТЕМА 8
СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ WORD
В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office – Word, Excel, PowerPoint и другие. При этом пользователь может не знать язык HTML и иметь привычную среду для оформления документа – WYSIWYG (что вижу, то и получаю). Огромное количество людей, использующих Word в своей повседневной работе становятся потенциальными разработчиками HTML-документов.
Создать Web-станицу в Word можно двумя способами: с помощью мастера или шаблона, либо преобразовав существующий документ Word в формат HTML. При этом Word сам генерирует тэги HTML, хотя и не оптимальным образом.
Первый способ создания HTML-документов достаточно прост – надо начать создание документа «с нуля» и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.
Второй способ — преобразование существующего документа Word в тэги HTML при сохранении файла-Word в формате HTML. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.
Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками — frieds.htm, Word создает папку frieds.files, в которой и разместит все рисунки.
Поэтому при создании сайта – группы взаимосвязанных Web-страниц, рекомендуется помещать сайт в отдельную папку, и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.
При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (табл. 8.1).
Таблица 8.1
Рекомендуемые материалыОтветы на Аттестацию официального партнера amoCRM 2023 Пак ответов итоговый тест Ответы на сертификацию Google Навыки Основы интернет-маркетинга модули и финальный экзамен 2022 Декабрь Разработка текстового бота Telegram Тесты с 1 по 3 (100%, 95%, 95%) -30% Практикум №2 ООП РК6 2 семестр Элемент документа Word |
Преобразование Word ® HTML |
Размеры шрифтов |
В Word изображаются шрифты от 9 до 36 пунктов. Размеры шрифтов HTML изменяются от 1 до 7 и служат Браузеру указанием на размер шрифта |
Текстовые эффекты: |
Текстовые эффекты не сохраняются, но сам текст остается |
Начертания: |
Остаются, но некоторые виды подчеркивания преобразуются в сплошную линию |
Анимация текста |
Анимация не сохраняется, но текст остается. Для придания тексту анимационного эффекта можно использовать бегущую строку (панель «Web-компоненты») |
Графика |
Изображения преобразуются в формат GIF или JPEG, если они не были сохранены до этого в таких форматах. Линии преобразуются в горизонтальные линии. |
Графические объекты: автофигуры, фигурный текст, надписи и тени |
Объекты преобразуются в файлы формата GIF. В среде редактирования Web-страницы можно вставить графические средства «Вставка» — «Рисунок» |
Таблицы |
Таблицы преобразуются, однако параметры, не поддерживаемые HTML, не сохраняются. Например, цветные границы и границы переменой ширины |
Нумерация страниц и колонтитулы |
Так как документ HTML считается одной Web-страницей, то понятие колонтитулов отсутствует и нумерация не сохраняется |
Поля страниц и многоколонный текст |
Чтобы сохранить разметку страницы следует использовать таблицы |
Стили |
Определенные пользователем стили преобразуются в прямое форматирование, если оно поддерживается HTML |
При необходимости вставить на HTML-страницу собственные тэги, в Word предусмотрено непосредственное редактирование HTML-кода. Это можно сделать, вызвав окно редактора через меню «Вид» — «Источник HTML». До того, как перейти в этот режим следует сделать сохранение файла. После завершения редактирования перед закрытием окна, файл также нужно сохранить.
Другая возможность – открыть документ в Браузере и вызвать меню «Вид» — «В виде HTML». По умолчанию редактирование выполняется в Блокноте.
Хотя Word отображает документ практически в том же виде, как он в дальнейшем будет выглядеть в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.
Рис. 8.1 |
На рис. 8.1. приведены способы отображения документа Word, устанавливаемые в меню «Вид». При выборе «Web-документ» файл отображается так, как будет выглядеть в Браузере, установленном на компьютере. Через меню «Вид» можно вернуться к обычному режиму работы с документом. |
ОСНОВНЫЕ ТЕРМИНЫ
ASCII (American Standard Code for information Interchange – Американский стандартный код для обмена информацией) – семиразрядный код для представления текстовой информации.
GIF (Graphics Interchange Format – формат обмена графикой) – используется для немногоцветных четких изображений, поддерживает прозрачные области и анимацию.
HTML (Hyper Text Markup Language) – язык разметки гипертекстов.
JPEG (Joint Photography Experts Group – объединенная группа экспертов по машиной обработке фотоизображений) – распространенный формат растровой графики, который идеально подходит для сканируемых фотографий.
Web—page (Web-страница) – электронный документ, предназначенный для размещения (размещенный) в Интернет.
Web—site (Web-сайт) – совокупность Web-страниц, связанных между собой темой, гиперссылками и близким расположением в Интернет.
Web server (Web-сервер) – сервер, предназначенный для размещения Web-сайтов в Интернет, и предоставляющий услуги по запросам клиентов.
WYSIWYG (What You See Is What You Get – что вижу, то и имею) – тип редакторов, в которых документ отображается так, как он будет напечатан или представлен в Интернет.
ЗАДАНИЕ № 8
Тема: Создание Web-сайта на основе программных приложений
MS Office (Word и Excel)
Часть 1. Создание группы Web-страниц методом преобразования
документов MS Office
1. На рабочем диске подготовить папку для размещения Ваших документов.
2. Создать документ Word следующего содержания.
Главный заголовок, например Объект WordArt:
Далее 3 – 4 абзаца о своем происхождении (краткая автобиография).
Затем разместить текст:
«Далее Вы можете узнать подробности:»
И создать оглавление, состоящее, например, из 2-х пунктов.
Мои увлечения
Мои друзья
3. Оформить документ и сохранить в своей папке на жестком диске под именем main.doc.
4. Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем hobby.doc в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.
5. Создать книгу Excel с таблицей по приведенному образцу (рис. 8.2), сохранить под именем friends.xls.
Для вычисления средних значений должны быть использованы формулы.
Мои друзья |
|||
Имя |
Возраст |
Рост |
Вес |
Вася |
18 |
189 |
90 |
Зина |
22 |
170 |
67 |
Коля |
45 |
165 |
60 |
Лена |
25 |
180 |
70 |
Среднее значение |
27,5 |
176 |
71,75 |
Рис. 8.2. Пример таблицы для файла friends.xls
5.1. Построить графики, иллюстрирующие сведения о Ваших друзей. Расположить графики, под таблицей, подогнать размеры таблицы и графиков.
5.2. Подготовить лист к печати:
5.2.1. Настроить параметры вкладки «Страница…» в режиме Предварительного просмотра, создать колонтитулы.
6. Установить связи между документами с помощью гиперссылок.
6.1. Открыть главный документ main.doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню — Вставить») на соответствующие документы.
6.2. Сохранить документ и проверить работоспособность гиперссылки. Возврат в Главный документ выполнять с помощью кнопки на панели инструментов
7. В главном документе установить закладку на заголовок Мои увлечения. Дать ей название «Хобби». Сохранить документ.
8. Создать в конце каждого вспомогательного документа гиперссылки, обеспечивающие возврат в основной документ.
8.1. Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок можно получить с помощью создания графической копии активного окна в буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.
8.2. Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main.doc. В файле hobby.doc гиперссылка должна обеспечивать переход на закладку «Хобби».
9. Сохранить документы и проверить работу гиперссылок.
10. Создать группу связанных Web-страниц, методом преобразования подготовленных документов.
10.1. Подготовить папку для Web-документов с именем My_Web.
10.2. Последовательно раскрывая подготовленные ранее документы, сохранить их в папке My_Web, указав
Тип файла: Web-страница (*.htm; *.html)
10.3. Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.
11. Просмотреть Web-документы, начиная с main.htm. Проанализировать, какие элементы документов изменились или вовсе исчезли. Сделать попытку сделать переход по гиперссылке. Убедиться в том, что связи между Web-страницами нуждаются в редактировании.
12. Отредактировать Web-документы, изменить гиперссылки, выполнить дополнительное оформление.
Внимание: Для перехода из Браузере в режим редактирования нужно воспользоваться меню «Файл» — «Править в Microsoft Word for Windows» или кнопкой на панели инструментов.
13. Сохранить и закрыть все документы, скопировать папку My_Web на диск A:. Предъявить работу Web-страниц преподавателю.
Часть 2. Создание новых Web-документов с помощью
приложений MS Office
1. Познакомиться со структурой и составом многостраничного гипертекстового документа, объединяющего четыре страницы (см. приложение).
2. Создать папку с именем Presentation, а в ней папку для Ваших рисунков — Gallery.
3. Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке Gallery в виде отдельных файлов формата bmp, gif или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3 — 10 КБ.
4. Создать отдельный файл для каждой страницы с помощью текстового процессоа Word (стр.1,2,4). Для Страницы 3 использовать готовый файл friends.htm. Сохранять файлы в формате htm или html в папке Presentation.
4.1. Запустить текстовый процессор Word и с его помощью создать главную страницу, сохранить файл в формате html под именем index.htm.
4.1.1. При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.
4.1.2. Выполнить оформление документа. Для главного заголовков использовать объект WordArt, для прочих – стиль Заголовок
4.1.3. Для оформления фона использовать один из текстурных способов заливки (меню «Формат» – «Фон» – «Способы заливки») или тематическое оформление (меню «Формат» – «Тема»).
4.1.4. Просмотреть в броузере изменения в структуре папок, произошедшие при сохранении Web-странички. Открыть созданную страницу, при необходимости отредактировать ее.
4.2. Создать вторую страницу сайта с помощью редактора Word.
4.2.1. Для создания документа воспользоваться пунктом меню «Файл»-«Создать», в открывшемся диалоговом окне «Создание документа» выбрать вкладку «WEB-станицы» и пиктограмму «Новая WEB-страница». Сохранить чистую WEB-страницу в папке Presentation, дав странице имя на английском языке childhood.htm
4.2.2. В качестве заголовка «Мое детство» использовать Бегущую строку, отобразив предварительно панель Web-компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2-х раз.
4.2.3. Разметку для размещения объектов сделать с помощью таблицы.
Рисунок вставить из папки Gallery.
4.2.4. Оформить фон страницы, используя двухцветную градиентную заливку. Выбрать цвета близкие к цвету текстуры или темы главной страницы.
4.2.5. Сохранить документ и просмотреть его в Internet Explorer. При необходимости отредактировать.
4.3. Создать третью страницу на основе созданного в Части 1 файла friends.htm.
4.3.1. Скопировать файл и сопутствующую ему папку в папку Presentation.
4.3.2. Открыть файл в Браузере, убедиться, что документ отображается правильно. При необходимости отредактировать.
4.4. Создать четвертую страницу сайта с помощью редактора Word.
4.4.1. Подготовить рисунок – вид здания ГУТ со стороны Мойки (найти старый сайт ГУТ). Сохранить рисунок в папке Gallery.
4.4.2. Создать файл в папке Presentation, с именем university.htm.
4.4.3. Вставить в файл рисунок – вид здания ГУТ, предварительно сохраненный в папке Gallery. Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.
5. Установить связи между документами сайта.
5.1. Открыть в Word документ index.htm, и последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.
5.2. Сохранить файл и обновить его просмотр в броузере. Проверить правильность выполнения переходов по гиперссылкам.
6. Вставить в конец каждого из документов рисунок ( ). Создать гиперссылки, обеспечивающие возврат в главный документ, закрепив из за рисунком.
Внимание! Рисунок для переходов на главную страницу также должен находиться в папке Gallery.
7. Сохранить изменения в файлах и обновить просмотр сайта в Internet Explorer.
8. Просмотреть содержание каждого из вновь созданных файлов в формате HTML.
8.1. Найти тэги, обеспечивающие вставку гиперссылок, рисунков.
8.2. Убедиться, что ссылки на рисунки имеют относительную адресацию. В противном случае отредактировать их.
9. Скопировать папку Presentation со всем ее содержимым на диска А: или на диск C: в папку Temp. Протестировать работу сайта, запустив его просмотр из нового места размещения.
10. Предъявить преподавателю Ваш сайт, начать его просмотр с главной страницы.
Приложение
Структура сайта
Страница 1 (главная страница)
Приветствие |
||
Содержание Мое детство (ссылка на стр. 2) Мои увлечения (ссылка на стр. 3) Мои университеты (ссылка на стр. 4) |
Представление – краткое резюме |
Рисунок или фотография |
Пишите мне |
Страница 2 (Мое детство)
Мое детство |
|
Фотография или рисунок |
Текст (комментарии к фотографии) |
Текст (несколько строк на заданную тему) |
Бесплатная лекция: «4. Табель форм документов» также доступна.
Страница3 (Мои друзья) – использовать ранее созданный Web-документ friends.htm, созданный с помощью Excel.
Страница 4 (Мои университеты)
Полное название Университета, адрес сайта ГУТ, картинка с фотографией главного здания ГУТ
О Вашем факультете, ссылка на сайт Вашего факультета.
Тест по дисциплине «Информатика»
Тема: «Язык HTML»
Вопрос №: 1
Web-страница (документ HTML) представляет собой…
Варианты ответов:
-
Текстовый файл с расширением txt или doc
-
Текстовый файл с расширением htm или html
-
Двоичный файл с расширением com или exe
-
Графический файл с расширением gif или jpg
Вопрос №: 2
Для просмотра Web-страниц в Интернете используются программы…
Варианты ответов:
-
MicroSoft Word или Word Pad
-
MicroSoft Access или MicroSoft Works
-
Internet Explorer или Opera или Google Chrome
-
HTMLPad или Front Page
Вопрос №: 3
Тег – это…
Варианты ответов:
-
Специальная команда, записанная в угловых скобках
-
Текст, в котором используются спецсимволы
-
Указатель на другой файл или объект
-
Фрагмент программы, включённой в состав Web-страницы
Вопрос №: 4
Тег — это… Варианты ответов:
-
Идентификатор заголовка окна просмотра
-
Идентификатор заголовка документа HTML
-
Идентификатор перевода строки
-
Идентификатор HTML-команд документа для просмотра
Вопрос №: 5
Для вставки изображения в документ HTML используется команда… Варианты ответов:
Вопрос №: 6
Гиперссылка задается тегом… Варианты ответов:
-
текст
Вопрос №: 7
Гиперссылки на Web-странице могут обеспечить переход… Варианты ответов:
-
только в пределах данной web – страницы
-
только на web — страницы данного сервера
-
на любую web — страницу данного региона
-
на любую web — страницу любого сервера Интернет
Вопрос №: 8
Гипертекст – это… Варианты ответов:
-
Текст очень большого размера
-
Текст, в котором используется шрифт большого размера
-
Структурированный текст, где возможны переходы по выделенным меткам
-
Текст, в который вставлены объекты с большим объемом информации
Вопрос №: 9
Каким тегом определяется абзац текста? Варианты ответов:
Вопрос №: 10
Какой тег используется для организации нумерованных списков? Варианты ответов:
-
ol
-
ul
Вопрос №: 11
Какой тег используется для организации маркированных списков? Варианты ответов:
-
ol
-
ul
Вопрос №: 12
Каким тегом определяется переход на следующую строчку текста? Варианты ответов:
- a
- hr
Вопрос №: 13
Какой тег задает горизонтальную линию? Варианты ответов:
- a
- hr
Вопрос №: 14
Браузер является … Варианты ответов:
- сетевым вирусом
- средством просмотра web-страниц
- языком разметки web-страниц
- транслятором языка программирования
Вопрос №: 15
Язык HTML является … Варианты ответов:
- одним из средств для создания web-страниц
- системой программирования
- графическим редактором
- системой управления базами данных
Ответы
1 |
2 |
3 |
4 |
5 |
2 |
3 |
1 |
4 |
1 |
6 |
7 |
8 |
9 |
10 |
3 |
4 |
3 |
1 |
2 |
11 |
12 |
13 |
14 |
15 |
4 |
2 |
4 |
2 |
1 |
Web-страница (документ HTML) представляет собой:
Текстовый файл с расширением txt или doc
Текстовый файл с расширением htm или html
Двоичный файл с расширением com или exe
Графический файл с расширением gif или jpg
Для просмотра Web-страниц в Интернете используются программы:
MicroSoft Word или Word Pad
MicroSoft Access или MicroSoft Works
Internet Explorer или NetScape Navigator
HTMLPad или Front Page
Тег — это:
Стартовый и конечный маркеры элемента
Текст, в котором используются спецсимволы
Указатель на другой файл или объект
Фрагмент программы, включённой в состав Web-страницы
Тег <BODY> — это:
Идентификатор заголовка окна просмотра
Идентификатор заголовка документа HTML
Идентификатор перевода строки
Идентификатор HTML-команд документа для просмотра
Для вставки изображения в документ HTML используется команда:
<img src=»ris.jpg»>
<body background=»ris.jpg»>
<a href=»ris.jpg»>
<input=»ris.jpg»>
Гиперссылка задается тегом:
<font color=»file.htm»>
<img src=»http://www.chat.ru»>
<a href=»file.htm»>текст</a>
<embed=»http://www.da.ru»>
Гиперссылки на Web — странице могут обеспечить переход…
только в пределах данной web — страницы
только на web — страницы данного сервера
на любую web — страницу данного региона
на любую web — страницу любого сервера Интернет
Ссылка на адрес электронной почты задается тегом:
kompas@email.ru
<a href=»mailto:svetlana@narod.ru»>текст</a>
<a href=»marina@mail.ru»>текст</a>
<piter@mailru.com>
Гипертекст — это:
Текст очень большого размера
Текст, в котором используется шрифт большого размера
Структурированный текст, где возможны переходы по выделенным меткам
Текст, в который вставлены объекты с большим объемом информации
Для создания Web-страниц используются программы:
DreamWeaver и MicroSoft Word 97
Turbo Pascal и QBasic
Visual Basic и ACDSee
ScanDisk и Defrag
Информатика в настоящее время является стремительно развивающийся наукой. Многие студенты постают в технические университеты, чтобы в будущем связать свою деятельность с IT или приближенными областями. Для проверки знаний по теме Создание сайта предлагаем пройти тестирование на этой странице. Обращаем ваше внимание, что в тесте правильные ответы выделены символом [+].
HTML – это:
[+] а) язык разметки гипертекста
[-] б) страница Internet Explorer
[-] в) браузер
Что такое тэг:
[-] а) гиперссылка
[+] б) команда, заключенная в угловые скобки
[-] в) указатель ссылки
Контейнер
предназначен для:
[-] а) разделения текста на заголовки
[-] б) форматирования шрифта любого фрагмента текста
[+] в) разделения текста на абзацы
Набор веб-страниц, связанных между собой перекрестными ссылками, расположенный под одним общим корневым именем, называется:
[-] а) электронным учебником
[+] б) сайтом
[-] в) контейнером
Web-страница (документ HTML) представляет собой:
[-] а) текстовый файл с расширением txt или doc
[-] б) двоичный файл с расширением com или exe
[+] в) текстовый файл с расширением htm или html
Для просмотра Web-страниц в Интернете используются программы:
[+] а) Internet Explorer или NetScape Navigator
[-] б) MicroSoft Word или Word Pad
[-] в) HTMLPad или Front Page
Гиперссылки на Web – странице могут обеспечить переход
[+] а) на любую web – страницу любого сервера Интернет
[-] б) только на web – страницы данного сервера
[-] в) только в пределах данной web – страницы
Гипертекст – это:
[-] а) текст очень большого размера
[+] б) структурированный текст, где возможны переходы по выделенным меткам
[-] в) текст, в котором используется шрифт большого размера
Для создания Web-страниц используется эта программа:
[+] а) Блокнот
[-] б) ScanDisk
[-] в) QBasic
Для создания Web-страниц используется эта программа:
[+] а) MS FrontPage
[-] б) Defrag
[-] в) Turbo Pascal
Они используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ:
[+] а) фреймы
[-] б) гиперссылки
[-] в) контейнеры
Для выравнивания текста в документе используется атрибут:
[-] а) src
[+] б) align
[-] в) valign
Тэг может быть:
[-] а) главным
[-] б) основным
[+] в) закрывающим
Тэг может быть:
[-] а) автономным
[+] б) одиночным
[-] в) вспомогательным
Тэг может быть:
[-] а) четким
[-] б) авторитетным
[+] в) парным
Сайт можно создать, воспользовавшись:
[-] а) языком программирования Си
[+] б) языком разметки гипертекста HTML
[-] в) электронными таблицами
Кто занимается проектированием структуры wеb-сайта:
[-] а) wеb-программист
[-] б) системный администратор
[+] в) wеb-дизайнер
При наполнении страниц сайта информационными материалами не следует:
[-] а) избегать слишком длинных текстов
[+] б) использовать пестрый фон
[-] в) применять краткие названия пунктов
Как называется услуга размещения сайта на сервере, постоянно находящемся в сети Интернет:
[-] а) моделинг
[-] б) адаптация
[+] в) хостинг
Как называют схему страницы, на которой представлены элементы, имеющиеся на страницах сайта:
[-] а) хостинг
[+] б) шаблон
[-] в) браузер
Как можно создать сайт:
[+] а) сохранив документ в формате HTML
[-] б) с помощью электронных таблиц
[-] в) воспользовавшись языком программирования Си
Чтобы отличать теги от текста, их заключают в:
[-] а) фигурные скобки
[-] б) квадратные скобки
[+] в) угловые скобки
При наполнении страниц сайта информационными материалами не следует:
[+] а) ставить точку в названиях страниц, если они состоят из одного предложения
[-] б) применять краткие названия пунктов
[-] в) избегать слишком длинных текстов
Недостаток бесплатного хостинга:
[-] а) доменное имя
[+] б) коммерческая реклама от поставщика услуги
[-] в) отсутствие вариантов размещения
- Основы лекарственной помощи — тест с ответами
- Тест. Юридические аспекты трудовых отношений
- Тест по философии. Сущность и природа познания
- Смутное время — тест с ответами
- Александр I: начало правления — тест с ответами