ЛАБОРАТОРНАЯ РАБОТА №4 Тема: Проектирование Web-страницы

реклама
ЛАБОРАТОРНАЯ РАБОТА №4
Тема: Проектирование Web-страницы
Web-документы, представляемые в Интернете, размещаются на
так называемых web-серверах. Web-сервер - это постоянно запущенная
программа, ожидающая запроса от просмотрщика. Обычно она
устанавливается на мощном сетевом компьютере, способном
обрабатывать большой поток обращений.
Но для проектирования Web-страницы не обязательно иметь в
своем распоряжении web-сервер. Достаточно иметь обычный
компьютер, желательно снабженный web-браузером, таким, как,
например, Internet Explorer.
Файловая система на web-сервере (т.е. файлы, каталоги и
вложенные каталоги) называется web-сайтом (web site). Для
проектирования web-страницы нужно создать у себя на компьютере
такую же файловую систему, как и на web-сервере. При этом ссылка на
файл, находящийся в каталоге уровнем выше осуществляется
следующим образом:
../<папка>/<файл>.
Документ пишется на языке HTML. Файлы, доступные для
просмотра с помощью браузера, должны иметь расширение .html или
.htm.
1. С помощью поискового сервера найдите руководство по HTML
http://werbach.com/barebones/ или какое-либо другое аналогичное.
2. Откройте стандартную программу "Блокнот" операционной системы
MS Windows и наберите в ней следующий текст.
<html> <title> FIRST PAGE </title> </html>
3. Сохраните этот текст в виде файла index.htm
4. Вызовите браузер Internet Explorer и в окне URL наберите полный
путь к файлу index.htm
5. Просмотрите полученный файл
6. Вновь с помощью блокнота откройте файл index.htm и дополните его
тегами следующего вида:
После тега </title>
<body> My First Web-site
<img src="myPhoto.jpg"
</body>
7. Просмотрите браузером полученный файл, предварительно сохранив
его
8. Откройте с помощью браузера web-страницу сервера meu.rsuh.ru.
(Рекомендуется открыть страницу преподавателя).
9. Просмотрите ее в формате HTML (меню Вид - HTML)
10. Сохраните эту страницу в "блокноте" на собственном компьютере.
11. Проанализируйте построение этой страницы.
Основные теги языка HTML, которые рекомендуется использовать
при проектировании web-страницы.
<HTML></HTML> Начало и конец файла
<TITLE></TITLE> Имя документа (в поле заголовка браузера)
<HEAD></HEAD> Заголовок
<BODY></BODY> Содержимое web-страницы
<H></H> Заглавие
<B></B> Жирный шрифт
<I></I> Курсив
<FONT SIZE=?></FONT> Размер шрифта (от 1 до 7)
<FONT COLOR=#$$$$$$></FONT> Цвет шрифта
<A HREF="URL"></A> Ссылка
<IMG SRC="URL"> Картинка (графическое изображение)
<IMG
SRC="URL"
ALIGN
TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
Выравнивание картинки
<IMG SRC="URL" ALT="***"> Альтернатива изображению (если картинка
не отображается)
<IMG SRC="URL" WIDTH=? HEIGHT=?> Размеры в точках
<P></P> Параграф (абзац)
<P ALIGN=LEFT|CENTER|RIGHT></P> выравнивание абзаца
<BR> Новая строка (одиночный перевод строки)
<BODY BACKGROUND="URL"> Фоновая картинка
<BODY BGCOLOR="#$$$$$$"> Цвет фона (порядок: красный-зеленый
синий)
<BODY TEXT="#$$$$$$"> Цвет текста
<TABLE></TABLE> Определить таблицу
<TABLE CELLSPACING=?> Расстояние между ячейками
<TABLE WIDTH=?> Ширина таблицы (в точках)
<TABLE WIDTH="%"> Ширина в процентах от ширины страницы
<TR></TR> Строка таблицы
<TD></TD> Ячейка таблицы, д.б. внутри строки
<CAPTION></CAPTION> Заголовок таблицы
<CAPTION ALIGN=TOP|BOTTOM> Заголовок сверху/внизу таблицы
<!-- *** --> Комментарий, игнорируется браузером
Скачать