Прежде чем мы начнем это делать, давайте сначала проанализируем эту страницу. Посмотрите, что используется на этой странице.
□Заголовок «Моя домашняя страница» вверху веб-страницы представляет собой абзац текста.
□В центре веб-страницы находится изображение.
□Приветственное сообщение внизу представляет собой абзац текста.
□Фон веб-страницы темно-фиолетового цвета.
Придумав структуру этой веб-страницы, мы можем приступить к ее созданию.
Сначала запустите Dreamweaver и убедитесь, что вы создали веб-сайт (корневой каталог) с помощью менеджера сайтов.
Для удобства производства заранее откройте менеджер ресурсов и соберите изображения для использования в папке images каталога сайта.
[ Вставить текст заголовка]
Войдите в состояние просмотра дизайна редактирования страницы. В обычных условиях редактор по умолчанию использует выравнивание по левому краю, курсор мигает в верхнем левом углу, а положение курсора соответствует положению точки вставки. Если вы хотите вставить текст в центре, нажмите кнопку «Центр» на панели свойств. Запустите метод ввода на китайском языке и введите четыре слова «Моя домашняя страница». Неважно, если шрифт мелкий, мы можем его настроить.
[Установить формат текста] Выделите текст и установите формат шрифта по умолчанию на панели свойств выше. Размер шрифта можно изменить по желанию. И выберите «B», чтобы сделать шрифт жирным.
[Установить цвет текста] Сначала выделите текст, щелкните значок выбора цвета на панели свойств и с помощью пипетки выберите цвет во всплывающем окне выбора цвета.
[Установить заголовок и цвет фона веб-страницы]
Нажмите меню «Изменить» и выберите «Свойства страницы». Система выводит диалоговое окно свойств страницы (как показано ниже).
Пожалуйста, введите заголовок «Моя домашняя страница» в поле ввода заголовка.
Установить цвет фона. Фоном веб-страницы может быть изображение или цвет. В данном случае это цвет. Откройте селектор цвета фона, как показано выше, чтобы выбрать. Если вы хотите установить фоновое изображение, нажмите кнопку «Обзор» для фонового изображения. Система откроет диалоговое окно выбора изображения. Выберите файл фонового изображения и нажмите кнопку «ОК».
В режиме просмотра «Дизайн» щелкните мышью в пустом месте справа от заголовка «Моя домашняя страница», нажмите Enter, чтобы изменить строку, и следуйте инструкциям ниже, чтобы вставить изображение и центрировать его. Вы также можете выровнять его по левому краю, используя кнопку «Выровнять по левому краю» на панели «Свойства».
【Вставить изображение】Выберите любой из следующих способов:
(1) Используйте меню «Вставка»: выберите «Изображение» в меню «Вставка», появится диалоговое окно «Выбрать исходный файл изображения», выберите файл изображения и нажмите «ОК». Как показано ниже:
(2) Используйте столбец вставки: нажмите кнопку объекта столбца вставки > кнопку «Выбрать», появится диалоговое окно «Выбрать исходный файл изображения», а остальные операции такие же, как указано выше.
(3) Используйте панель «Ресурсы» группы панелей (как показано ниже): нажмите кнопку, разверните папку с изображениями в корневом каталоге, выберите файл и перетащите его в соответствующее положение в рабочей области с помощью мыши.
Примечание: Для удобства управления мы поместили картинки в папку «изображения». Если картинок немного, их также можно разместить в корневом каталоге сайта. Обратите внимание, что имя файла должно быть указано на английском языке или пиньине строчными буквами и не может быть на китайском языке, иначе могут возникнуть проблемы.
Картинка вставлена. (Вставьте файл анимации *.swf, выберите меню «Вставить» > «Медиа» > «Flash»).
[Введите текст приветствия]
Щелкните пустое место справа от изображения и нажмите Enter, чтобы перенести строку. Продолжая использовать описанный выше метод, введите текст «Добро пожаловать...», а затем используйте панель свойств, чтобы установить текст.
Сохраните страницу.
Простая страница была отредактирована следующим образом.
[Предварительный просмотр веб-страницы] Нажмите F12 в редакторе страниц, чтобы просмотреть эффект веб-страницы.
Первая страница веб-сайта, которая является домашней, при сохранении обычно называется index.htm.
[Резюме] Мы создали простую веб-страницу.
Есть четыре содержания:
①Настройки вставки и выравнивания изображений;
② Настройки формата текста, цвета и жирности;
③Настройка цвета фона;
④Предварительный просмотр веб-страницы, чтобы увидеть фактический эффект.
Вы должны не только овладеть этим, но и неоднократно практиковать его.