- •Содержание
- •Введение Цели и задачи методических указаний.
- •Методические указания по выполнению и оформлению контрольной работы
- •Перечень задач для контрольных работ
- •Распределение заданий для выполнения контрольной работы
- •Распределение заданий для выполнения контрольной работы
- •Рекомендации по изучению тем, по которым составлены контрольные работы
- •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.1.2. Заголовки и абзацы
Язык HTML поддерживает шесть уровней внутренних заголовков документа. Они помечаются тегами от <Н1> и </Н1> до <H6> и <H6>. При этом заголовки будут выведены большими буквами, причем размер букв у тега <H1> будет самый большой, у <H2> меньше, у <H3> еще меньше и т.д.
Для обозначения обычных абзацев в языке HTML используется теги <P> и </P>.
Комментарии: браузеры игнорируют любой текст, помещенный между символами <!-- и -->. Это удобно для размещения комментариев.
<!-- Это комментарий -->
<COMMENT>Это тоже комментарий</COMMENT>
Теги <H1> и <P> могут содержать дополнительный атрибут ALIGN - выравнивание, например:
<Н1 ALIGN=CENTER> Привет - это моя первая страница!</H1> - располагает заголовок по центру;
<P ALIGN=LEFT> Это простейший пример создания странички </P> - располагает абзац по левому краю;
<P ALIGN=RIGHT> Это простейший пример создания странички </P> - располагает абзац по правому краю.
Задание №1. Создание простейшей страницы
Для создания простейшей Web-страницы выполните следующие действия:
- загрузите программу Блокнот.
- введите содержание документа.
<HTML>
<HEAD>
<TITLE>
Институт МИПП - группа 109
</TITLE>
</HEAD>
<BODY>
<H1> Прекрасно! Это моя первая WEB-страница! </Н1>
<!-- Это заголовок первого уровня -->
<COMMENT>Это тоже комментарий</COMMENT>
<P>
Я усердно изучаю построение WEB-страниц - это 1 абзац
</P>
</BODY>
</HTML>
Сохраните созданный документ под именем Пример1 с расширением *.htm на диске в своей папке.
Закройте программу Блокнот.
Загрузите созданную Web - страницу: двойной щелчок по имени файла Пример1.htm
или
Загрузить программу Explorer —> Файл —> Открыть -> указать имя файла Пример1.htm.
4.1.3. Бегущая строка
Бегущая строка в тексте документа является одним из легких способов оживить Web-страницу. Бегущие объекты всегда привлекают внимание, и пользователь обязательно прочитает написанное. Бегущая строка создаётся с помощью тегов <marquee>...</marquee> со следующими атрибутами:
width="..." - ширина бегущей строки в пикселях или процентах от ширины экрана;
height="..." - высота бегущей строки в пикселях или процентах. Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв;
bgcolor="..." - определяет цвет фона бегущей строки;
behavior="..." задает тип движения (поведение) бегущей строки и имеет следующие значения:
scroll - циклическая прокрутка текста из одного конца в другой;
slide - текст появляется с одного края и останавливается у другого;
alternate - текст перемещается от одного края к другому и обратно;
direction="..." - определяет направление движения бегущей строки. Имеет следующие значения:
left - текст движется влево по строке;
right - текст движется вправо по строке;
up - вся строка перемещается снизу вверх;
down - строка движется сверху вниз;
scrollamount="..." - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например: scrollamount="1" ;
scrolldelay="..." - этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например: scrolldelay="100";
loop="..." - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз;
hspace="..." - этот атрибут задает поле в пикселах справа и слева от бегущей строки. Например: hspace="10";
vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже бегущей строки. Например: hspace="0" .
Ниже приведен пример кода для бегущей строки размером 50 пикселей в высоту и 250 пикселей в ширину. Определена бесконечная прокрутка текста, текст перемещается слева направо и имеет ярко-голубом фоне.
<marquee loop="infinite" behavior="alternate"
bgcolor="aqua" direction="right" height="50" width="250">
Страничка Светы Ивановой
</marquee>