Как создать таблицу, вставить изображение и изменении цвета шрифта в Dreamweaver

13 ноября

Написал boey как Adobe Dreamweaver, дизайн Советы, HTML редакторов, веб-сайт Советы

Для тех, кто не знаком с Adobe Dreamweaver, но хотите, чтобы попытаться на него, вы можете следовать этому Dreamweaver базового учебника.

Прежде чем начать этот учебник, создать папку название "Учебник-01" в ваш компьютер на рабочем столе. Внутри "Учебник-01" папки, создавать папки название "картинки". Положить 1 фото внутри "картинки" папку.

1) Откройте Файл> Создать> Пустая страница> HTML

2) Согласно Дизайн режим просмотра. Перейти к началу страницы меню Вставка> Табл. Выполните настройку как ниже изображения.

3) Завершить настройку, нажмите кнопку ОК, она будет выглядеть это.

4) Сохраните файл в "Учебник-01" папку, имя ей, что когда вы хотите, например. "Table.html"

5) Нажмите кнопку на левой колонке перейдите на верхней строке меню Вставка> Image. Дважды щелкните на "картинки" и выберите фотографию внутри. Нажмите кнопку ОК.

6) Если у вас версия Dreamweaver с помощью которых этот шаг, но сделать еще одно всплывающее окно просим заполнить Image тегов, на тему "Альтернативный текст" на местах, типа в некоторых слов может представлять образ. Если ваш Dreamweaver не всплывал это окно, просто пропустите этот шаг.

7) Он будет выглядеть так, что в Dreamweaver.

8) Вы можете перетащить в центре линии для регулировки ширины для левой и правой колонок.

9) Нажмите на правую колонку, типа в некоторых слов.

10) Для смелых и изменить цвет шрифта, выбрать слова, которые Вы хотите изменить. Перейти в нижней части Dreamweaver, Свойства панели. Последующие настройки ниже.

11) Готово изменить цвет И размер шрифта.

12) Слова смотреть со средним по таблице сейчас. Если вы хотите его на вершине, выберите правой колонке опять перейдите на панель свойств, изменение "Vert" на "Top".

13) Вот окончательный вид.

14) Для просмотра в вашем браузере, перейдите в верхнем меню "Файл"> "Просмотр в браузере"> выбрать браузер вы хотите его мнению дюйма Или короткую стрижку ключ, нажмите кнопку "F12" на клавиатуре.

Надеюсь, что вы получите некоторое представление о том, как Dreamweaver работы с этой основной учебник.

Закладка и Поделитесь: