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