Форматирование и работа с текстом на веб-страницах
Давайте немного поработаем с текстом на веб-страницах сайта. К примеру, нам нужно вставить на страницу надпись логотипа:
«Компания „Проктел" может предоставить Вам возможность купить товары со скидкой».
Для этого объединим все ячейки второй строки таблицы в одну ячейку описанным ранее способом и внесем в нее необходимую надпись. Затем перейдем на панель Свойства программы Adobe Dreamweaver, где можно задать стиль для надписи.
Если нажать кнопку CSS вместо выбранной на рисунке кнопки HTML, то можно задать стиль выделенной надписи, который будет записан в отдельный файл стилей.
Таким же образом, как вставляли текст, можно вставить надписи пунктов меню. Поскольку у нас осталось еще три строки, то в левые ячейки этих строк и пропишем пункты меню:
- Главная страница
- Услуги компании
- Вопросы и ответы
Для добавления новых строк в таблицу выполняется простая операция: выделяется необходимая строка или столбец, вызывается контекстное меню выделенного объекта и в нем выбирается пункт Таблица => Вставить строки.
Шаблон на основе веб-страницы с именем index.html почти создан, осталось связать пункты меню гиперссылками со страницами, на которые они ссылаются. А для этого прежде всего необходимо создать сами страницы.
Сначала следует сохранить нашу страницу, для чего выберем пункт меню Файл => Сохранить. Когда мы будем работать сразу с несколькими открытыми страницами, проще выполнить команду Файл => Сохранить все, но только после того, как все страницы первоначально были сохранены под своими именами и в правильном месте.
Далее выбираем пункт меню Создать и в открывшемся окне указываем обычную страницу на основе HTML. Сохраняем ее под соответствующим именем - str2.html. Таким же образом создаем страницу с именем str3.html. Теперь, если посмотреть на верхнюю часть документа, то можно увидеть несколько вкладок, содержащих имена созданных и пока незаполненных страниц.
Щелкая на вкладке с именем файла, мы делаем активным соответствующий файл. Вкладка с именем активного файла при настройках по умолчанию всегда выглядит более светлой. Будьте внимательны и всегда контролируйте файл, с которым в данный момент работаете.
Тэги: сайта, логотипа, страницу, надпись, вставить, примеру, поработаем| ← Создание гиперссылок на примере пунктов меню | Объединение ячеек таблицы → |
|---|