Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ответы на контрольную работу.doc
Скачиваний:
3
Добавлен:
12.09.2019
Размер:
131.58 Кб
Скачать

I Курсив

B Полужирный

U Подчеркнутый

S,STRIKE Перечеркнутый

SUP Верхний индекс

SUB Нижний индекс

CODE, SAMP Формула, программный код

Перечислите тэги текстовых блоков (3 или больше, заголовки писать один раз)

H1,H2,…,H6 Заголовки текста

P Разметка параграфов

DIV Отделяет блок HTML-документа от остальной его

части

ADDRESS Почтовый адрес

BLOCKQUOTE Цитата

BR Перевод строки

HR Горизонтальная разделительная линия

PRE Блок предварительно отформатированного текста

Напишите тэг гиперссылки и его основной параметр, указывающий адрес ссылки

<A>

Элемент для создания и использования гипертекстовых ссылок .

Параметры:

HREF - гипертекстовая ссылка. Возможные значения: http://... ; ftp://...; mailto:... ;

news:.. ; telnet://...;wais://...; gopher://... ;

NAME - возможный объект для ссылки.

Напишите тэг для вставки изображений и его основной параметр, указывающий путь к файлу с изображением

<IMG>

Параметр

SRC - адрес файла с изображением.

Напишите тэги для вставки списков

UL неупорядоченный список

OL упорядоченный список

LI пункт меню внутри элементов OL или UL

MENU, DIR неупорядоченный список, подобный UL

DL список определений

DT термин в списке определений внутри элемента

DL

DD определение термина внутри элемента DL

Напишите тэги для вставки таблиц

TABLE Таблица

CAPTION заголовок таблицы

TR новый ряд (строка) ячеек таблицы

TD, TH ячейка с данными в текущей строке

Напишите тэги для вставки форм и элементов форм

<FORM>

Параметры:

NAME - определяет имя формы, уникальное для данного документа.

Используется, если в документе присутствует несколько форм.

ACTION - обязательный параметр. Определяет URL, по которому будет

отправлено содержимое формы. Это может быть либо адрес электронной почты, либо

путь к скрипту сервера, обслуживающему данную форму.

METHOD - определяет способ отправки содержимого формы. Возможные

значения GET (по умолчанию) и POST.

ENCTYPE - определяет способ кодирования содержимого формы при отправке.

По умолчанию используется "application/x-www-form-urlencoded".

TARGET - определяет имя окна, в которое возвращается результат обработки

отправленной формы. Возможные значения : _self, _parent, _top, _blank или явно

указанное имя окна. Подробное описание значений смотрите в параметре TARGET

элемента A.

Элементы для создания форм:

FORM Создает заполняемую форму

TEXTAREA Создает поле для ввода нескольких строк

текста

SELECT Создает меню в заполняемой форме

OPTION Создает отдельные пункты в меню (см.

SELECT)

Input Создает поле в форме

Перечислите основные типы полей форм и соответствующие им значения параметра type тэга input (4 или более)

NAME - определяет имя, используемое при передаче содержания данной формы

на сервер. Этот параметр необходим для большинства типов (параметр TYPE - cм. ниже)

элемента INPUT и обычно используется для идентификации поля или для группы полей,

связанных логически.

TYPE - определяет тип поля для ввода данных. По умолчанию - это "text".

Возможные значения:

  • text - создает поле ввода под одну строку текста. Как правило используется

совместно с параметрами SIZE и MAXLENGTH.

  • textarea - создает поле ввода для текста в несколько строк. Но для этих целей

лучше использовать элемент TEXTAREA

  • file - дает возможность пользователю приобщить файл к текущей форме.

Возможно использование совместно с параметром ACCEPT.

  • password - создает поле ввода под одну строку, однако текст, вводимый

пользователем, отображается в виде значков "*", скрывая тем самым его

содержание от любопытных глаз.

  • radio - создает поле ввода для атрибутов, которые принимают одно значение из

нескольких возможных. Все кнопки (radio buttons) в группе должны иметь

одинаковые имена, но только выбранная кнопка в группе создает пару

ACCEPT - конкретизирует тип файла. Используется только совместно с пара-

метром TYPE="file". Значение задается в виде MIME.

SIZE - определяет размер поля в символах. Например, чтобы определить поле с

видимой шириной в 24 символа, надо указать SIZE="24".

MAXLENGTH - определяет максимальное количество символов, которые можно

ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в

параметре SIZE, в этом случае поле будет прокручиваться (scroll). По умолчанию

количество символов не ограничено

SRC - задает URL-адрес картинки, используемой при создании графической

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

