
- •Курс: «телекоммуникационные и компьютерные технологии в политической журналистике»
- •Модуль 3.
- •Что такое Web-сайт.
- •Язык создания Web-страниц.
- •Задания для самостоятельной работы.
- •Тестовые вопросы по модулю.
- •Глоссарий.
- •А) Основная литература.
- •Б) Дополнительная литература
- •Модуль 3. Создания Web-сайтов с помощью html-языка. Модульная лекция: мл 3-1.
- •Что такое Web-сайт.
- •Этапы проектирования и создания Web-сайта
- •2. Язык создания Web-страниц.
- •Модульная лекция: мл 3-2
- •2.1. Структура html- документа.
- •2.2. Элемент body и его параметры.
- •2. 3. Тэги форматирования текста.
- •Элемент font
- •Модульная лекция: мл 3-3
- •2.4. Преформатированный текст - тэг pre.
- •2.5. Заголовки - элементы h1,h2,h3,h4,h5,h6
- •2.6. Создание списков.
- •2.6.1. Упорядоченные (нумерованные) списки
- •2.6.2. Неупорядоченные списки
- •2.6.3. Маркированные списки.
- •2.6.4. Вложенные списки.
- •2.6.5. Списки определений
- •Модульная лекция: мл 3-4
- •2.7. Использование звуковых файлов.
- •2.7. 1. Воспроизведение файлов формата мрз
- •.2.8. Навигация по html-документам.
- •2.8. 1. Внутренняя навигация - по страницам html-документа.
- •Модульная лекция: мл 3-5.
- •2.9. Создание таблиц.
- •Модульная лекция: мл 3-6.
- •2.10. Создание форм. Элементы формы.
- •Элемент textarea
- •Модульная лекция: мл 3-7.
- •2.11. Создание фреймов.
- •Модульная лекция: мл 3-8
- •2.12. Создание таблицы стилей - css.
- •2.12. 1.Формирование листа стилей
- •2.12.2. Что такое css ?
- •Модульная лекция: мл 3-9
- •2.12.3. Чем css отличается от html ?
- •2.12.4. Синтаксис и принцип работы css.
- •2.12.5. Типы селекторов в css
- •Модульная лекция: мл 3-10
- •2.12.6. Использование стилей внутри тэга.
- •Регистрация Web-сайта в Интернете
- •Загрузка новых файлов на сервер.
- •5. Задания для самостоятельной работы.
- •6. Тесты для промежуточного контроля.
- •7. Глоссарий.
6. Тесты для промежуточного контроля.
1. Выберите тэг, который отображает название документа в строке заголовка ?
title
html
body
form.
2. Укажите параметр, который используется для выбора рисунка в качестве фона документа ?
background
bgcolor
color
font
3. Выберите правильную запись описания тэга.
bgcolor=black
color=border-black
background=yellow
bgcolor=pict.gif
4. Выберите правильную запись тэга.
<font size=3>текст </font>
</font>текст <font>
<font text size=3>текст </font>
<текст color=green>
5. Укажите элемент, который используется для центровки текстов |
|
|
|
align
h1
center
title
|
|
|
|
6. Выберите конструкцию, которая правильно формирует жирный текст курсивом.
<i><b>текст</b></i>
<b>текст<i>
<b><i>текст<i>
<i></i>текст<b></b>
7. Выберите правильную ссылку на файл ?
<a href=”file.html”>Ссылка</a>
<href=file.htl>ссылка</a>
<a name=”file.html”>Cсылка</a>
< href name=”file.html”>Ссылка>
8. Для включения в таблицу колонки нужно выбрать конструкцию…
<td>содержимое ячейки</td>
<table col=1>содержимое ячейки
<tr>содержимое ячейки</tr>
<th>содержимое ячейки</th>
|
|
|
|
|
9. Для включения в документ изображения используется тэг ..
img
src
picture
frame
10. Из перечисленных конструкций правильная …
<img src=”picture.gif”>
<img name=”picture.gif”>
<image src=”picture.gif ”>
<pict name=”picture.gif”>
11. Для использования на страницах сайта изображения рекомендуется использовать тип…
gif
bmp
jpeg
jpg
12. Самым крупным шрифтом на странице сайта отображает элемент…
h1
h3
h5
h6
13. Для выбора изображения а качестве фона документа можно использовать элемент …?
<body background=….>
<body bgcolor=….>
<body title=….>
<body font color=…..>
14. Для того, чтобы подчеркнуть текст на странице сайта, нужно использовать элемент…?
<u>текст</u>
<s>текст</s>
<i<текст</i>
<b>текст</b>
15. Нумерованный список, строки которого начинаются с номер 1, можно создать с помощью следующего элемента:
<OL>
<OL><Li=1>
<OL Li=1>
<OL>1</OL>
16. Фрагмент текста: Х3 можно сформировать на странице с помощью конструкции ….
Х<sup>3</sup>
X<sup>3</sub>
<sup>X<sup>3
<sup>X3</sup>
17. Фрагмент текста H2O можно сформировать на странице сайта с помощью ….
H<sub>2</sub>O
<sub>H2</sub>O
H2<sub>O</sub>
<sub>H2O</sub>
18. Бегущую строку на странице сайта можно сформировать с помощью конструкции …
marquee
direction
move
behavior
19. Горизонтальная линия на странице вставляется с помощью следующего элемента…?
hr
line
p
pre
20. Для того, чтобы перечеркнуть текст на странице сайта, нужно записать элемент …
<s>текст</s>
<u>текст</u>
<p>текст</p>
<o>текст<o>
21. Для того, чтобы открыть другой HTML-документ, нужно использовать следующую конструкцию:
<a href=”имя_документа.тип”>имя ссылки</a>
<a href=”имя_документа”>имя ссылки</a>
<a name=”имя_документа.тип”>имя ссылки</a>
<a src=”имя_документа.тип”>имя ссылки</a>
22. Для вставки в документ любого изображения используется конструкция:
<img src=”имя_файла.тип”>
<a src=”имя_файла.тип”>ссылка на рисунок
<name img=”имя_файла.тип”>
<img name=”имя_файла.тип”>
23. Для создания таблицы, ширина которой равна половине ширине экране, используется конструкция:
<table width=”50%”>
<table align=center>
<table cols=”50%,50%”>
<table width=”50%,50%”>
24 Адрес электронной почты представляет выражение ….
tomg@word.std.com
http://www.mail.com
http://home.mail.com
htp://mail.ru
25 Средство взаимодействия пользователя с системой обозначается термином …
интерфейс
диалоговое окно
главное меню
лента
26. HTML является …..
Языком разметки документа
Языком программирования.
Языком разработки сценариев
Языком создания таблиц
27. Каждый документ в формате HTML начинается со следующего тэга:
HTML
BODY
TITLE
HEAD
28. Абзац текста документа заключается в тэги…….
<P> текст </P>
<H1> текст </H1>
<TD> текст </TD>
<B> текcт </B.
29. Переход к новой строке осуществляется с помощью тэга ….
<BR>
<TR>
<PRE>
<STRONG>
30. Для перехода ко второй странице внутри документа можно использовать тэг…
<A HREF=”#page2”>дальше</A>
<A NAME=”page2”>дальше</A>
<A “#page2> дальше</A>
<A URL=”page2”>дальше</A>
31. Страница, к которой нужно перейти внутри документа, должна начинаться с тега…
<A name=”page2”>
<NAME=”page2”>
<A page2>
<A HREF=”page2”>
32. Все содержимое HTML-документа охватывается тэгами ….
<body>…. </body>
<html>…..</html>
<title>…..</title>
<head>…..<head>
33. Для ввода текста в поле внутри формы используется конструкция…
<input type=”text”>
<form text>
<name field=text>
<input text>
34. Строку для ввода данных на форме отображает конструкция….
<input type=”text” value=””>
<input type=”reset” value=”text”>
<input text=”submit” value=”очистить”>
. <input type=”button” value=”text”>
35. Кнопку-изображение на форме в параметра TYPE создает элемент….
Image
Checkbox
Radio
File
36. Для отображении на экране модального окна с фразой «Привет!» используется конструкция…
<input type=”button” value=”Привет” onclick=”alert(‘Привет’)”>
<input type=”text” value=”Привет”>
<input type=”button” value=”Привет”>
<input type=”reset” onclick=”alert(‘Привет’)”>
37. Для создания списка используется тэг …
SELECT
TABLE
TEXTAREA
PARAM
38. Нумерованный список создает тэг….
OL
UL
LI
ID
39. Размер шрифта в тэге FONT задает параметр …
SIZE
FACE
STYLE
WIDTH
40. Для оформления таблицы нужно использовать набор тэгов ….:
TABLE, TR, TD
TABLE, TITLE, THEAD
TBODY, DIR, HR
HEAD, TD, DIR
41 Таблица стилей CSS выполняет функции….
Контролировать внешним видом страниц документа.
Создавать структуру таблиц.
Управлять выполнением тэгов
Описывать состав формы
42. Язык JavaScript используется для …
внедрения скриптов в HTML-документ
форматирования страниц документа
описания структуры документа
создания форм ввода данных
43. Всплывающая подсказка на рисунке появится при использовании в тэге IMG параметра …..
ALT
LINK
ALIGN
FACE
44. Для отображения документа в выбранном фрейме, который имеет имя “leftframe”,
необходимо в тэге <A> использовать параметр …….
TARGET=”leftframe”
NAME=”leftframe”
FRAME NAME=”leftframe
SRC=”leftframe”
45. Заголовок таблицы оформляется с помощью тэга ….
CAPTION
TITLE
HEAD
TEXTAREA
46. Для того, чтобы объединить 2 следующие колонки в одну при описании таблицы,
необходимо использовать параметр ….
COLSPAN=2
COLGROUP=2
ALIGN=2
SPAN=2
47. Размеры рисунка можно изменить с помощью параметров …..
WIDTH, HEIGHT
VSPACE, HSPACE
LEFT, RIGHT
ALIGN, TOP
48. Для просмотра сразу нескольких документов в одном окон браузера используются
Тэги….
FRAMESET, FRAME
COLS, ROWS
IFRAME, BODY
COLSPAN,FRAME
49. Для воспроизведения звука на страницах документа используется тэг ….
EMBED
SOUND
MIDI
WAV
50. Сценарий на языке JavaScript начинается с ключевого слова …..
FUNCTION
SCRIPT
START
LANGUAGE
51. Для выборки значения из формы именем “forma1” из строки с именем “fio”
необходимо в сценарии записать следующую конструкцию :
Forma1.fio.value
forma1=fio
fio.value
Fio=forma1.value
52. В операционной системе Windows используется Web-обозреватель (браузер) …
Internet Explorer
Navigator
Opera
Mozila
53. С точки зрения синтаксиса правильная последовательность тэгов ….
<EM><STRONG>текст</STRONG></EM>
<STRONG> <EM>текст<STRONG></EM>
<STRONG> <EM>текст</STRONG></EM>
<EM>текст<STRONG></EM></STRONG>
54. В таблице стилей создан следующий стилевой класс: .bigfont { font-size : green }.
Чтобы привязать этот стиль к тэгу <EM>, содержащему текст “Web-сайт”, нужно записать конструкцию ….
<EM CLASS=”bigfont”> Web-сайт</EM>
<EM> bigfont=”Web-сайт”</EM>
<CLASS=”bigfont”><EM>Web-сайт</EM>
<EM><CLASS=”bigfont”>Web-сайт</EM>
55. Подключить внешнюю таблицу стилей к Web-странице можно с тэга …..
LINK
REL
STYLE
CLASS
56. Для создания на форме строки для ввода текста в тэге Input используется параметр …
1. type=”text”
2. textarea
3. value=”text”
4. div=text
57. Создание динамических элементов на странице сайта осуществляется с помощью…
1. языка JavaScript
2. обработки события
3. параметра action на форме
4. кнопки на форме
58. HTML является :
1. Языком разметки документа.
2. Языком программирования .
3. Языком разработки сценариев.
4. Языком создания таблиц.
59. Специальная программа просмотра HTML-документа называется ….
1. браузер
2. язык HTML
3. язык JavaScript
4. интерпретатор
60. Переход к новой строке осуществляется с помощью тэга ….
1. <BR>
2. <TR>
3. <PRE>
4. <STRONG>
61. Для ссылки на документ test.html используется тэг…..
1. <A HREF=”test.html”>текст ссылки</A>
2. <A name=”test.html”>текст ссылки</A>
3. <IMG SRC=”test.html”>текст ссылки</A>
4. < SELECT NAME=”test.html”>
62. Для ссылки на документ, расположенный в другом каталоге, можно в ссылке
указать …..
1. Абсолютный путь.
2. Только имя документа.
3. Имя диска.
4. Имя папки.
63. Для перехода ко второй странице внутри документа можно использовать тэг…
1. <A HREF=”#page2”>дальше</A>
2. <A NAME=”page2”>дальше</A>
3. <A “#page2> дальше</A>
4. <A URL=”page2”>дальше</A>
64. Страница, к которой нужно перейти внутри документа, должна начинаться с тега…
1. <A name=”page2”>
2. <NAME=”page2”>
3. <A page2>
4. <A HREF=”page2”>
65. Нарисовать горизонтальную линию можно помощью тэга….
1. HR
2. TR
3. TD
4. Top
66. Внутри формы используется тэг, с помощью которого можно отобразить на форме строку
для ввода текста или кнопку.
Input
Button
Text
Value
67. Отображает на форме строку для ввода данных следующий тэг …
1. <input type=”text” value=””>
2. <input text=”submit” value=”очистить”>
3. <input type=”reset” value=”text”>
4. <input type=”button” value=”text”>
68. Какой Из перечисленных ниже значений в параметра TYPE кнопку-выключатель создает …
1. Checkbox
2. Radio
3. Image
4. File
69. Для просмотра сразу нескольких документов в одном окон браузера используются
Тэги….
1. FRAMESET, FRAME
2. COLS, ROWS
3. IFRAME, BODY
4. COLSPAN,FRAME
70. Для внедрения в HTML-страницу сценария JavaScript используется тэг …..
1. Script
2. Language
3. JavaScript
4. Object
71. Функцию без параметров с именем namefunc можно активизировать на странице
при щелчке по кнопке с помощью следующего тэга ….
1. Onclick=”namefunc()”
2. Onclick=”alert(namefunc)”
3. SRC=Onclick(namefunc)
4. INPUT=Onclick(namefunc)
72. Организации, предоставляющие на своих серверах для публикации Web-сайтов,
называются …..
1. Хостинг-провайдерами
2. Интернет-провайдерами
3. Web-провайдерами
4. Доменными серверами
73. Для обмена данными в сети с помощью формы в качестве элемента формы используется тэг…..
1. textarea
2. submit
3. input
4. file
74. Для объединения колонок таблицы используется параметр …..
1. colspan=n
2. td align=n
3. cols=n
4. table cols=n
75. Для отображения на формы элемента выбора одного из вариантов используется параметр тэга input …
Radio
Image
Checkbox
text
76. Из перечисленных ниже элементов строку выключателя отображает конструкция …
1. <input type="checkbox">
2. <input type="radio">
3. <input type="password">
4. <input type="file">
77. Для отправки сообщения на сервер провайдера на форме используется конструкция ….
1. <input type="submit">
2. <input type="reset">
3. <input type="password">
4. <input type="fule">
78. Для отображения на странице сайта изображения используется конструкция ….
1. <img src=”picture.gif”>
2. <img name=”picture.gif”>
3. <image src=”picture.gif ”>
4. <pict name=”picture.gif”>
79. Для установки начальной нумерации элементов списка с указанного номера (n) нужно записать следующую конструкцию ….
<OL start=n>
<OL ><Li=n>
<OL Li=n>
<OL>n</OL>
80. . Для того, чтобы перечеркнуть текст на странице сайта, нужно использовать конструкцию…?
<s>текст</s>
<u>текст</u>
<i<текст</i>
<b>текст</b>