Добавил:

ivanov666 Опубликованный материал нарушает ваши авторские права? Сообщите нам.

Вуз:

Башкирский Государственный Аграрный Университет

Предмет:

[НЕСОРТИРОВАННОЕ]

Файл:

Web-технологии. Учебно-методический комплекс дисциплины по направлению подготовки 51.03.06 (071900) «Библиотечно-информационная деятельность», профиль

.pdf

Скачиваний:

Добавлен:

07.09.2026

Размер:

2 Мб

Скачать

☆

<<< < Предыдущая 1 2 3 4 5 6 7 8 910 / 1110 11 > Следующая >>>

Технология работы

Работа в программе Блокнот

1. Запустите Блокнот и создайте следующую HTML-страницу

с фреймовой структурой (рис. 6).

2. Средний фрейм выполните с полосой прокрутки.

Рисунок 6 – HTML-страница с фреймовой структурой

Работа в Microsoft FrontPage 2003

1. Создайте сайт «История библиотек» на основе фреймовой структуры.

2. Для задания фреймовой структуры выберите Шаблон Объявле-

ние и оглавление. В верхний фрейм поместите заголовок «История библиотек». Левый фрейм должен содержать страницу со следующей панелью навигации:

Библиотеки Древнего Востока

Библиотеки в эпоху античности и в эпоху эллинизма

Средневековые библиотеки

Библиотеки в XV–XVII веках

Библиотеки XVIII века

Библиотеки XIX века

Библиотеки в ХХ веке

3. Используя атрибут target, создайте на основе текстовых фрагмен-

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

4. При создании сайта используйте материалы интернет-ресурса

«Мир библиотек» (http://www.library.ru/3/event/)

Контрольные вопросы

1. Что такое фреймы?

2. Какой тег определяет набор создаваемых фреймов и их располо-

жение в окне браузера?

3. Перечислите атрибуты тега <FRАМЕ>.

4. Как создать страницу с фреймовой структурой в MS FrontPage

2003?

5. Как сохранить собственный шаблон страницы с фреймами в MS

FrontPage 2003?

4 ОБРАЗОВАТЕЛЬНЫЕ ТЕХНОЛОГИИ

В ходе обучения используются следующие виды образовательных технологий:

 при проведении лекций и лабораторных работ: традиционные обра-

зовательные технологии, мультимедийные и телекоммуникационные

технологии;

 в самостоятельной работе студентов: информационные образова-

тельные технологии (документы в электронном виде, размещенные

в электронной образовательной среде КемГУКИ).

В соответствии с требованиями ФГОС ВПО необходимо предусматривать широкое использование в учебном процессе интерактивных форм проведения занятий: проблемное изложение материала, разработка и защита творческих работ в виде учебных исследовательских проектов – создание сайтов, электронных выставок и коллекций. Удельный вес занятий, проводимых в интерактивных формах

, равен 9 часам на очной форме обучения (25 % аудиторных занятий), 3 часам – на заочной форме, что составляет 30 % аудиторных занятий.

Текущий и рубежный контроль знаний студентов осуществляется на лабораторных занятиях и при защите учебных проектов. Итоговый контроль – в форме зачета.

5 МАТЕРИАЛЬНО-ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ

ДИСЦИПЛИНЫ

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

6 КОНТРОЛЬНО-ИЗМЕРИТЕЛЬНЫЕ МАТЕРИАЛЫ

6.1 Тесты для самоконтроля

1. Выбрать вариант правильного ответа

КАКОЙ АТРИБУТ ТЕГА <OL> НАЧИНАЕТ НУМЕРАЦИЮ СПИСКА С ОПРЕДЕЛЁННОГО ЗНАЧЕНИЯ?

1) BEGIN;

2) TYPE;

3) VALUE;

4) START.

2. Установить соответствие для тегов:

1) Тег форматирования текста А. <OL> </OL>

2) Тег организации списка В. <CAPTION> </CAPTION>

3) Тег организации заголовка таблицы С. <FONT> </FONT>

3. Дополнить

XML-документ считается синтаксически корректным, если документ является структурно корректным и __________________________________

4. Выбрать вариант правильного ответа

ДЛЯ ВЫДЕЛЕНИЯ ЦИТАТ ИСПОЛЬЗУЕТСЯ ТЕГ:

1) <CITE> </CITE>;

2) <STRONG> </STRONG>

3) <BLOCKQUOTE> </BLOCKQUOTE>

4) <NOBR> </NOBR>

5. Выбрать вариант правильного ответа

