- •Содержание
- •Введение Цели и задачи методических указаний.
- •Методические указания по выполнению и оформлению контрольной работы
- •Перечень задач для контрольных работ
- •Распределение заданий для выполнения контрольной работы
- •Распределение заданий для выполнения контрольной работы
- •Рекомендации по изучению тем, по которым составлены контрольные работы
- •1. Основные возможности табличного процессора excel
- •Упражнения по excel
- •Упражнение 1. Основные приемы работы с таблицами Excel
- •Упражнение 2
- •Упражнение 3.
- •Упражнение 4. Консолидация данных
- •2. Основные сведения об microsoft access.
- •Упражнения по access Упражнение 1.
- •Упражнение 2.
- •3. Программа powerpoint
- •4. Разработка Web - сайтов
- •4.1. Структура документа html
- •4.1.1. Определение цветов страницы.
- •4.1.2. Заголовки и абзацы
- •4.1.3. Бегущая строка
- •Задание 2. Установка дополнительного атрибута align
- •4.2. Разметка внутри текста
- •4.2.1. Форматирование текста
- •4.2.2. Стили форматирования.
- •4.2.3. Создание списков
- •Задание 5. Создание списка
- •4.3. Meta-теги
- •4.4. Создание таблиц
- •Задание 6. Создание таблиц
- •4.5. Связывание текстов
- •4.6. Изображения в html-документе.
- •4.7. Фреймы в html документах.
- •4.8. Формы
- •Начало формы
- •Конец формы Вопросы, выносимые на экзамен
- •Литература
- •Методические указания по выполнению и оформлению контрольной работы.
Задание 5. Создание списка
Отредактируйте созданную страницу:
Загрузите программу Блокнот.
Откройте файл Пример1.htm для редактирования.
Отредактируйте содержание страницы, вставив ниже следующий текст:
=> вставьте упорядоченный список
Я уже изучил:
1. Понятия языка разметки
2. Определение заголовка, абзаца
3. Форматирование абзаца
=> вставьте неупорядоченный список:
Я еще обязательно изучу:
Создание списков
Создание таблиц
<HTML>
<HEAD>
<TITLE>
Институт МИПП - группа 109
</TITLE>
</HEAD>
<BODY>
<marquee loop="infinite" behavior="alternate"
bgcolor="aqua" direction="left" height="30" width="550">
Страничка Светы Ивановой
</marquee>
<H1 ALIGN=CENTER> Создание списков</Н1>
<P>
<FONT SIZE=5 COLOR="GREEN"FACE="ARIAL">
Я старательно изучаю язык разметки HTML
</FONT>
</P>
<P ALIGN= RIGHT>
Я усердно изучаю построение WEB-страниц
</P>
<P>
<HR SIZE=2 WIDTH=80%>
<B>Какое низкое коварство полуживого забавлять,</B><BR>
<I>Ему подушку поправлять,</I><BR>
<U>Вздыхать и думать про себя,</U><BR>
<S>Когда же черт возьмет тебя!</S><BR>
<HR SIZE=4 WIDTH =100%>
</P>
<OL>
Я уже полностью изучил
<LI>Понятия языка разметки
<LI>Форматирование абзаца
</OL>
<UL>
Я еще обязательно изучу
<LI> Создание списка
<LI>Создание таблиц
</UL>
</BODY>
</HTML>
Сохраните изменение документа под тем же именем.
Просмотрите созданную страницу.
Список определений <DL> ... </DL> несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term — определяемый термин) и <DD> (от английского definition definition — определение определения). Разберем это на примере. Допустим, у нас имеется следующий фрагмент HTML-текста:
<DL> <DT>HTML <DD>Термин HTML (HyperText Markup Language) означает 'язык маркировки гипертекстов'. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли. <DT>HTML-документ <DD>Текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html). </DL>
Этот фрагмент будет выведен на экран следующим образом:
HTML
Термин HTML (HyperText Markup Language) означает 'язык маркировки гипертекстов'. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.
HTML-документ
Текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html).
Обратите внимание: точно так же, как метки <LI>, метки <DT> и <DD> не имеют парных закрывающих меток.
Если определяемые термины достаточно коротки, можно использовать модифицированную открывающую метку <DL COMPACT>. Например, вот такой фрагмент HTML-текста:
<DL COMPACT> <DT>А <DD>Первая буква алфавита <DT>Б <DD>Вторая буква алфавита <DT>В <DD>Третья буква алфавита </DL>
будет выведен на экран примерно так:
А
Первая буква алфавита
Б
Вторая буква алфавита
В
Третья буква алфавита
4.3. Meta-теги
Тег <META> вкладывается в тег <HEAD> и определяет метаинформацию, которая необходима браузеру для корректного интерпретирования WEB - странички. У этого тега отсутствует закрывающая часть и вся информация передается в его параметрах, которых всего три: CONTENT, HTTP-EQUIV, NAME.
CONTENT - является телом тега, он несет информативную нагрузку с помощью ключевых слов, которые позволяют ориентироваться при поиске информации на заданную тему. Кроме того этот тег может содержать имя автора и название приложения, в котором создана страница.
HTTP-EQUIV - определяет http-эквивалент к данному тегу.
NAME - тег аналогичен тегу HTTP-EQUIV с той лишь разницей, что он определяет эквивалент тегу не из области http - среды, а из общепринятых выражений.
Рассмотрим наиболее часто используемые варианты этого тега.
Пример:
<META HTTP-EQUIV = "CONTENT-TYPE" CONTENT = "TEXT/HTML; CHARSET=WINDOWS - 1251">.
Первый параметр HTTP-EQUIV="CONTENT-TYPE выбирает эквивалент из среды HTTP или, другими словами, тег <META> в нашем случае берет переменную из среды HTTP, указанную в параметре HTTP-EQUIV, и присваивает ей значение, указанное в параметре CONTENT.
Параметр CHARSET=WINDOWS-1251 принудительно переключает браузер в кодировку Windows -1251 (кириллица Windows).
Пример:
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
Переменная PRAGMA дает команду proxy-серверу не кэшировать данную страничку. Полезно вставлять такую команду в начальную страничку или в любую другую, которая содержит регулярно обновляемую информацию.
Следующий пример:
<meta name="Author" content="VIKTOR PETROV">
указывает автора этой страницы. Используется для статистики.
Еще один статистический пример:
<meta name="Generator" content="Notepad"> - указывает программу, в которой была разработана эта страничка.
Пример:
<meta http-equiv="Refresh" content="2; URL=http://viktor.al.ru">
Этот тег означает, что через 2 секунды после открытия документа браузер перейдет на страницу, указанную в URL.