ссылки на портал www.yandex.ru нужно вводить адрес так: http://www.yandex.ru.

В поле

Описание
при необходимости можно указать текст всплывающей подсказки, которая будет отображаться при подведении указателя мыши к ссылке на веб- странице. Отметим, что данный параметр не является обязательным для заполнения: он нужен лишь тогда, когда гиперссылка требует дополнительных пояснений.

В поле

Открывать как
из раскрывающегося списка выбирается способ открытия гиперссылки. Возможен выбор одного из трех вариантов –
По умолчанию
,
В новом окне
или
На все окно
.

Завершается процесс формирования и вставки гиперссылки нажатием в данном окне кнопки

Добавить
. С помощью кнопки
Отмена
осуществляется выход из данного режима без вставки гиперссылки.

В листинге 5.8 представлен исходный код созданной нами ране веб-страницы, в которую вставлена гиперссылка в соответствии с настройками, представленными на рис. 6.12. В данном случае ссылкой являются слова

лидирующие позиции
.

Листинг 5.8.
Вставка гиперссылки на внешний ресурс

<html>

<head><title>Сведения о компании</title></head>

<body>

<h1>Добро пожаловать</h1>

<b>Наша компания была создана в 2005 году.</b><br>

<img src='Образец.jpg' width='320' height='240' border=10 alt='Извините, изображение не может быть показано'><br>

За прошедшее время мы сумели занять <a href='http://www.yandex.ru' target='_blank' title='Подробности'>лидирующие позиции</a> на рынке и завоевать немало постоянных клиентов.<br>

Наша прибыль постоянно растет, и мы задумываемся о расширении.<br>

<i>Будем рады видеть вас в числе наших клиентов!</i><br>

</body>

</html>

После сохранения внесенных изменений наша страница в окне Интернет-обозревателя будет выглядеть так, как показано на рис. 6.12.

Рис. 6.12.
Страница с гиперссылкой

Как видно на рисунке, гиперссылкой в данном случае является словосочетание

лидирующие позиции
, и эта ссылка ведет на портал www.yandex.ru (информация об этом отображается в строке состояния Интернет-обозревателя). Если подвести указатель мыши к гиперссылке, то отобразится всплывающая подсказка со словом
Подробности
.

Представление данных в табличном виде

Как мы уже неоднократно отмечали ранее, представление данных в табличном виде имеет немало преимуществ: наглядность, компактность, эргономичность, хорошая восприимчивость информации, и др. В данном разделе мы рассмотрим, как осуществляется формирование и вставка таблиц в веб-документ средствами программы Extra Hide Studio.

Здесь мы продолжим работу с той же веб-страницей, на примере которой работали и ранее. Таблицу, состоящую из трех строк и четырех столбцов, мы поместим между двумя последними фразами текстовой части контента.

Для построения таблиц в программе предназначены инструменты, которые находятся на вкладке

Таблицы
. Содержимое данной вкладки показано на рис. 6.13.

Рис. 6.13.
Инструменты, предназначенные для формирования и вставки таблиц

Как видно на рисунке, данная вкладка содержит четыре кнопки. С помощью кнопки

Таблица
в исходный код текущей страницы вставляется фрагмент, позволяющий идентифицировать таблицу и задать ее основные параметры:
<table border='« cellpadding=»' cellspacing='« bordercolor=»' bgcolor=''></table>
. Теги
<table> </table>
идентифицируют таблицу, а с помощью атрибутов можно задать толщину рамки таблицы, расстояние от содержимого ячеек до их границ, а также цветовое оформление таблицы.

Кнопки

Строка
и
Столбец
предназначены для добавления в таблицу соответственно строк и столбцов. С помощью этих кнопок в исходный код вставляются теги
<tr> </tr>
и
<td> </td>
.

Однако формирование таблиц с помощью кнопок

Таблица
,
Строка
и
Столбец
– это, можно сказать, наполовину ручной способ, поскольку многие параметры придется задавать вручную. Намного удобнее воспользоваться режимом автоматического формирования таблиц, который вызывается с помощью кнопки
Мастер
или команды главного меню
Утилиты >
Мастер создания таблиц
. Окно Мастера, которое отображается на экране при активизации данной команды, представлено на рис. 6.14.

Рис. 6.14.
Создание таблицы в автоматическом режиме

В данном окне в поле

Число столбцов
с клавиатуры либо с помощью кнопок счетчика вводится количество столбцов создаваемой таблицы. В поле
Число строк
аналогичным образом задается число строк. С помощью кнопок
Цвет фона
и
Цвет обрамления
можно задать соответственно цвет фона таблицы, и цвет ее рамки. Толщина рамки выбирается из раскрывающегося списка в поле
Толщина обрамления
(диапазон возможных значений – от
0
до
15
), это значение выражается в пикселях. Очевидно, что использование параметра
Цвет обрамления
имеет смысл только в том случае, если в таблице планируется использовать рамку (то есть если в поле
Толщина обрамления
указано любое значение, кроме
0
).

Завершается процесс формирования таблицы нажатием в данном окне кнопки

Создать
. С помощью кнопки
Отмена
осуществляется выход из данного режима без сохранения выполненных изменений. Напомним, что код таблицы будет вставлен в то место исходного кода веб-страницы, в котором находится курсор.

В листинге 5.9 представлен код нашей веб-страницы, в которую вставлен код таблицы в соответствии с настройками, изображенными на рис. 6.14.

Листинг 5.9.
Исходный код страницы после автоматической вставки таблицы

<html>

<head><title>Сведения о компании</title></head>

<body>

<h1>Добро пожаловать</h1>

<b>Наша компания была создана в 2005 году.</b><br>

<img src='Образец.jpg' width='320' height='240' border=10 alt='Извините, изображение не может быть показано'><br>

Добавить отзыв
ВСЕ ОТЗЫВЫ О КНИГЕ В ИЗБРАННОЕ

0

Вы можете отметить интересные вам фрагменты текста, которые будут доступны по уникальной ссылке в адресной строке браузера.

Отметить Добавить цитату
×