|
Построение «Навигационного блока»
Вопрос «Построение «Навигационного блока» веб-страницы» разобьём на три мелких под вопроса.
|
- Первый подвопрос. Изготовление веб-страницы, на которую будем переходить.
|
|
- Второй подвопрос. Создание текстовых ссылок на веб-странице, с которой будем переходить.
|
|
- Третий подвопрос. Подключение гиперссылки к веб-странице.
|
1. Изготовление веб-страницы, на которую
будем переходить
Создаём веб-страницу «Луна, луна...», на которую будем переходить по ссылке и
заполняем её.
Как создать веб-страницу Вы знаете, мы уже описали и повторять нет смысла.
См. Созданную веб-страницу: Загадка Луны
2. Создание текстовых ссылок на
веб-странице, с которой будем переходить
1.) Мы решили, что у нас будет несколько страниц. Для открытия этих страниц
строим «Навигационный блок».
<![CDATA[ <! -- Навигационный блок (начало) -->
<TABLE border="1" cellPadding="10" cellSpacing="0" Width="100%">
<TR>
<TD Width="10">
</TD>
<TD Width="190">
</TD>
<TD>
</TD>
<TD Width="10">
</TD>
</TR>
</TABLE><! -- Навигационный блок (конец) -->]]>
Результат построения «Навигационного блока»:
Заполняем 2-ой столбец текстом для ссылок. 3-ий столбец заполняем текстом.
|
|
1. Загадка луны;
2. План Маршала.
|
Блог «Блоггера Васи» - это блог образец. По данному блогу
Вы можете создать самостоятельно свой блог и получить высокую
заслуженную оценку.
|
|
См. Промежуточный результат
3. Подключение гиперссылки к
веб-странице
Создадим переход из одной страницы на другую. Такие переходы называются
ссылками (гиперссылками). Роль перехода может выполнять, как текстовая
строка (текстовая ссылка),
так и картинка, кнопка, пиктограмма. Такую ссылку называют графической.
Переходы могут быть организованы, как на другую веб-страницу данного
блога/сайта. В другую точку веб-страницы, на которой находитесь. На любой
интернет ресурс.
Создание гиперссылок
<![CDATA[ <! -- Навигационный блок (начало) -->
<TABLE border="1" cellPadding="10" cellSpacing="0" Width="100%">
<TR>
<TD Width="10">
</TD>
<TD Width="190">
<p><font size="5" color="#000000">]]>
1. <A HREF="Имя_файла.htm#E9">Загадка Луны</A>;
<![CDATA[2. План Маршала
</TD>
<TD>
<p><img src="image\educ_25.gif" align="Left"><font size="5" color="#000000">
Блог «Блоггера Васи» - это блог образец. По данному блогу
Вы можете создать самостоятельно свой блог и получить высокую
заслуженную оценку.
</TD>
<TD Width="10">
</TD>
</TR>
</TABLE><! -- Навигационный блок (конец) -->]]>
Пояснение. 1.) Ссылка состоит из двух частей. Обе части
мы выделили коричневым цветом.
2.) Перед текстом ссылки: Загадка Луны пишем открывающийся дескриптор
<A>.
После текста ссылки: Загадка Луны пишем закрывающийся дескриптор </A>.
Результат. Текст ссылки: Загадка луны будет подчёркнут и, как правило, выделен
голубым цветом, и, что важно. На гиперссылке указатель мыши принимает вид пальца.
Нажав левую клавишу мыши Вы открываете другую веб-страницу или переходите в другую
точку данной веб-страницы.
Пример написания:
<A HREF="Имя_файла.htm#E9" title="Текст" target="Параметр">Текст ссылки</A>
где:
1. <A> - открывающийся дескриптор;
2. HREF="Имя_файла ...". В кавычках указывают адрес веб-страницы. При указании адреса
руководствуются следующим правилом.
Если веб-страница Вашего сайта, то указывают страницу без домена.
Пример. HREF="youn_trnad_color.htm";
Если нужно перейти на веб-страницу чужого сайта, то указывают полный адрес
веб-страницы, на которую будет сделан переход;
Пример. HREF="http://www.domnomglogomir.hop.ru/youn_trnad_color.htm".
3. title="Текст" - Атрибут title предоставляет дополнительную информацию об элементе,
в котором он содержится. При наведении курсора мыши появляется всплывающаяся
подсказка с текстом указаном в параметре.
Пример: <а href="www.souyite.com" title="Интересный
сайт">
4. target="Параметр" - имя окна или фрейма, где будет открыта веб-страница, которая
указана в href="Путь_к_файлу".
"Параметр" может принимать только значения: _blank, _parent, _top, _self.
|
|
_blank
|
- открывает веб-страницу в новом окне.
|
|
|
_parent
|
- открывает веб-страницу во фрейме-родителе. Если такого нет, то
откроется в текущем окне.
|
|
|
_top
|
- отменяет все фреймы и загружает веб-страницу в полном окне браузера,
если фремов нет, откроет в текущем окне .
|
|
|
_self
|
- открывает веб-страницу в текущем окне (по умолчанию).
|
5. </A> - закрывающийся дескриптор.
См. Созданную ссылку
|