ОТСУТСТВИЕ В ТЕГЕ АБЗАЦА АТРИБУТА ALIGN ПРИВОДИТ К ВЫРАВНИВАНИЮ ТЕКСТА ПО:

1) ШИРИНЕ;

2) ЛЕВОМУ КРАЮ;

3) ПРАВОМУ КРАЮ;

4) ЦЕНТРУ.

6. Выбрать вариант правильного ответа

КАКОЙ АТРИБУТ СЛУЖИТ ДЛЯ ОБЪЕДИНЕНИЯ СТРОК В ТАБЛИЦЕ?

1) BORDER;

2) COLSPAN;

3) AREA;

4) ROWSPAN.

7. Выбрать вариант правильного ответа

УКАЖИТЕ ОБЯЗАТЕЛЬНЫЙ АТРИБУТ ТЕГА FRAME?

1) HREF;

2) SRC;

3) ALIGN;

4) BORDER.

8. Выбрать вариант правильного ответа

КАКОЙ ТЕГ НЕОБХОДИМО ИСПОЛЬЗОВАТЬ ДЛЯ СОЗДАНИЯ НУМЕРОВАННОГО СПИСКА?

1) <LIST> </LIST>;

2) <OL> </OL>;

3) <UL> </UL>;

4) <TH> </TH>.

9. Установить соответствие для тегов:

1) Тег логического форматирования текста А. <А> </А>

2) Тег создания заголовка В. <H2> </H2>

3) Тег организации гиперссылки С. <DFN> </DFN>

10. Выбрать вариант правильного ответа

КАКОЙ HTML-КОД ПРЕДНАЗНАЧЕН ДЛЯ ВЫВОДА ИЗОБРАЖЕНИЯ С ВСПЛЫВАЮЩЕЙ ПОДСКАЗКОЙ?

1) <IMG SRC = ”lesson.jpeg” ALT=“ ”>;

2) <IMG SRC = ”lesson.jpeg” ALT=“Урок”>;

3) <<IMG SRC = ”lesson.jpeg” TITLE=“Урок”>;

4) <IMG SRC = ”lesson.jpeg” ALT=“ ” TITLE=“Урок”>.

11. Выбрать вариант правильного ответа

КАКОЙ HTML-КОД НЕОБХОДИМО ИСПОЛЬЗОВАТЬ ДЛЯ ОРГАНИЗАЦИИ ССЫЛКИ НА АДРЕС ЭЛЕКТРОННОЙ ПОЧТЫ?

1) <A HREF=”email:abc@mail.ru”> Написать письмо </A>;

2) <A HREF=”mailto:abc@mail.ru”> Написать письмо </A>;

3) <A HREF=”abc@mail.ru”> Написать письмо </A>;

4) <A HREF=abc@mail.ru alt=”email”> Написать письмо </A>.

12. Выбрать вариант правильного ответа

УКАЖИТЕ ТЕГ, ПОЗВОЛЯЮЩИЙ ОПРЕДЕЛИТЬ ТАБЛИЦУ.

1) <TABLE> </TABLE>;

2) <TAB> </TAB>;

3) <TH> </TH>;

4) <TABS> </TABS>.

13. Выбрать вариант правильного ответа

КАКОЙ HTML-КОД НЕОБХОДИМО ИСПОЛЬЗОВАТЬ ДЛЯ ОПРЕДЕЛЕНИЯ ПОЛЯ ВВОДА ПАРОЛЯ?

1) <PASS> </PASS>;

2) <PASSWORD> </PASSWORD>;

3) <INPUT TYPE=”PASSWORD”>;

4) < TEXTAREA ></ TEXTAREA>.

14. Выбрать вариант правильного ответа

КАКОГО ТЕГА НЕ СУЩЕСТВУЕТ?

1) <UL> </UL>;

2) <FRAMESET> </FRAMESET>;

3) <TD> </TD>;

4) <ADRESS></ADRESS>.

15. Выбрать вариант правильного ответа

УКАЖИТЕ АТРИБУТ ТЕГА <TABLE>, ОПРЕДЕЛЯЮЩИЙ СВОБОДНОЕ ПРОСТРАНСТВО МЕЖДУ СОДЕРЖИМЫМ ЯЧЕЕК И ИХ ГРАНИЦАМИ.

1) CELLPADDING;

2) CELLSPACING;

3) HSPACE;

4) VSPACE.

16. Выбрать вариант правильного ответа

ВЫБЕРИТЕ СРЕДИ ПЕРЕЧИСЛЕННЫХ АТРИБУТОВ АТРИБУТ ТЕГА <TEXTAREA>.

1) COLS;

2) SRC;

3) TYPE;

