Создать страницу, в которой будет ссылка на HTML-файл произвольного содержания.
<html>
<head>
<title>Проект</title>
</head>
<body bgcolor=”#000000” text==”#FFFFFF” >
<h1 align="center">Технологический процесс работы участковой станции</h1>
<h2 align=left>Содержание</h2>
<ul>
<li><a href="2.htm"><h3 align="left">Пояснительная записка</h3>
<li><a href="3.htm"><h3 align=" left ">Графическая часть</h3>
</ul>
<a href="2.htm"><img src="image001.jpg"></a>
<marquee bgcolor="#FFFFFF" direction="right" loop="5" > Российская железная дорога
</marquee>
</body>
</html>
Задание № 5.2
Страница 2. Сохранить с именем 2.htm.
1. Создать Web-страницу с текстом (между body) «Технологический процесс работы участковой станции», взятом из папки «Рисунки и текст для сайта» и оформить по следующей схеме
Заголовок
Первый абзац
Второй абзац
Примечание:
Абзацы определяются тегом
<P> ……….</P>
Картинки внедрять по логическому месту
2. Задать цветовой фон Web-странице и шрифту.
Задайте по умолчанию следующие параметры для всех страниц (переопределив, тег <body>):
- цвет фона
- размер шрифта
- цвет шрифта
- семейство шрифта (например, Arial).
-
<html>
<head>
<title>ПЗ</title>
</head>
<body>
<h1>Пояснительная записка</h1>
<p>Текст пояснительной записки……</p</body>
</html>
Страница 3. Сохранить с именем 3.htm.
Определить самостоятельно что должно входить в графическую часть курсового проекта (рисунки помещаются в папку «иллюстрации»)
<html>
<head>
<title> Графическая часть</title>
</head>
<body bgcolor="blue">
<h1 align="center"> Графическая часть </h1>
<div align="center">
<br>
<br><img src="1.gif" >
<br><img src="2.gif" >
<br><img src="3.gif" >
---------- ------ ------ (рис.)
---------- ------ ------ (рис.)
</div>
</body>
</html>
Задание № 5.3
Пусть в нашем проекте при щелчке мышью по маленькому рисунку, вызывается ее крупная фотография (находится в этой же папке сайта).
Такой прием часто используют, для снижения времени загрузки страницы. Посетитель увидит уменьшенные копии рисунков, а при желании, сможет загрузить полномасштабное изображение. Дополним нашу страничку, введем текст в пустую строку в файл index1.htm.
< A HREF="carsk.jpg"><IMG SRC="carsk.gif" HEIGHT="75"></A>
Создание гиперссылочной навигации (кнопок, картинок или надписей)
внутри Web-страниц
Создание ссылки на объект и закладок той же страницы. Чтобы построить ссылку на область внутри текущей страницы, первым делом следует дать такой области подходящее название. С этой целью применяется дескриптор <A> с атрибутом NAME. Имя должно содержать только буквы и/или цифры.
Теперь, когда область страницы поименована, на нее можно ссылаться как обычно, с помощью дескриптора <A> и атрибута HREF. Когда пользователь выбирает подобную гиперссылку в окне браузера, на экране воспроизводится требуемая часть web-страницы.
При создании нескольких гиперссылок внутри страницы не забывайте снабжать соответствующие разделы документа уникальными именами.
Гиперссылка внутри одного файла.
Для задания гипертекстового перехода внутри документа используют два тега <A>.
- Первая команда с атрибутом href является источником перехода, а вторая с атрибутом name – приемником:
<A href=#метка> текст или рисунок </A> Задание перехода по метке (закладке) На экран выводится ссылка.
<A name=метка></A> Метка. Сюда браузер переходит по ссылке. На экране ничего не отображается.
Метка – набор символов (латинских букв и (или) цифр).
Рисунок как гиперссылка:
<A href=имя_файла1> <IMG src=имя_файла height=число> </A>
Текст как гиперссылка:
<A href=имя_файла> текст </A>
1. Щелкните непосредственно перед началом области, на которую необходимо ссылаться (создание закладки).
2. Введите <A NAME=”?”>, заменяя? строкой, содержащей наименование раздела страницы. Имя должно состоять из букв и/или цифровых символов.
3. Наберите </A>, чтобы завершить конструкцию имени раздела страницы, служащего объектом гиперссылки.
Задание № 5.4
Создание закладок (меток) и гиперссылки, указывающей на область web- страницы созданного сайта 1. Щелкните непосредственно перед фрагментом текста или дескриптором графического изображения, которые должны выполнять функцию гиперссылки, указывающей на поименованную ранее область страницы (вставка закладок).
1 Наберите <A HREF=”?”>, заменяя? строкой имени, введенного при выполнении п.2 инструкции.
2 Введите </A> непосредственно после выбранного фрагмента текста или дескриптора изображения.
3 Щелкните на тексте гиперссылки, чтобы перейти к указанной области web-страницы.
Во многих случаях полезно строить гиперссылки в конце каждого раздела обширной web-страницы, указывающие на ее начало. В таком случае пользователь получит дополнительное удобное средство навигации.
Например,
<A NAME=”top”> Оглавление</A>
<A HREF=#top>Вернуться к началу</A>
СПРАВОЧНОЕ ПРИЛОЖЕНИЕ по HTML
Основные теги
<html> </html> Указывает программе просмотра страниц, что это HTML документ.
<head> </head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body> </body> Определяет видимую часть документа
Теги оглавления
<title> </title> Помещает название документа в оглавление программы просмотра страниц