- •Введение
- •1. Цель работы
- •2. Порядок выполнения работы
- •3. Теоретические положения
- •3.1. Создание страницы html
- •3.2 Редактирование страницы html
- •4. Практические задания Задание 1. Создание простейшей Web-страницы.
- •Задание 2. Изучение приемов форматирования абзацев.
- •Задание 3. Создание гиперссылок.
- •Задание 4. Создание изображения и использование его на Web-странице.
- •Задание 5. Приемы форматирования текста.
- •Задание 6. Приемы создания списков.
- •Задание 7. Создание таблиц.
- •Задание 8. Создание описания фреймов.
- •4. Содержание отчета
- •5. Контрольные вопросы
- •6. Список рекомендуемой литературы
- •Приложение
4. Содержание отчета
-
Название, цель и задачи работы;
-
Теоретические сведения;
-
Последовательность выполнения задания;
-
Ответы на 3-4 вопроса из пункта 5 по указанию преподавателя.
5. Контрольные вопросы
1. Для каких целей создаются документы HTML?
2. Что такое теги?
3. Какую структуру должен иметь документ HTML?
4. Как перейти на новую строку в пределах абзаца?
5. Как добавить гиперссылку в документ HTML?
6. Как в документ HTML вставить рисунок?
7. Как создать таблицу?
8. Что такое фреймы?
6. Список рекомендуемой литературы
1. С.В. Симонович, Г.А. Евсеев, В.И. Мураховский, С.И. Бобровский. Информатика: базовый курс. / С.В.Симонович. – СПб: Издательство «Питер», 2004.
2. Новиков Ю., Новиков Д., Черепанов А., Чуркин В. Компьютеры, сети, интернет: энциклопедия / Ю.Н. Новиков. -2-е изд. - М.: Питер, 2003.
3. Фигурнов В.Э. IBM PC для пользователя: Крат. курс. / Фигурнов В.Э. - М.: ИНФРА-М, 2004.
4. Технологии Интернет-программирования: Практ. руководство.-СПб.: BHV-Петербург, 2001.
5. Щипин Ю.К. и др. Информатика для гуманитарных вузов: Учеб. пособие для вузов / Щипин Ю.К., Телепин А.М., Колков С.В. - М. ; Ростов н/д : Моск. гуманитарный ун-т : Феникс, 2004.
Приложение
Таблица 1
|
Теги, параметры, значения параметров |
Назначение |
|
1 |
2 |
|
<A HREF=”адрес”> Текст гиперссылки </A> |
Вставка гиперссылки |
|
<B> и </B> |
Начало и конец текста, выделенного полужирным шрифтом |
|
<BASEFONT> |
Установление стандартного размера шрифта, гарнитуры и цвета текста во всем документе |
|
<BODY BACKGROUND= “имя_файла”> |
Вставка фоновых обоев из файла |
|
<BODY> и </BODY> |
Начало и конец тела HTML-документа |
|
<BR> |
Переход на новую строку в пределах одного абзаца |
|
<CAPTION> и </CAPTION> |
Начало и конец заголовка таблицы |
|
<FONT> и </FONT> |
Начало и конец текста, параметры которого отличаются от заданных по умолчанию |
|
<FRAME SRC= ”имя_файла”> и </FRAME> |
Начало и конец описания отдельного подокна (фрейма) |
|
<FRAMESET ROWS > |
Определяет горизонтальные подокна |
|
<FRAMESET COLS > |
Определяет вертикальные подокна |
|
<FRAMESET> и </FRAMESET> |
Начало и конец создания подокна |
|
от <H1> … </H1> до <H6> … </H6> |
Заголовки 6-ти уровней |
|
<HEAD> и </HEAD> |
Начало и конец раздела заголовков |
|
<HR> |
Горизонтальная линия, ограничитель абзацев |
|
<HTML> и </HTML> |
Начало и конец документа HTML |
|
<I> и </I> |
Начало и конец текста, выделенного курсивом |
|
<IMG SRC =”имя_файла> |
Вставка рисунка из другого файла |
|
<MARQUEE> и </MARQUEE> |
Начало и конец бегущей строки |
|
<META> (входит в раздел HEAD) |
Позволяет определить внешнюю информацию, расположенную вне HTML |
|
<OL> и </OL> |
Начало и конец нумерованного списка |
|
<P> и </P> |
Начало и конец абзаца |
|
<PRE> и <PRE> |
Начало и конец отформатированного текста |
|
<TABLE> и</TABLE> |
Начало и конец таблицы |
|
<TD> и </TD> |
Начало и конец ячейки таблицы в строке |
|
<TH> и </TH> |
Начало и конец в заголовка столбца или строки таблицы |
|
<TITLE> и </TITLE> (входят в раздел HEAD) |
Начало и конец названия web-страницы |
|
<TR> и </TR> |
Начало и конец строки таблицы |
|
<U> и </U> |
Начало и конец текста, выделенного подчеркиванием |
|
ALIGN |
Выравнивание |
|
ALIGN= bottom |
Выравнивание по нижней границе |
|
ALIGN= LEFT |
Выравнивание по левому краю |
|
ALIGN= middle |
Выравнивание по середине |
|
ALIGN=CENTER |
Выравнивание по центру |
|
ALIGN= RIGHT |
Выравнивание по правому краю |
|
ALIGN= top |
Выравнивание по верхней границе |
|
АLINK |
Цвет активной гипертекстовой связи |
|
ALT=²текст² |
Альтернативный текст |
|
BGCOLOR |
Цвет фона |
|
BORDER |
Ширина бордюра таблицы |
|
COLSPAN=х |
Объединение ячеек х столбцов |
|
COLOR |
Цвет. Значением может быть текст (например, BGCOLOR=”YELLOW”) или шестнадцатеричное число имеющее следующую структуру: RED-GREEEN-BLUE или RGB (красный-зеленый-синий). На каждый цвет отводится 256 значений, обозначающих присутствие того или иного компонента в результирующем цвете. Например, максимум красного - “#FF0000”. |
|
DIRECTION=left |
Направление движения бегущей строки справа налево |
|
DIRECTION=right |
Направление движения бегущей строки слева направо |
|
FACE |
Название шрифта |
|
HEIGHT |
Высота |
|
LINK |
Цвет гипертекстовой связи |
|
LOOP=n |
Число повторений циклов движения бегущей строки |
|
ROWSPAN=х |
Объединение ячеек х строк |
|
SCROLL |
Стандартное движение бегущей строки от правого края экрана к левому. Бесконечный цикл |
|
SCROLLING=auto |
Вывод на экран полос прокрутки только в случае необходимости |
|
SCROLLING=no |
Запрещение вывода на экран полос прокрутки |
|
SCROLLING=yes |
Постоянный вывод полос прокрутки |
|
SIZE |
Размер |
|
SLIDE |
Движение бегущей строки от правого края экрана к левому. Надпись останавливается у левого края экрана. |
|
TARGET |
Загрузка ссылки |
|
ТЕХТ |
Цвет текста |
|
VALIGN |
Вертикальное выравнивание внутри строки таблицы |
|
VLINK |
Цвет уже посещенной гипертекстовой связи |
|
WIDTH |
Ширина |