4) MAXLENGHT.

17. Выбрать вариант правильного ответа

ДЛЯ СОЗДАНИЯ СПИСКОВ В ФОРМЕ ИСПОЛЬЗУЕТСЯ ТЕГ:

1) <FRAMESET> </FRAMESET>;

2) <TEXTAREA> </ TEXTAREA>;

3) <SELECT> </ SELECT>;

4) <TR> </TR>.

18. Выбрать вариант правильного ответа

КАКОЙ ТЕГ НЕ ЯВЛЯЕТСЯ ТЕГОМ ФОРМАТИРОВАНИЯ ТАБЛИЦЫ?

1) <TD> </TD>;

2) <TH> </TH>;

3) <CAPTION> </CAPTION>;

4) <PRE> </PRE>.

19. Выбрать вариант правильного ответа

УКАЖИТЕ ОБЯЗАТЕЛЬНЫЙ АТРИБУТ ТЕГА ВСТАВКИ ИЗОБРАЖЕНИЯ.

1) SRC;

2) ALIGN;

3) HREF;

4) ALT.

20. Выбрать вариант правильного ответа

КАКОЙ ТЕГ НЕОБХОДИМО ИСПОЛЬЗОВАТЬ ДЛЯ СОЗДАНИЯ НУМЕРОВАННОГО СПИСКА?

1) <LIST> </LIST>;

2) <OL> </OL>;

3) <UL> </UL>;

4) <TH> </TH>.

КЛЮЧИ К ТЕСТАМ ДЛЯ САМОКОНТРОЛЯ

№ вопроса Ответы № вопроса Ответы

1 3 11 2

2 1 - С, 2 – А, 3 - В 12 1

3 соответствует всем правилам,

13 2

изложенным в соответствующем DTD-описании

4 1 14 4

5 2 15 2

6 4 16 1

7 2 17 3

8 2 18 4

9 1 - С, 2 – В, 3 - А 19 1

10 2 20 2

6.2 Тематика проектного обучения

1. Разработка и защита отчета об оформлении сайта при помощи

CSS-стилей.

2. Разработка и защита отчета о создании электронной выставки

на основе таблиц.

3. Разработка и защита отчета о создании электронной коллекции

на основе фреймовой структуры.

4. Разработка и защита отчета о добавлении в HTML-страницу поль

зовательской формы.

6.3 Вопросы к зачету

1. Стандартный обобщенный язык разметки SGML. Структура документа.

Достоинства и недостатки.

2. Стандартный обобщенный язык разметки SGML. DTD-описания.

3. Язык разметки XML. Требования к языку разметки XML.

4. Диалекты XML.

5. Язык гипертекстовой разметки HTML: история развития, преимущества

и недостатки.

6. Принципы гипертекстовой разметки. Структура HTML-документа.

7. Классификация тегов НТМL.

8. Логическое форматирование

текста.

9. Физическое форматирование текста.

10. Представление цвета в HTML.

11. Гиперссылки в HTML.

12. Работа с изображениями.

13. Создание списков в HTML. Упорядоченные, неупорядоченные списки.

14. Вложенные неупорядоченные, неупорядоченные списки.

15. Форматирование табличных данных.

16. Использование форм в документах.

17. Использование фреймовых структур в HTML-документах.

18. Каскадные таблицы стилей: использование внутренних

стилей.

19. Каскадные таблицы стилей: использование внедренных таблиц стилей.

20. Каскадные таблицы стилей: использование внешних таблиц стилей.

7 УЧЕБНО-БИБЛИОГРАФИЧЕСКОЕ И ИНФОРМАЦИОННОЕ

ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ

7.1 Список литературы

Основная литература

1. Алексеев, А. П. Введение в Web-дизайн [Электронный ресурс]: учеб.

пособие / А. П. Алексеев. – Электрон. дан. – Москва: СОЛОН-ПРЕСС,

2008. – 185 c. – Университетская библиотека online: электрон. библ. система. – Режим доступа: http://www.biblioclub.ru/book/117877/

2. Бройдо, В. Л. Архитектура ЭВМ и систем [Текст]: учеб. для вузов /

В. Л. Бройдо, О. П. Ильина. – Санкт-Петербург: Питер, 2009. – 720 с.

3. Диков, А. В. Веб-технологии HTML и CSS [Электронный ресурс]:

учеб. пособие / А. В. Диков. – Электрон. дан. – Москва: Директ-Медиа,

2012. – 78 с. – Университетская библиотека online: электрон. библ. сис- тема. – Режим доступа: http://www.biblioclub.ru/book/96968/

