1. Урок второй
Воспользуемся тем, что мы создали на первом цикле
занятий "Уроках для чайников", только вместо Блокнота у
нас будут все возможности новейшей технологии
предоставленные Мacromedia Dreamweaver 8.
Новая WEB страница
Для создания страницы выбираем пункт New в меню File.
Появится окно:
В левой части окна New Document расположен список
Category. Выбираем в нем пункт Dasic pege, а в правом
HTML, после чего нажимаем кнопку Create. На экране
появится пустое окно документа.
2. Набираем текст
Текст набирается с помощью клавиатуры. Dreamweaver
самостоятельно разобьет текст на строки. Для создания
нового абзаца нажимаем клавишу <Enter>. Вводим текст и
отформатируем его: расставим заголовки, выделим части
текста полужирным шрифтом. Dreamweaver мало чем
отличается от знакомых нам текстовых редакторов.
Рассмотрим панель управления редактором.
Мы видим на панели много знакомых кнопок. Нажимаем
кнопку Desing, в нижней части панели и вводим текст.
3. И так, мы написали текст. Если хотите увидеть это
творение в интернет браузере, откройте подпункт IExplore
6.0 в пункте Preview in Browser в меню File или нажмите
клавишу F12. При подготовке текста мы обошлись без
написания тегов HTML кода. Но любой грамотный web
дизайнер должен знать язык HTML и уметь с ним работать.
Как получить доступ к HTML коду напечатанной
страницы? Не нужно забывать, что мы имеем дело с
гибридным web редактором. Внимательно посмотрев на
панель, мы увидим три кнопки.
4. Они переключают три доступных режима отображения,
которые мы сейчас рассмотрим.
В данный момент нажата правая кнопка этого набора. Она
включает режим отображения web страницы, предлагаемый
Dreamweaver по умолчанию.
Теперь нажмем среднюю кнопку Split, включающую
режим отображения web страницы и HTML кода.
Как видно, окно документа разделилось на две части. В
нижней части отображается сама страница, в верхней ее
5. HTML-код. Такой режим полезен, когда надо
откорректировать код, держа перед глазами саму web
страницу. Перемещая мышью серую разделительную
полосу, мы можем увеличить верхнюю или нижнею часть
окна.
И наконец, левая кнопка Code, включает режим
отображения HTML кода.
6. HTML-код. Такой режим полезен, когда надо
откорректировать код, держа перед глазами саму web
страницу. Перемещая мышью серую разделительную
полосу, мы можем увеличить верхнюю или нижнею часть
окна.
И наконец, левая кнопка Code, включает режим
отображения HTML кода.