TYPE="image".

2.2

Что означают следующий тэг:

  • HEAD

Определяет начало и конец заголовка документа

  • Title

Определяет имя всего документа, которое

отображается в заголовке окна браузера

  • BODY

Тело документа

  • A

Гиперссылки

  • H1

Заголовки текста

  • P

Разметка парграфов

  • DIV

Отделяет блок HTML-документа от остальной его

части

  • I

Курсив

  • B

Полужирный

  • U

Подчеркнутый

  • UL

Неупорядоченный список

  • OL

Упорядоченный список

  • LI

Пункт меню внутри элементов OL или UL

  • IMG

Изображения

  • TABLE

Таблица

  • TR

Новый ряд (строка) ячеек таблицы

  • TD

Ячейка с данными в текущей строке

  • FORM

Создает заполняемую форму

  • TEXTAREA

Создает поле для ввода нескольких строк

текста

  • SELECT

Создает меню в заполняемой форме

  • OPTION

Создает отдельные пункты в меню

Что означает следующий параметр:

  • Width

ширина изображения.

  • Height

высота изображения.

  • Align

Способ выравнивания

  • Border

Ширина рамки

  • Src

Адрес файла с изображением

Что вставляет следующая строка HTML-кода:

  • <input type=”text”>

создает поле ввода под одну строку текста.

  • <input type=”checkbox”>

создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для

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

  • <input type=”radio”>

создает поле ввода для атрибутов, которые принимают одно значение из

нескольких возможных.

  • <input type=”password”>

создает поле ввода под одну строку, однако текст, вводимый

пользователем, отображается в виде значков "*", скрывая тем самым его

содержание от любопытных глаз

  • <input type=”button”>

позволяет создать кнопку в HTML документе, что добавляет функции при

использовании Visual Basic Script или Java Script.

  • <input type=”submit”>

создает кнопку, при нажатии которой заполненная форма посылается на

сервер.

  • <input type=”reset”>

создает кнопку, перезагружающую поля формы к их первоначальным

значениям.

  1. CSS

3.1

  • Дайте определение CSS

CSS (англ. CASCADING STYLE SHEETS - Каскадные таблицы стилей) -

технология описания внешнего вида документа, написанного языком разметки

CSS представляют собой средство разделения логической структуры документа и

формы его представления. Логическая структура документа определяется элементами

HTML-разметки, в то время как форма представления каждого из этих элементов

задается CSS-описателем элемента.

  • Напишите преимущества CSS по сравнению со средствами форматирования HTML

1. Отделение описание внешнего вида документа от его разметки, что делает

код более читабельным

2. Возможность применения одного стиля несколько раз.

3. Более широкие возможности для оформления документа

  • Перечислите 3 способа описания CSS

1. В КОНКРЕТНОМ МЕСТЕ непосредственно в элементе разметки (прямо

внутри тега);

2. Размещение описания стиля в шапке документа в элементе <STYLE>;

3. Размещение описания стиля в файле CSS

  • Перечислите 3 способа применения CSS

1. В КОНКРЕТНОМ МЕСТЕ непосредственно внутри элемента разметки

2. Переопределение стиля тега (элемента разметки)

3. Использование классов

  • Напишите суть переопределения стиля тэга. Приведите пример (Пример можно привести как, используя синтаксис CSS: h1 {text-align:center}, так и просто словами: выравнивание по центру для всех заголовков(тэгов <h1>))

При этом способе, задав один раз стиль (например, выравнивание по центру,

тёмно-синий цвет, большой шрифт) для определенного тэга (например, <h1>),

каждый раз при использовании данного тэга, будет применен заданный стиль.

Т.е. всё заголовки (h1) будут тёмно-синими, большими, выравненными по центру

  • Напишите суть создания и использования классов. Приведите пример. (Пример можно привести как, используя синтаксис CSS:

.myclass {font-style:italic; text-decoration:underline}

<span class=”myclass”>слова </span>,

так и просто словами: создание стиля, который в заданных местах будет выделять фрагменты текста курсивом и подчеркиванием)

При этом способе стиль описывается один раз, а используется в указанных местах

(тэгах) HTML-кодах. Т.е. можно сделать, чтобы данный стиль был применен к

некоторым заголовкам и некоторым параграфам, а к остальным не применен.

Данный способ наиболее универсальный.

3.2

Для чего используется следующий атрибут CSS:

  • Width

Ширина

  • Height

Высота

  • Margin

Внешние отступы

  • Padding

Внутренние отступы

  • Display

Отображаемость

  • Position

Положение

  • Color

Цвет текста

  • background-color