4. Информатика: учебник [Текст] / под ред. В. В. Трофимова. – 2-е изд.,

испр. и доп. – Москва: ИД Юрайт, 2013. – 916 с.

Дополнительная литература

5. Бердышев, С. Н. Искусство оформления сайта [Электронный ресурс]:

практическое пособие / С. Н. Бердышев. – Электрон. дан. – Москва:

Дашков и К

, 2010. – 148 c. – Университетская библиотека online:

электрон. библ. система. – Режим доступа: http://www.biblioclub.ru/

79153_Iskusstvo_oformleniya_saita_Prakticheskoe_posobie.html

6. Буяковская, И. А. Создание гипертекстовых справочных систем [Элект-

ронный ресурс]: учеб. пособие / И. А. Буяковская. – Электрон. дан. – Новокузнецк: Кузбасская государственная педагогическая академия,

2007. – 98 с. – Университетская библиотека online: электрон. библ. система. – Режим доступа: http://www.biblioclub.ru/88673_Sozdanie_

gipertekstovykh_spravochnykh_sistem_Uchebnoe_posobie.html

7. Вернике, Д. Язык географической разметки KML [Электронный

ресурс]: практ. дан. – Москва: Дашков и К

пособие / Т. Б. Веселкова, А. С. Кабанов. – Электрон.

, 2011. – 89 c. – Университетская библиоте-

ка online: электрон. библ. система. – Режим доступа: http://www.

biblioclub.ru/book/78928/

8. Веселкова, Т. Б. Эффективная эксплуатация сайта [Электронный ре-

сурс]: практ. / Т. Б. Веселкова, А. С. Кабанов. – Электрон. дан. – Моск-

ва: Дашков и К

, 2011. – 89 c. – Университетская библиотека online:

электрон. библ. система. – Режим доступа: http://www.biblioclub.ru/

book/78928/

9. Загуменов, А. П. Как раскрутить и разрекламировать web-сайт в сети

Интернет [Электронный ресурс]: практ. пособие / А. П. Загуменов. – Электрон. дан. – Минск: ДМК Пресс, 2010. – 384 c. – Университетская библиотека online: электрон. библ. система. – Режим доступа:

http://www.biblioclub.ru/book/85114/

10. Калмыкова, О. В. Студент в информационно-образовательной среде

[Электронный ресурс]: практ. пособие / О. В. Калмыкова. – Электрон.

дан. – Москва: Евразийский открытый институт, 2011. – 104 c. – Университетская библиотека online: электрон. библ. система. – Режим доступа: http://www.biblioclub.ru/book/93227/

11. Пилко, И. С. Информационные и библиотечные технологии [Текст]:

учеб. пособие / И. С. Пилко. – Санкт-Петербург: Профессия, 2006. –

344 с.

12. Понфилов, К

. С. По ту сторону веб-страницы [Электронный ресурс]:

практ. пособие / К. С. Понфилов. – Электрон. дан. – Москва: ДМК Пресс, 2008. – 440 c. – Университетская библиотека online: электрон. библ. система. – Режим доступа: http://www.biblioclub.ru/85086_Po_tu_

storonu_veb_stranitsy.html

7.2 Перечень полезных ссылок

1. Htmlbook.ru [Электронный ресурс]: сайт // Самоучитель по HTML,

CSS. – Электрон. дан. – 2002. – Режим доступа: http://htmlbook.ru/

2. Официальный сайт консорциума Всемирной паутины [Электронный

ресурс]: сайт // W3C. – Электрон. дан. – Кейо, 2012. – Режим доступа: http://www.w3.org/XML

3. Seodon.ru [Электронный ресурс]: сайт // Seodon.ru – Электрон. дан. –

2010. – Режим доступа: http://seodon.ru/links/podbor-cvetov-dlja-sajta.php

4. Проект Webmascon [Электронный ресурс]: сайт // Webmascon. –

Электрон. дан. – 1999. – Режим доступа: http://www.webmascon.com

8 УЧЕБНО-СПРАВОЧНЫЕ МАТЕРИАЛЫ

8.1 Глоссарий

DTD (Documents Type Definitions) – совокупность синтаксиче-

ских правил, на основе которых проверяется структура документа XML. В DTD явно определяется структура документа XML, указываются элементы и их атрибуты, а также приводится другая информация, распространяющаяся на все документы XML, созданные на основе данного

DTD.

CSS (Cascading Style Sheets) – специальный язык описания стилей, обладающий богатым набором средств форматирования и управления стилями элементов документа.

100

<<< < Предыдущая 1 2 3 4 5 6 7 8 910 / 1110 11 > Следующая >>>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]