|
ЦЕЛЬ: Создать с помощью редактора Блокнот файл HTML-страницы.
1. Создать на компьютере текстовый документ. (Блокнот)
(пуск - программы - стандартные - блокнот)
2. Вставить необходимые теги HTML и наполнить страницу.
<HTML>
<HEAD>
<TITLE> Заголовок документа
придуманный вами </TITLE>
</HEAD>
<BODY>
<BODY BGCOLOR="#red">-
использование цвета для фона
<BODY BACKGROUND="picture.gif"> использование
картинок для фона
Здесь должен быть текст документа
<img src="название файла.jpeg">
<H1> Заголовок абзаца первого
уровня</H1>
<p> абзац текста </p>
<br> (разрыв строки)
<a href="mailto:pochta@mail.ru">
Пишите мне на pochta@mail.ru </a>
<A HREF="URL">
текст-который-будет-подсвечен-как-ссылка
</A>
</BODY>
</HTML>
Требования к заданию:
Страница должна содержать:
o текст,
o фон
o графику,
o гиперссылки на ваш е-mail и сайт МИИГаиК для обеспечения
навигации
Примечания:
" Между <TITLE> </TITLE> вставляем заголовок
" между тегами <BODY> и </BODY> находится
само содержание документа. Сюда вставляется тег параграфа.
А между тегами<p> </p> напишем сам текст.
" <P> ……</P> Абзац
" <H1>……… </H1> вставляем Заголовок абзаца
первого уровня
" <br> (разрыв строки)
" <img src="название
файла.jpeg"> вставка рисунка
" Ссылка на ваш почтовый ящик: <a href="mailto:pochta@mail.ru">
pochta@mail.ru </a>
" <A HREF="URL">описание ссылки</A>
ссылка на web-ресурс
3 Сохранить этот документ, присвоив ему имя *.html
Примечание -
Если вы сохраняете документ, через Файл -> Сохранить
(File -> Save), то, естественно, что он сохраняется как
*.txt.
Надо сохранять ваш документ следующим образом:
- Файл -> Сохранить Как (File -> Save as)
- Дальше вводите имя своего документа, например: index.html
(а не просто index; приписочка *.html должна быть обязательно).
- Если вы уже сохранили ваш документ, как *.html, то при
внесении изменений в этот документ вы можете уже сохранять
их через Файл -> Сохранить (File -> Save).
4. При преобразовании документов в формат HTML
все ваши файлы должны сохраняться в одной общей папке. При
этом там же будет сохранена и вся графика вашей страницы.
5 Продемонстрируйте на уроке преподавателю содержание страницы
и в тестовом режиме с помощью браузера HTML-документы.
|
