- •Содержание
- •Введение Цели и задачи методических указаний.
- •Методические указания по выполнению и оформлению контрольной работы
- •Перечень задач для контрольных работ
- •Распределение заданий для выполнения контрольной работы
- •Распределение заданий для выполнения контрольной работы
- •Рекомендации по изучению тем, по которым составлены контрольные работы
- •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. Формы
- •Начало формы
- •Конец формы Вопросы, выносимые на экзамен
- •Литература
- •Методические указания по выполнению и оформлению контрольной работы.
4.2.2. Стили форматирования.
Различают физические и логические стили форматирования текста.
Под физическом стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. Например, все, что находится между метками <B> и </B>, будет написано жирным шрифтом. Текст между метками <I> и </I> будет написан наклонным шрифтом.
Несколько особняком стоит пара меток <TT> и </TT>. Текст, размещенный между этими метками, будет написан шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа.
Логические стили. При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по-разному. Некоторые браузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.
<EM> ... </EM>
От английского emphasis — акцент.
<STRONG> ... </STRONG>
От английского strong emphasis — сильный акцент.
<CODE> ... </CODE>
Рекомендуется использовать для фрагментов исходных текстов.
<SAMP> ... </SAMP>
От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами.
<KBD> ... </KBD>
От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры.
<VAR> ... </VAR>
От английского variable — переменная. Рекомендуется использовать для написания имен переменных.
Задание 3. Разметка внутри абзаца
Отредактируйте созданную страницу
Загрузите программу Блокнот.
Откройте файл Пример1.htm для редактирования.
Вставьте дополнительный абзац - стихотворение и отделите абзац горизонтальными линиями:
<HTML>
<HEAD>
<TITLE>
Институт МИПП - группа 109
</TITLE>
</HEAD>
<BODY>
<marquee loop="infinite" behavior="alternate"
bgcolor="aqua" direction="left" height="30" width="550">
Страничка Светы Ивановой
</marquee>
<H1 ALIGN=CENTER>
Прекрасно! Это моя первая Web-страница!
</Н1>
<P ALIGN= RIGHT>
Я усердно изучаю построение WEB-страниц: - это первый абзац
</P>
<P>
<HR SIZE=2 WIDTH=80%>
Какое низкое коварство полуживого забавлять,<BR>
Ему подушку поправлять,<BR>
Вздыхать и думать про себя,<BR>
Когда же черт возьмет тебя!<BR>
<HR SIZE=4 WIDTH =100%>
</P>
</BODY>
</HTML>
Сохраните изменение документа под тем же именем, просмотрите созданную страницу.
4.2.3. Создание списков
При создании WEB - страниц используются три вида списка: упорядоченные (нумерованные), неупорядоченные (ненумерованные) и списки определений.
Можно создавать вложенные списки, используя различные теги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тегов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от броузера.
Теги <OL> и </OL> - создают упорядоченный список.
Теги <UL> и </UL > - создают неупорядоченный список.
Тег <LI> - предназначен для расположения элементов списка.
Теги <OL>, <UL>, <LI> могут содержать атрибут TYPE=, значение которого указывает на способ пометки элементов списка.
Упорядоченные списки можно нумеровать арабскими цифрами, римскими цифрами, латинскими буквами.
Неупорядоченные списки помечаются маркерами в виде черного кружка (по умолчанию), белого кружка или квадратика.
Вложенные списки. Списки могут быть произвольно вложены, хотя разумнее было бы практически ограничиться тремя уровнями вложенных списков.
Приведем пример вложенных списков:
<UL>
<LI> Крупные города России:
<UL>
<LI> Москва
<LI> Тула
<LI> Санкт-Петербург
</UL>
<LI> Крупные города Украины:
<UL>
<LI> Киев
<LI> Харьков
<LI> Одесса
</UL>
</UL>