Читать «Веб-Самоделкин. Как самому создать сайт быстро и профессионально» онлайн - страница 108
Алексей Анатольевич Гладкий
Описание режимов работы
Далее мы рассмотрим основные режимы работы, необходимые для создания полноценного веб-документа средствами программы Extra Hide Studio. Начнем с самого начала – с построения структуры веб-документа, после чего добавим и отформатируем текстовый контент, научимся вставлять гиперссылки, графические объекты, таблицы и прочие элементы, и т. д. При этом мы все время будем отслеживать результат выполненных действий, просматривая страницу в окне Интернет-обозревателя.
Как выполнить предварительную разметку веб-документа?
Как мы уже неоднократно отмечали ранее, начинать работу по созданию веб-страницы рекомендуется с ее предварительной разметки, иначе говоря – с построения предварительной структуры.
Проще всего предварительную разметку веб-документа делать с помощью панели быстрого ввода, которая расположена в правой части окна программы (см. рис. 6.1). Напомним, что управление отображением данной панели осуществляется с помощью команды главного меню .
Предположим, что наша веб-страница будет иметь заголовок, обычный текст, изображение и таблицу.
Первое, что нужно сделать – это идентифицировать наш Html-документ. Для этого в панели быстрого ввода нужно выбрать позицию – в результате в рабочей области появятся теги , между которыми будет помещен весь остальной исходный код веб-страницы.
После этого подготовим место для заголовка нашего документа. Для этого выберем в панели быстрого ввода позицию вначале , а затем – (перед этим поместим курсор между тегами ). В результате в программный код добавится следующий фрагмент: .
Далее после закрывающего тега нажмем клавишу и в новой строке введем теги основного текста – . Затем в этот контейнер поместим тег ссылки – для этого в панели быстрого доступа выберем позицию . А после этого сформируем «каркас» таблицы, выбрав в панели быстрого доступа позиции , и .
В результате выполненных действий по предварительной разметке документа код нашей веб-страницы будет выглядеть так, как показано в листинге 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>
Теперь можно заниматься формированием содержательной части веб-страницы: вводить текстовый контент, вставлять рисунки, заполнять ячейки таблицы, вставлять заголовок, и т. д. О том, как это делать, будет рассказано далее.