Цвет фона

  • text-indent

Отступ первой строки

  • text-decoration (не пишите «оформление текста», пишите «для подчеркивания или перечеркивания текста»

Для подчеркивания или перечеркивания текста

  • font-family

Семейство

  • font-size

Размер

  • font-weight

Жирность

  • font-style (не пишите «стиль шрифта», пишите «курсив» или «наклонный текст»)

Курсив или наклонный текст

  1. Веб-программирование

4.1

  • Напишите особенности клиентских технологий веб-программирования

Загружаются на пользовательский компьютер

(как правило вместе с веб-страницей) и работают на нём

Событийно-ориентированные (реагируют на действия пользователя)

=> Быстрая реакция на действие пользователя

  • Приведите примеры использования (назначение) клиентских технологий веб-программирования (не менее 3)

Создание графических пользовательских интерфейсов

визуальных эффектов: ролловеров, эффектов появления, слайд-шоу,

свертываемых структур

Проверка правильности ввода данных, подсчет итогов

  • Перечислите несколько основных клиентских технологий веб-программирования ( не менее 3)

Языки написания скриптов JavaScript, VBScript; Программы программного

интерфейса (API) браузера: (ActiveX, Java-апплеты)

  • Напишите особенности серверных технологий веб-программирования

Работают на стороне сервера.

Принимают и обрабатывают запросы пользователя.

Динамически формируют код веб-страницы, отправляемой на клиентский

компьютер.

Автоматически изменяют данные содержимого сайта на сервере.

  • Приведите примеры использования (назначение) серверных технологий веб-программирования (не менее 3)

Обработка анкет, запросов;

Гостевые книги, форумы, электронные магазины;

  • Перечислите несколько основных серверных технологий веб-программирования (не менее 3)

Сценарии и программы CGI;

PHP, ASP, ColdFusion, ASP.NET, JSP, сервлеты Java; Модули Apache, ISAPI

  • Напишите особенности клиент-серверных технологий веб-программирования

Состоят из 2 частей серверной и клиентской, которые постоянно обмениваются

пакетами (сообщениями)

Позволяют автоматически обновлять часть содержимого веб-страниц на

компьютере пользователя

  • Приведите примеры использования (назначение) клиент-серверных технологий веб-программирования (не менее 3)

Предпросмотр содержимого веб-страниц в поисковых системах, подсказки в

строке запроса поисковых систем, предоставление сведений об изменение содержимого

на сервере (например, автоматическое получение новых сообщений в электронной почте)

  • Перечислите несколько основных клиент-серверных технологий веб-программирования (не менее 2)

AJAX, ASP.NET

4.2

Выберите наиболее подходящий вариант

Найти минимальный элемент массива. Это типичная задача

  1. Структурного программирования

  2. Процедурного программирования

  3. Объектно-ориентированного программирования

  4. Событийно-ориентированного программирования

Выберите наиболее подходящий вариант

Хранение данных о графических фигурах разных типов (круг, прямоугольник, эллипс, треугольник) с учётом свойств и методов как общих для всех, так и индивидуальных для каждого типа – это типичная задача

  1. Структурного программирования

  2. Процедурного программирования

  3. Объектно-ориентированного программирования

  4. Событийно-ориентированного программирования

Выберите наиболее подходящий вариант

Меню, всплывающее при наведении мыши на объект – это задача

  1. Структурного программирования

  2. Процедурного программирования

  3. Объектно-ориентированного программирования

  4. Событийно-ориентированного программирования

Выберите наиболее подходящий вариант

Программа, формируемая с помощью графических манипуляций при минимальном использовании кодирования вручную - это

  1. Структурное программирование

  2. Процедурное программирование

  3. Объектно-ориентированное программирование

  4. Событийно-ориентированное программирование

  5. Визуальное программирование

Выберите наиболее подходящий вариант

Меню, данные которого хранятся в невидимой области уже загруженной веб-страницы, всплывающее при наведении мыши на объект – это пример использования технологий

  1. клиентского веб-программирования

  2. серверного веб-программирования

  3. клиент-серверного веб-программирования

Выберите наиболее подходящий вариант

Добавление нескольких строк текста к содержанию сайта после обработки запроса, отправленного пользователем – это пример использования технологий

  1. клиентского веб-программирования

  2. серверного веб-программирования

  3. клиент-серверного веб-программирования

Выберите наиболее подходящий вариант

Автоматическое информирование о поступлении нового сообщения для пользователя - это пример использования технологий

  1. клиентского веб-программирования

  2. серверного веб-программирования

  3. клиент-серверного веб-программирования