Набор текста



Предыдущая | Следующая

Набор текста
Вот и наступила торжественная минута! Сейчас мы наберем наш первый текст в окне документа Dreamweaver (рис. 3.4) и создадим таким образом главную страницу нашего сайта.
Наш архив
Здравствуйте, уважаемые посетители нашего сайта!
Мы имеем честь предложить вам большую подборку статей и файлов, найденных нами на просторах Всемирной Сети, и будем рады, если они вам в чем-то помогут. Мы старались подбирать самые полезные, с нашей точки зрения, материалы.
Чтобы выбрать нужную статью или файл, щелкните, пожалуйста, по соответствующей ссылке:
файлы статьи. Обратная связь
Если вам понравился или, наоборот, почему-то не понравился наш сайт, мы будем рады получить от вас отзыв по этому адресу.
Права разработчиков
Авторские права принадлежат нам. 2004 год.|
<body> <D> 492 х 467 ^ IK / I sec
Рис. 3.4. Наш первый текст
Не будем сейчас заниматься его форматированием — пока просто наберем. Это выполняется точно так же, как и в любом текстовом редакторе — "стучим" по клавиатуре, смотрим на результат и пользуется клавишами-стрелками, <Backspace> и <Del> для правки. А в конце сохраним получившуюся Web-страницу.
Для сохранения Web-страницы нужно выбрать пункт Save в меню File или нажать комбинацию клавиш <Ctrl>+<S>. Если до этого мы не сохраняли нашу Web-страницу (а мы ее еще не сохраняли), на экране появится стандартное диалоговое окно сохранения файла Windows. Выберем в нем созданную ранее папку Sitel и подумаем, как бы назвать файл нашей первой Web-страницы.
Нам уже известно, что одна из Web-страниц на Web-сервере задается в качестве страницы по умолчанию. Также мы знаем, что такая страница обычно носит имя default или index (и расширение htm или html). Так давайте назовем ее default.htm. Введем это имя в поле ввода имени файла диалогового окна и нажмем кнопку сохранения.
Итак, мы создали нашу первую Web-страницу... Но мы же совсем забыли о названии! Том самом названии, задаваемом тегом <title>, которое не отображается в окне Web-обозревателя, но выводится в его заголовке. Давайте зададим его прямо сейчас, чтобы потом не забыть. Тем более что это делается очень просто: поле ввода, где оно набирается, находится на небольшой серой панели, тянущейся вдоль верхнего края окна документа (рис. 3.5). (Эта панель еще называется инструментарием документа, так как в ней находятся некоторые элементы управления, позволяющие выполнять различные действия над Web-страницей,)

Введем в это поле текст наш архив — название главной страницы нашего сайта. И сохраним страницу еще раз.
Все это время мы работали в режиме отображения Web-страницы Dreamweaver, то есть в режиме WYSIWYG. Ранее говорилось, что Dreamweaver позволяет пользователю редактировать также и HTML-код. Чтобы получить доступ к HTML-коду, нам будет нужно переключиться в режим отображения кода. Это выполняется с помощью особых кнопок, расположенных в левой части инструментария документа и показанных на рис. 3.6.

Давайте перечислим эти кнопки в порядке слева направо: •□ Code — режим отображения HTML-кода;
П Split — режим отображения HTML-кода и Web-страницы. При этом окно документа будет разделено на две части; в верхней части будет показываться код HTML, в нижней — сама страница;
□ Design — режим отображения Web-страницы.
На рис. 3.6 видно, что одна из этих кнопок, а именно Design, нажата, и одновременно включен режим отображения Web-страницы. Если теперь нажать кнопку Code, то включится режим отображения HTML-кода; одновременно кнопка Code станет нажатой, а кнопка Design "отожмется". Такие кнопки, объединенные в группы и работающие как переключатели, из которых может быть включен только один, называются кнопками-переключателями.
В режиме отображения HTML-кода хорошо видно, что Dreamweaver поместил каждый абзац введенного нами текста внутрь тега <р>. Также он автоматически сформировал секцию заголовка и поместил в нее название страницы и тег <мета>, указывающий кодировку. Так что, не написав ни строчки HTML-кода, мы получили правильно оформленную Web-страницу.
А теперь давайте займемся ее оформлением.

 

Содержание Книга по php и mysql