Работа с WSIWYG-средствами

Программы WYSIWYG (от англ. "What you see is what you gel" — что видите, то и по­лучаете) ХОрОШИ для новичков на ранних этапах разработки веб-страниц, однако они имеют свойство быстро надоедать по причине избыточного количества методов и свойсгв раз­личных элементов. На первый взгляд это может показаться очень даже неплохо, но проходит время, и это начинает раздражать. Прежде чем воспользоваться WYSIWYG-средствами, разра­ботчик должен убедиться, что они ему подходят и помогут шлифовать мастерство.

За внешней простотой WYSrWYG-средств обычно скрыты достаточно мощные функцио­нальные возможности. Программа Dreamweaver (тема данной главы) позволяет установить подходящие атрибуты для каждого элемента интерфейса, если разработчика не устраивают значения по умолчанию. В Dreamweaver веб-мастер может наслаждаться одновременно как быстрой визуальной разработкой, так и редактированием HTML-кода.

Ее используют многие профессио­нальные веб-дизайнеры, однако это не единственный вариант.

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

Не стоит переживать о предстоящих трудностях. В данной главе вы просто попробуете работать с поистине чудесной программой, ощутите всю ее прелесть, узнаете о новых воз­можностях. (Кстати, и мне Dreamweaver нравится больше всех остальных программ.) О ди­зайне веб-сайтов будет рассказано в других статьях. А в следующих разделах читатель научит­ся задавать свойства страницы, работать с текстом и ссылками. По мере знакомства с программой полезно поэкспериментировать с цветами и другими значениями атрибутов.

Теперь читатель узнает, как определить свойства страницы в Dreamweaver.

1. На панели Properties, в нижней части окна Dreamweaver , щелкни­те на кнопке Page Properties.На экране появится диалоговое окно свойств страницы.

2. Здесь можно изменить цвет текста. Для этого щелкните на образце цвета рядом с надписью Text Color . В раскрывающейся палитре выберите нужный цвет.

При желании поменять цвет фона нужно щелкнуть на образце цвета Background Color

3. Если хотите добавить фоновый рисунок, просто щелкните на кнопке Browse, найдите и выделите изображение.

4. В меню Category слева в диалоговом окне свойств страницы выберите значение

Title/Encoding.

5. В настройках, только что отобразившихся на экране, удалите словосочетание Untitled Document из текстового поля Title и введите заголовок для своей веб-страницы*

6. Щелкните на кнопке ОК дли подтверждения изменений и закрытия этого окна.

Панель Insert, расположенная ниже панели меню, содержит несколько разделов. После выбора какого-либо из них на панели меняется набор кнопок. по умолчанию отображается раздел Common. Чтобы появились кнопки для формирования текста, необходимо перейти в раздел Text.

Когда на панели Insert выбран раздел Text, на панели Properties активизируются сле­дующие настройки .

  • Format. Задает параметры форматирования абзаца.
  • Font. 11озволяет выбрать шрифт (Arial, Courier и т.д.).
  • Size. Используется для выбора кегля шрифта.
  • Значок образца цвета (Text color). Позволяет указан, цвет текста. Образец цвета текста расположен справа от поля со списком Size.
  • Link. Позволяет задать текстовые ссылки. Чтобы создать ссылку для выделенного фрагмента текста, введите URL-адрес связанной страницы в поле с надписью Link (или щелкните на значке папки, чтобы найти нужный файл).

 

 

 

 

Реклама