создание сайтов

Шаг 4

Сайт - задаем стиль

  • Итак, программа Dreamweaver запущена, файл basic.htm открыт, кнопка Код нажата.
  • Ставим курсор сразу после угловой скобки, которая закрывает тэг с кодировкой web страницы.
<meta http-equiv="content-type" content="text/html;  
charset=windows-1251">
  • Нажимаем на клавиатуре компьютера клавишу Enter. Кодовое письмо сдвигается вниз на одну строку, при этом курсор оказывается в начале новой строки. Все как в Word.
  • Переводим регистр компьютера на английский язык.
  • Сейчас, я расскажу Вам о том, как можно использовать выскакивающее меню – Быстрого редактора тэгов, которое позволяет автоматически печатать на странице выбранный в этом редакторе тэг. Выскакивающее меню должно вызываться нажатием на клавиатуре компьютера клавиш Ctrl-T, но в русскоязычной версии программы Dreamweaver, при нажатии на эти клавиши меню не появляется. Поэтому необходимо более подробно осветить вопрос возможности использования выскакивающего меню Быстрого редактора тэгов в русской версии Dreamweaver.

сайт, dreamweaver, web страница Итак, курсор в начале свободной строки, которая находиться над строкой с тэгом </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-type" content="text/html;  
charset=windows-1251">
<style type="text/css"></style>
</head>
<body>
</body>
</html>
  • На Вашем компьютере код не должен отличаться от вышеизложенного кода.
  • Программа Dreamweaver похожа на Word. Вы можете при нажатой кнопке Код выделять курсором, копировать, вставлять или уничтожать практически любой текст.
  • Шаг 5 >>>

     карта сайтаКарта сайта