Основы работы в Dreamweaver



           

Создание разделов с информацией о путешествиях


В этом упражнении на странице будет подготовлено место для описаний путешествий. Как и в случае с информацией о странах, будет применена комбинация статических и динамических элементов.

  1. В режиме Design (Дизайн) поместите курсор в строке, расположенной между двумя строками со ссылкой Find Tours (Поиск туров), а затем выполните команды Insert\HTML\Horizontal Rule (Вставка\HTML\ Горизонтальная линейка).

    Теперь в качестве разделителя фреймов с информацией о путешествиях будет использована горизонтальная линейка.

  2. Введите на страницу следующий текст:

    XX Country Name: Tour Name XX (Название страны: название тура XX)

    Tour Description: (Информация о турах)

    Number of Nights: (Число ночей)

    Meals Per Day Included: (Питание)

    Exercise Required: (Обязательные экскурсии)

    Itinerary: (Маршрут)

    Learn More About XX Country Name XX (Дополнительные сведения о стране)

    Price This Tour With the Tour Price Calculator (Расчет стоимости поездки с помощью калькулятора)

    All Photographs У Photo Disc (Все фотографии)

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

    Для добавления знака авторского права У следует выполнить команды Insert\HTML\Special Characters\Copyright (Вставка\HTML\ Специальные символы\Авторское право).


    увеличить изображение

  3. Один раз щелкните на строке "XX Country Name: Tour Name XX" и на панели Property Inspector (Инспектор свойств) в списке Format (Формат) выберите пункт Heading 2 (Заголовок 2). Поочередно в каждом из последующих пяти абзацев выделите текст до двоеточия (не выделяя двоеточие), и в категории Text (Проверить) на панели Insert (Вставка) нажмите кнопку Strong (Полужирный).

    В этом шаге производится форматирование статического каркаса страницы, созданного в предыдущем шаге.

    Поскольку при нажатии кнопки Bold (Полужирный) на панели Property Inspector (Инспектор свойств) вместо тегов <strong> Dreamweaver добавляет на страницу теги <span class="author">, следует добавить теги <strong> вручную (см. рис. вверху следующей страницы).

  4. Выделите текст "XX Country Name" в заголовке и замените его динамическим значением countryName из панели Bindings (Привязки).




    Содержание  Назад  Вперед