| 2.2. Macromedia DreamWeaver MX. Вводная часть2
Теперь давайте снова вернемся к рабочей среде программы.
Для переключения режима отображения рабочей среды (режимов всего три: Code, Design и Code and Design) на панели инструментов нажмите "View" (рис.2.09)
Рис. 2.09
Выберите из этих режимов тот, с которым вы можете/умеете работать, хотя предпочтительно оставить "Code and Desig", тогда рабочее окно как бы разделится на две части и вы сможете видеть и сам HTML-код и страницу в режиме WYSIWYG.
Так же вы можете просматривать код в окне "Code Inspector" (Window - Other - Code Inspector) (рис.2.10)
Рис. 2.10
Вызвать эту вкладку так же можно клавишей "F10". Если вам надо отредактировать какой-нибудь тег - поставьте курсор мыши на его содержимое (для примера давайте для слова "Пример1" изменим атрибут тега "Align" , то есть сделаем так, чтобы слово "Пример1" было не по центру страницы, а с левого края)
Пример1
Для примера я написал "Rth77: полезная информация по работе с программой DreamWeaver", но вы можете вписать что вам угодно. После чего сохраните страницу командой "File Save as", но саму страницу не закрывайте в редакторе, а теперь откройте вновь созданную страницу в броузере, - что у вас получилось?
|
Таблица3
Для этого наведите курсор на слово "Пример1" и нажмите правую кнопку мыши, выберите пункт "Edit Tag code" в открывшемся окне редактора выделите слово "center"(рис.2.11), после чего появится еще одно под-окошко в котором выберите пункт "left" и нажмите клавишу "Enter" , если передумали редактировать тег - нажмите клавишу "Esc".
Рис. 2.11
слово "Пример1" теперь выровнялось по левому краю страницы.
Для отмены последних операций используйте сочетания клавиш ( "Crrl" + "Z" - отменить последнюю операцию и "Crrl" + "Y" - отменить отмену). Также для этого можно использовать два верхних пункта меню "Edit" панели инструментов (рис.2.12)
Рис. 2.12
При помощи этих двух пунктов (или горячих клавиш) вы сможете перемещаться по истории операций в обоих направлениях.
Теперь давайте вставим в страницу тег с содержимым, поставьте курсор после слова "Пример1" (Таблица3), нажмите правую кнопку мыши и в контекстном меню выберите пункт "Insert HTML"
Рис. 2.13
в открывшемся окошке вы можете писать код, причем как только вы нажмете на какую-нибудь букву DreamWeaver будет отображать список тегов начинающихся с нее.
|
