19.Создание Web-сайта в dw. Особенность работы в режиме сайта.

Dreamweaver визуальный редактор, то есть он позволяет редактировать HTML код сайта в визуальном режиме. Вы будете вводить какой-нибудь HTML код в одной половине окна, а на другой половине сразу получите готовый результат, т.е. Вы будете видеть результат выполнения команды, даже без отладки на браузере. 

Вы можете радактировать его в окне Design, либо, если вы хорошо владеете языками HTML или PHP - в окне Code. Можно также разделить окно на две части по горизонтали или вертикали и в одной иметь внешний вид, в другой - код и переключаться между ними. Справа в окне программы вы видите вспомогательные окна вставки элементов страницы, CSS стилей, содержимое папки сайта, истории изменений и ряд других, появлением/скрытием которых можно управлять из меню Window. Внизу имеется окно свойств редактируемого в данный момент элемента.

Так же особенностью программы Dreaweaver является возможность создания сайта в окне Design или Режим сайта, достаточно всего лишь добавлять необходимые блоки(или таблицы),задавать им необходимые параметры, писать или копировать туда текст, и добавлять на страницу всё что хотите при помощи панели инструментов. Возможно использование шаблонов.

20.Визуальный интерфейс в dw, работа в режиме кода. Взаимодействие.

Dreamweaver визуальный редактор, то есть он позволяет редактировать HTML код сайта в визуальном режиме. Вы будете вводить какой-нибудь HTML код в одной половине окна, а на другой половине сразу получите готовый результат, т.е. Вы будете видеть результат выполнения команды, даже без отладки на браузере.

Вы можете радактировать его в окне Design, либо, если вы хорошо владеете языками HTML или PHP - в окне Code. Можно также разделить окно на две части по горизонтали или вертикали и в одной иметь внешний вид, в другой - код и переключаться между ними.

Интерфейс Dreamweaver очень хорошо продуман, удобен, нагляден и прост в освоении. Это то, что однозначно отмечают все, кто с ним работает. Вот несколько моментов, которые можно выделить особо:

удобно расположена панель с элементами форм, не надо набирать код, можно просто перенести элементы на рабочую область программы;(и работать с их свойствами в панели свойств).

с открытием одной страницы одновременно открываются все вспомогательные страницы;

удобная работа со стилями: не понравится один стиль – тут же можно подгрузить другой и сразу визуально оценить, что и насколько лучше выглядит.

Работа в режиме кода:

Открывая скобки и вбивая первую букву автоматически выпадает список тегов ,начинающихся с этой буквы. В окне мини-редактора можно поправлять теги,не трогая их содержимое.

Вы также можете "завернуть" любой выделенный фрагмент текста в тег HTML. Для этого выделите нужный текст и выберите в контекстном меню пункт Wrap Tag. Введите в появившемся окне нужный тег со всеми нужными атрибутами и нажмите клавишу <Enter>.

21.Каскадные таблицы стилей css (назначение, примеры использования).

Cascading Style Sheets. Каскадные таблицы стилей.

НАЗНАЧЕНИЕ

• Каскадные таблицы стилей позволяют задавать различные визуальные свойства HTML-элементам

• Таблицы стилей позволяют разделить смысловое содержимое и его визуальное представление.

• Появление CSS - 1997 год (css 1) Сегодня – CSS 2 Разработка CSS 3

СИНТАКСИС

• свойство1: значение1;

• свойство1: значение1; свойство2: значение1;

• свойство1: значение1 значение2;

Примеры

• color: red; text-align: center;

• border: solid 0.2cm blue;

СВОЙСТВА CSS

• Шрифт (цвет, размер, тип, …)

• Текст (выравнивание, …)

• Фон (цвет, положение, рисунок, …)

• Блоки (тип, поля, …)

• Рамки (тип, толщина, цвет, …)

• Списки (тип, рисунок, …)

• Позиционирование

• Дополнительные (вид курсора, фильтры …)