Как выполнить предварительную разметку веб-документа?
Как мы уже неоднократно отмечали ранее, начинать работу по созданию веб-страницы рекомендуется с ее предварительной разметки, иначе говоря – с построения предварительной структуры.
Проще всего предварительную разметку веб-документа делать с помощью панели быстрого ввода, которая расположена в правой части окна программы (см. рис. 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>
Теперь можно заниматься формированием содержательной части веб-страницы: вводить текстовый контент, вставлять рисунки, заполнять ячейки таблицы, вставлять заголовок, и т. д. О том, как это делать, будет рассказано далее.
Источник: А. А. Гладкий. «Веб-Самоделкин. Как самому создать сайт быстро и профессионально»
Похожие посты:
- Восприятие веб-страниц (0)
- Изучение вопроса (0)
- РАЗВИТИЕ БЛАГОДАРЯ ПОИСКОВОЙ СИСТЕМЕ GOOGLE: ЛЮБОВЬ СИЛЬНЕЕ (0)
- СЛОВАРЬ ПОИСКОВЫЕ СИСТЕМЫ (0)
- Создание колонки, занимающей все доступное пространство по высоте (0)
- Создание горизонтального меню с помощью списков и CSS (0)
- Задание стиля для клавиш быстрого доступа (0)