Онлайн учебник по HTML и JAVASCRIPT

Элементы языков HTML и JAVASCRIPT

       

Специальные редакторы Web-страниц

Вместо простого текстового редактора вы можете использовать специальные редакторы Web-страниц, например, Microsoft FrontPage или Macromedia Dream Weaver. При выборе средств решается следующая дилемма. Любителям, занимающимся Web-дизайном не систематически, нужен, главным образом, конечный результат. Профессионалы же любят все держать под своим контролем, им важен не только эффект, но и способ, которым он получен. Хотя данная книга написана в первую очередь для любителей, все же постараемся следовать принципам профессионалов.

В случае использования такого средства автоматизации разработки Web-страниц, как FrontPage, всю описанную выше работу можно выполнить следующим образом. Запустите FrontPage. Перейдите на вкладку Normal. В рабочую область, расположенную в центре окна, введите с клавиатуры текст. У вас должно получиться примерно то, что показано на рисунке.

Специальные редакторы Web-страниц

Рис. 646. Окно FrontPage, a котором на вкладке Normal в рабочей области введен текст

Перейдите на вкладку HTML, чтобы увидеть, какой код программы соответвует той простой странице, содержащей только текст. Этот HTML-код можно При желании отредактировать. Чтобы посмотреть результат редактирования, досрочно просто перейти на вкладку Normal.

Специальные редакторы Web-страниц

Рис. 647. На вкладке HTML окна FrontPage можно посмотреть и отредактировать HTML-код

Если вы хотите посмотреть, как будут выглядеть результаты вашего творчества в окне браузера, перейдите на вкладку Preview.

Как FrontPage, так и Word при создании HTML-программ вставляют в заголовок (т. е. между <HEAD> и </HEAD>) теги <МЕТА> с различными атрибутами.

Например:

<HTML>
  <HEAD>
    <МЕТА http-equiv="Content-Language" content="ru">
  <МЕТА http-equiv="Content-Type" content="text/html"; charset="windows-1251">
    <META name="GENERATOR" content="Microsoft FrontPage 4.0">
    <META name="ProgID" content="FrontPage.Editor.Document">
  </HEAD>
<BODY>
....
</BODY>
</HTML>

Информация, содержащаяся в тегах <МЕТА>, не отображается браузером и служит специальным целям. Например, в ней указываются язык, на котором написан документ, кодовая страница, ключевые слова для поиска и др. Она очень важна для настройки браузера и работы поисковых серверов. теги <МЕТА> можно вставить в HTML-программу на заключительном этапе разработки Web-страницы, называемом публикацией.

При написании HTML-программ, особенно если в них много тегов, возникает необходимость вставки комментариев — поясняющих текстов, которые не видны при загрузке документа в браузер. Комментарии нужны разработчику документа. Для этой цели служит тег <!>. все, что заключено между символами <! и >, считается комментарием и не отображается браузером на экране. Имейте в виду, что даже программист-профессионал через месяц с трудом разбирается в своем коде, и тогда комментарии помогают ему.

Обратите внимание на то, что перенос слов текста в окне браузера происходит в зависимости от ширины окна. Если вы хотите, чтобы текст располагался по центру, применяйте тег <CENTER>. Если пользователь изменит размеры окна браузера, произойдет новое выравнивание текста. Заметим, что тег <CENTER> можно применять не только к тексту, но и к графике, таблицам и другим элементам, которые будут рассмотрены ниже. тег <CENTER> является контейнерным, т. е. ему соответствует закрывающий тег </CENTER>.

Некоторым тегам в HTML-программе соответствуют вполне определенные элементы НТМ-документа, размещаемые на странице. Например, мы можем написать теги, выводящие на экран такие элементы, как текст, рисунок, видеоклип и др. Другие же теги ничего не выводят. Они предназначены для специальных целей. Типичными представителями таких тегов являются контейнерные теги (или просто контейнеры): например, <HEAD>, <BODY> и <CENTER>. Отметим здесь еще один контейнерный тег <DIV>, с помощью которого можно выделить часть (или раздел) HTML-документа. В последующих главах мы рассмотрим подробнее, как им пользоваться.

В HTML-программу можно вставлять фрагменты программ, написанных на языке JavaScript или Visual Basic Script (только для браузера Internet Explorer). Такие фрагменты называются сценариями или скриптами и обрамляются тегами <SCRIPT> и </SCRIPT>. В скриптах обычно описывают обработку различных событий, например, щелчок мыши на кнопке или картинке.

Итак, прежде чем двигаться дальше, вы должны четко уяснить следующее:

  • программа на языке HTML хранится в текстовом файле с расширением НТМ или HTML;
  • HTML-программа состоит из тегов. теги могут вкладываться друг в друга, иметь атрибуты, которые, в свою очередь, могут принимать значения (аргументы). теги могут быть контейнерными, т. е. парными, и одиночными;
  • одним тегам в HTML-программе соответствуют видимые элементы HTML-документа (заголовки, фрагменты текста, рисунки и т. п.), выводимые на экран в окне браузера; другие теги выполняют специальные функции, не связанные с выводом на экран;
  • все, что заключено между символами < ! и >, является комментарием и не
    отображается в окне браузера;
  • информация, описанная в тегах <МЕТА>, не отображается браузером, но имеет большое значение. Эти теги можно вставить в HTML-программу на завершающем этапе разработки Web-страницы, непосредственно перед ее публикацией;
  • в HTML-программу можно вставлять фрагменты, написанные на языках JavaScript и Visual Basic Script. Эти фрагменты обрамляются тегами <SCRIPT> и </SCRIPT>.

 

 

 

Top.Mail.Ru
Top.Mail.Ru