- •Содержание
- •Введение Цели и задачи методических указаний.
- •Методические указания по выполнению и оформлению контрольной работы
- •Перечень задач для контрольных работ
- •Распределение заданий для выполнения контрольной работы
- •Распределение заданий для выполнения контрольной работы
- •Рекомендации по изучению тем, по которым составлены контрольные работы
- •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. Формы
- •Начало формы
- •Конец формы Вопросы, выносимые на экзамен
- •Литература
- •Методические указания по выполнению и оформлению контрольной работы.
Задание 2. Установка дополнительного атрибута align
для меток <Н> и <P>
Отредактируйте созданную ранее страницу:
- загрузите программу Блокнот;
- откройте файл Пример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-страниц - это 1 абзац
</P>
</BODY>
</HTML>
Сохраните изменение документа под тем же именем.
Просмотрите созданную страницу.
4.2. Разметка внутри текста
4.2.1. Форматирование текста
Тег <BR> используется, если необходимо перейти на новую строку, не прерывая абзаца, что бывает нужно при публикации стихов.
Тег <HR> описывает, горизонтальную линию и имеет атрибуты:
<HR SIZE=4> - определяет ширину линии в пикселях;
<HR WIDTH=50%> - определяет линию в процентах от ширины экрана.
Теги <BR> и <HR> не парные.
Теги <FONT> и </FONT > устанавливают размер, цвет и начертания шрифта текста и имеют атрибуты: SIZE, COLOR, FACE.
Атрибут SIZE= - задает абсолютный размер шрифта. Предполагается, что возможны семь заранее заданных размеров шрифта (1 до 7). Эти размеры не соответствуют, каким либо размерам - чем больше значение, тем крупнее шрифт. По умолчанию используется SIZE= 3.
Атрибут COLOR= - задает цвет шрифта, который может быть задан либо ключевым словом (например, RED - красный), либо шестнадцатеричным значением в системе RGB (например, #FFOOOO - это тоже красный цвет).
Атрибут FACE= - задает тип шрифта. Значением этого атрибута должно быть название одного из шрифтов, установленных на компьютере.
Специальные символы <, >, & и " имеют в HTML особое значение, как символы форматирования. Но иногда нам необходимо использовать их в тексте по своему прямому назначению. Для их введения в текст, необходимо использовать:
<
- левая скобка <
>
- правая скобка >
&
- &
"
- "
ЗАМЕЧАНИЕ: специальные символы чувствительны к регистру: нельзя использовать < вместо <.
К другим парным тегам форматирования символов текста относятся следующие:
<strong> - идентификатор выделенного шрифта.
<tt> - идентификатор равноширинного шрифта (телетайпного или курьера).
<big> - задает увеличенный размер шрифта.
<small> - задает уменьшенный размер шрифта.
<center> - задает центрирование текста.
<sub> - задает нижний индекс. Пример:
x<sub>1</sub>+x<sub>2</sub>=x<sub>3</sub>
<sup> - задает верхний индекс. Пример:
Теорема Пифагора a<sup>2</sup>+b<sup>2</sup>=c<sup>2
Рассмотрим теги форматирования абзацев:
<p align=left> - выравнивание текста в абзаце по левому краю (align - атрибут выравнивания).
<p align=right> - выравнивание текста в абзаце по правому краю.
<p align=center> - выравнивание текста в абзаце по центру.
<p align=justify> - полное выравнивание по обоим краям экрана.
Вот несколько практических советов по эффективному использованию тегов форматирования:
Старайтесь, чтобы абзацы отстояли друг от друга на одинаковое расстояние, иначе вас могут принять за не очень аккуратного человека.
Правильно выбирайте размер отступа. Чем крупнее шрифт, тем больше отступ, и наоборот.
Если вы пользуетесь тегом <NOBR>, не забывайте и о теге <WBR>. Первый тег запрещает перевод строки, второй же предлагает браузеру альтернативное место перевода строки, если в этом все же возникнет необходимость.
Если вы используете горизонтальные линии для разделения страницы на части, следите за тем, чтобы это было логически обосновано.
Включая в документ графические вставки и таблицы, следите за тем, чтобы вокруг них оставалось достаточно свободного места.
Используйте заголовки различных уровней. Они позволят читателю без труда найти интересующую его информацию.