Шаг 4
Сайт - задаем стиль
- Итак, программа Dreamweaver запущена, файл basic.htm открыт, кнопка Код нажата.
- Ставим курсор сразу после угловой скобки, которая закрывает тэг с кодировкой web страницы.
<meta http-equiv="Тип-содержимое" content="text/html; charset=windows-1251">
- Нажимаем на клавиатуре компьютера клавишу Enter. Кодовое письмо сдвигается вниз на одну строку, при этом курсор оказывается в начале новой строки. Все как в Word.
- Переводим регистр компьютера на английский язык.
- Сейчас, я расскажу Вам о том, как можно использовать выскакивающее меню – Быстрого редактора тэгов, которое позволяет автоматически печатать на странице выбранный в этом редакторе тэг. Выскакивающее меню должно вызываться нажатием на клавиатуре компьютера клавиш Ctrl-T, но в русскоязычной версии программы Dreamweaver, при нажатии на эти клавиши меню не появляется. Поэтому необходимо более подробно осветить вопрос возможности использования выскакивающего меню Быстрого редактора тэгов в русской версии Dreamweaver.
Итак, курсор в начале свободной строки, которая находиться над строкой
с тэгом </head>.
Печатаем открывающуюся угловую скобку (<). Появляется выскакивающее
меню – Быстрого редактора тэгов.- Ищем с помощью полосы прокрутки и выделяем курсором в выскакивающем меню слово style и нажимаем на клавиатуре компьютера клавишу Enter. Слово style автоматически печатается на нашей странице.
Нажимаем на компьютере клавишу Пробел. Появляется еще одно
выскакивающее меню.
Опять выделяем курсором в выскакивающем меню, на этот раз, слово
type и нажимаем на клавиатуре компьютера клавишу
Enter. Слово type так же автоматически
печатается на нашей странице и опять появляется следующее выскакивающее меню.
В очередной раз выделяем курсором в выскакивающем меню словосочетание
text/css и жмем на Enter.
Словосочетание text/css напечатано.
Печатаем закрывающуюся угловую скобку (>), после чего должен
автоматически напечататься тэг </style>, закрывающий данное правило.- В итоге всех этих манипуляций код страницы теперь должен выглядеть следующим образом:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Мой первый сайт</title> <meta http-equiv="Тип-содержимое" content="text/html; charset=windows-1251"> <style type="text/css"></style> </head> <body> </body> </html>
- На Вашем компьютере код не должен отличаться от вышеизложенного кода.
- Программа Dreamweaver похожа на Word. Вы можете при нажатой кнопке Код выделять курсором, копировать, вставлять или уничтожать практически любой текст.
- Шаг 5 >>>
