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

Файл >
Сохранить
, вызываемая также нажатием комбинации клавиш
Ctrl+S
. Кроме этого, для сохранения изменений вы можете использовать кнопку
Сохранить изменения
, которая находится в инструментальной панели.

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

Файл >
Сохранить
на экране откроется окно, в котором нужно будет указать путь для сохранения и имя файла. А уже впоследствии с помощью данной команды вы будете просто сохранять внесенные в документ изменения.

При необходимости вы можете сохранить изменения, выполненные в документе, в отдельном файле под другим именем. Для этого нужно в главном меню выполнить команду

Файл >
Сохранить как
, после чего в открывшемся окне нужно будет указать путь для сохранения и имя файла. Также для этого можно воспользоваться комбинацией клавиш
Ctrl+Alt+S
или нажать в инструментальной панели кнопку
Сохранить как
.

Если вы работаете с несколькими документами, то можно одновременно сохранять изменения сразу во всех этих файлах. Для этого в главном меню предназначена команда

Файл >
Сохранить все
. Также можно воспользоваться кнопкой
Сохранить все открытые документы
, которая находится в инструментальной панели.

Описание режимов работы

Далее мы рассмотрим основные режимы работы, необходимые для создания полноценного веб-документа средствами программы Extra Hide Studio. Начнем с самого начала – с построения структуры веб-документа, после чего добавим и отформатируем текстовый контент, научимся вставлять гиперссылки, графические объекты, таблицы и прочие элементы, и т. д. При этом мы все время будем отслеживать результат выполненных действий, просматривая страницу в окне Интернет- обозревателя.

Как выполнить предварительную разметку веб-документа?

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

Проще всего предварительную разметку веб-документа делать с помощью панели быстрого ввода, которая расположена в правой части окна программы (см. рис. 6.1). Напомним, что управление отображением данной панели осуществляется с помощью команды главного меню

Вид >
Быстрый ввод
.

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

Первое, что нужно сделать – это идентифицировать наш Html-документ. Для этого в панели быстрого ввода нужно выбрать позицию

html
– в результате в рабочей области появятся теги
<html></html>
, между которыми будет помещен весь остальной исходный код веб-страницы.

После этого подготовим место для заголовка нашего документа. Для этого выберем в панели быстрого ввода позицию вначале

head
, а затем –
title
(перед этим поместим курсор между тегами
<head> </head>
). В результате в программный код добавится следующий фрагмент:
<head><title> </title></head>
.

Далее после закрывающего тега

</head>
нажмем клавишу
Enter
и в новой строке введем теги основного текста –
<body></body>
. Затем в этот контейнер поместим тег ссылки – для этого в панели быстрого доступа выберем позицию
img
. А после этого сформируем «каркас» таблицы, выбрав в панели быстрого доступа позиции
table
,
td
и
tr
.

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

Листинг 5.4.
Предварительная разметка веб-страницы

<html>

<head><title> <title></head>

<body>

<img src='' border='' alt=''>

<table border='' cellpadding='' cellspacing='' bordercolor=''>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

</body>

</html>

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

Ввод и форматирование текстовой части контента

Большинство веб-разработчиков после построения структуры веб-документа приступают к написанию и форматированию текстовой части контента. Мы не будем отступать от этого правила и расскажем, как это делается в программе Extra Hide Studio.

Присвоим нашей странице название

Сведения о компании
, и сформируем в ней следующий текст:

Наша компания была создана в 2005 году. За прошедшее время мы сумели занять лидирующие позиции на рынке и завоевать немало постоянных клиентов. Наша прибыль постоянно

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

0

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

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