Главная » 2015 » Декабрь » 23 » Как работать с Dreamweaver
18:58

Как работать с Dreamweaver

Как работать с Dreamweaver

Dreamweaver – это программа, которая относится к семейству графических редакторов Adobe Macromedia. Вы можете использовать эту программу для создания вебсайтов без необходимости написания кода HTML, хотя наличие некоторых знаний о HTML вам все же не помешают. Главным преимуществом Dreamweaver является то, что с его помощью вы можете редактировать дизайн и макет веб-страницы и одновременно создавать, редактировать и просматривать лежащую в основе кодировку HTML.

Шаги

  1. 1 Скачайте Dreamweaver со страницы продуктов на сайте Adobe или загрузите копию программы со стороннего сайта.
  2. 2 Следуйте процессу установки и выберите параметры по умолчанию.
  3. 3 Запустите Dreamweaver и дождитесь, пока появится новая чистая веб-страница. Если чистый документ не появился, вы можете создать новый, нажав на пункт «New» (Новый документ) в меню File (Файл).
  4. 4 Предоставьте название для своей веб-страницы. Название страницы – это первое, что вы видите на ней, она также играет важную роль в том, как поисковые системы составляют указатель для страницы. Открыв веб-страницу в любом Интернет браузере, вы сможете найти название страницы в самом ее верху.
    • Dreamweaver 3 имеет в верхнем левом углу иконку названия, которую можно использовать для ввода названия веб-страницы. Вы также можете создать заглавие страницы, нажав на кнопку «Head Content» (Содержание) в меню «View» (Вид). В появившемся поле вы сможете ввести заглавие.
    • Dreamweaver 4 уже имеет поле для названия, которое находится в верней части своего интерфейса. Просто введите текст в пустое поле, чтобы создать название для страницы.
  5. 5 Выберите атрибуты текста из палитры свойств текста в верхней части окна. На выбор вам доступно множество опций.
    • Format (Формат): позволяет выбирать размер заголовка. Выбрав меньшее значение, вы сделаете заголовок больше.
    • Text style (Шрифт)/Text size (Размер шрифта)/Text color (Цвет текста): эти опции позволяют выбрать шрифт, размер шрифта и цвет текста.
    • Text alignment (Положение текста): это позволит вам выровнять текст по правому краю, по левому краю или по центру.
    • Link (Гиперссылка): делает из выделенного теста гиперссылку, осуществляющей переход на другую веб-страницу при нажатии. Вы также можете создавать ссылки на адреса электронной почты или на другие области на этой же веб-странице.
    • Ordered list (Нумерованный список): изменяет выбранные предложения в маркированный список или создает новый список, если текст не был выбран.
    • Indent/Outdent (Уменьшить или увеличить отступ): сдвигает край выделенного текста внутрь или наружу.
  6. 6 Добавляйте и редактируйте изображения на веб-странице при помощи палитры свойств объекта. Вы можете открыть эту панель, зайдя в меню «Windows» и выбрав пункт «Objects» (Объекты).
    • Импортируйте изображение, поместив курсор туда, где вы хотите, чтобы появилось изображение, и нажмите по первому значку на палитре свойств объекта (значок имеет вид квадрата с нарисованным деревом внутри).
    • Выберите рисунок, который хотите импортировать и нажмите на кнопку «Open» (Открыть). На вашей веб-странице появится форма, указывающая на то, что здесь был вставлен рисунок.
    • Сдвиньте очертания формы, чтобы отрегулировать размер изображения и его отображение на странице.
  7. 7 Просмотрите дизайн веб-страницы, открыв ее в другом Интернет браузере. Это очень важно, потому что при использовании Dreamweaver для создания веб-сайтов, в различных браузерах страницы могут отображаться по-другому.

Советы

  • Не забывайте время от времени сохранять свой файл. Для этого нажмите на пункт «Save» (Сохранить) меню «File».
  • Если вы находите цены на программы на сайте Adobe слишком высокими, тогда лучше поискать более выгодную цену. Dreamweaver также продается на дисках, так что в зависимости от типа покупки, цены могут сильно отличаться.
Категория: Вопросы и ответы | Просмотров: 541 | Добавил: fhorrigan | Рейтинг: 0.0/0