Создавая веб-сайты, нужно помнить об определенных вещах, одна из которых - сделать ваш сайт интересным для зрителей. С Dreamweaver, программой редактирования HTML, легко преобразовать изображение в ссылку. Эта статья покажет вам, как это делается!
Шаги
Шаг 1. Откройте Dreamweaver
Откройте существующий файл или определите новый сайт и создайте новый HTML-файл, если вы еще этого не сделали.
Шаг 2. Когда вы создаете новый HTML-файл, Dreamweaver уже создаст для вас базовую структуру веб-страницы
Введите курсор где-нибудь между тегами и.
Шаг 3. Вставьте желаемое изображение
Для этого есть три альтернативных метода:
- Перейдите на панель «Вставка» вверху. Щелкните «Изображение» и выберите «Изображение» в появившемся подменю.
- Справа есть полоса с надписью «Вставить» и «Файлы». Нажмите «Выбрать», а затем в раскрывающемся меню нажмите «Общие». Теперь вставьте изображение, щелкнув «Изображение». Если эта полоса не отображается, щелкните там, где написано «Компактное» или «Расширенное» рабочее пространство. Нажмите «Компактный», затем «Сбросить компактный», чтобы сбросить настройки Dreamweaver по умолчанию.
- Нажмите Ctrl + Alt + I на клавиатуре.
Шаг 4. Отрегулируйте размер изображения, указав количество пикселей в полях «Ширина» и «Высота»
Шаг 5. Перейдите в режим «Дизайн», чтобы посмотреть, как выглядит ваше изображение
Нажмите «Live», чтобы увидеть, как это будет выглядеть на вашем веб-сайте.
Шаг 6. Щелкните изображение
Шаг 7. Сохраните вашу веб-страницу, нажав Ctrl + S. (Сохранить) или Ctrl + ⇧ Shift + S (Сохранить как).
подсказки
- Если вы хотите, чтобы это было похоже на кнопку или только форму на вашем изображении, измените фон на тот, который похож на тот, что на вашей веб-странице, с помощью программы редактирования изображений, такой как Photoshop.
- Щелкните на маленьком Глобус значок вверху, чтобы просмотреть его в браузере.