|
|
Онлайн учебник по HTML и JAVASCRIPT Элементы языков HTML и JAVASCRIPTСпециальные редакторы Web-страницВместо простого текстового редактора вы можете использовать специальные
редакторы Web-страниц, например, Microsoft FrontPage или Macromedia Dream
Weaver. При выборе средств решается следующая дилемма. Любителям, занимающимся
Web-дизайном не систематически, нужен, главным образом, конечный результат.
Профессионалы же любят все держать под своим контролем, им важен не только
эффект, но и способ, которым он получен. Хотя данная книга написана в
первую очередь для любителей, все же постараемся следовать принципам профессионалов.
В случае использования такого средства автоматизации разработки Web-страниц, как FrontPage, всю описанную выше работу можно выполнить следующим образом. Запустите FrontPage. Перейдите на вкладку Normal. В рабочую область, расположенную в центре окна, введите с клавиатуры текст. У вас должно получиться примерно то, что показано на рисунке.
Рис. 646. Окно FrontPage, a котором на вкладке Normal в рабочей области введен текст Перейдите на вкладку HTML, чтобы увидеть, какой код программы соответвует той простой странице, содержащей только текст. Этот HTML-код можно При желании отредактировать. Чтобы посмотреть результат редактирования, досрочно просто перейти на вкладку Normal.
Рис. 647. На вкладке HTML окна FrontPage можно посмотреть и отредактировать HTML-код Если вы хотите посмотреть, как будут выглядеть результаты вашего творчества в окне браузера, перейдите на вкладку Preview. Как FrontPage, так и Word при создании HTML-программ вставляют в заголовок (т. е. между <HEAD> и </HEAD>) теги <МЕТА> с различными атрибутами. Например: <HTML> Информация, содержащаяся в тегах <МЕТА>, не отображается браузером и служит специальным целям. Например, в ней указываются язык, на котором написан документ, кодовая страница, ключевые слова для поиска и др. Она очень важна для настройки браузера и работы поисковых серверов. теги <МЕТА> можно вставить в HTML-программу на заключительном этапе разработки Web-страницы, называемом публикацией. При написании HTML-программ, особенно если в них много тегов, возникает необходимость вставки комментариев — поясняющих текстов, которые не видны при загрузке документа в браузер. Комментарии нужны разработчику документа. Для этой цели служит тег <!>. все, что заключено между символами <! и >, считается комментарием и не отображается браузером на экране. Имейте в виду, что даже программист-профессионал через месяц с трудом разбирается в своем коде, и тогда комментарии помогают ему. Обратите внимание на то, что перенос слов текста в окне браузера происходит в зависимости от ширины окна. Если вы хотите, чтобы текст располагался по центру, применяйте тег <CENTER>. Если пользователь изменит размеры окна браузера, произойдет новое выравнивание текста. Заметим, что тег <CENTER> можно применять не только к тексту, но и к графике, таблицам и другим элементам, которые будут рассмотрены ниже. тег <CENTER> является контейнерным, т. е. ему соответствует закрывающий тег </CENTER>. Некоторым тегам в HTML-программе соответствуют вполне определенные элементы НТМ-документа, размещаемые на странице. Например, мы можем написать теги, выводящие на экран такие элементы, как текст, рисунок, видеоклип и др. Другие же теги ничего не выводят. Они предназначены для специальных целей. Типичными представителями таких тегов являются контейнерные теги (или просто контейнеры): например, <HEAD>, <BODY> и <CENTER>. Отметим здесь еще один контейнерный тег <DIV>, с помощью которого можно выделить часть (или раздел) HTML-документа. В последующих главах мы рассмотрим подробнее, как им пользоваться. В HTML-программу можно вставлять фрагменты программ, написанных на языке
JavaScript или Visual Basic Script (только для браузера Internet Explorer).
Такие фрагменты называются сценариями или
скриптами и обрамляются тегами
<SCRIPT> и </SCRIPT>.
В скриптах обычно описывают обработку различных событий, например, щелчок
мыши на кнопке или картинке.
Итак, прежде чем двигаться дальше, вы должны четко уяснить следующее:
|
|
|