Галямова Е.В. - Язык HTML (1075565), страница 3
Текст из файла (страница 3)
Перемещение веб-узла с одного сервера на другойЧтобы переместить веб-узел с одного сервера на другой, можно сделать так:<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML //EN"><HTML><HEAD><META HTTP-EQUIV = "Refresh"CONTENT = "3"; URL=http://www.blackboard.com/><TITLE> We 've moved </TITLE></HEAD><h2 align="center"> We 've moved<h2>Веб-страница курса "Web-технологии для создания Интернет-приложений поменяла сервер вИнтернете. Пожалуйста, исправьте Ваши ссылки на новый адрес. </h2><ahref="http://coursesites.blackboard.com/bin/common/course.pl?course_id=_17938_1&frame=top"><p align="center">http://coursesites.blackboard.com/bin/common/course.pl?course_id=_17938_1&frame=top"</p></a><BODY></HTML>В этом примере указывается, что узел переместился, и поэтому используется опция Refresh, спомощью которой, после 3-х секундного ожидания, клиентский броузер будет переадресован на другойузел, указанный атрибутом URL.Замечания: атрибут URL здесь вставлен в атрибут CONTENT, а адрес нового местоположения узла указан также вгиперссылке, заданной в документе, что дает возможность посетителям моментально перейти на новыйузел одним щелчком мыши. Освоить этот прием нам необходимо еще и потому, что есть планы сменить сервер нашего виртуальногокурса.№12345678910111213141Задание: Разберитесь с текстом предложенного примера, подставьте свои данные,добавьте комментарии (в соответствии с вариантом)ВариантызаданийТекст вСтарый URLНовый URLРасположениезаголовкетекста настраницеФИО,URL=http://www.blackb http://education.vsnl.co В центре сверхугруппаoard.com/m/ruscult/education.htmФИО,URL=http://www.blackb Свой адресВ центрегруппаoard.com/посерединеФИО,URL=http://www.blackb http://www.anriintern.c В центре внизугруппаoard.com/om/computer/itb/intro.aspФИО,http://education.vsnl.com Свой адресСлева сверхугруппа/ruscult/education.htmФИО,Свой адресhttp://education.vsnl.co Справа сверхугруппаm/ruscult/education.htmФИО,http://education.vsnl.com URL=http://www.black Слева внизугруппа/ruscult/education.htmboard.com/ФИО,http://education.vsnl.com http://www.anriintern.c Справа внизугруппа/ruscult/education.htmom/computer/itb/intro.aspФИО,Свой адресhttp://www.anriintern.c В центре внизугруппаom/computer/itb/intro.aspФИО,http://www.anriintern.co Свой адресВ центре сверхугруппаm/computer/itb/intro.aspФИО,Свой адресСвой адресВ центрегруппапосерединеФИО,Свой адресСвой адресВ центре внизугруппаФИО,Свой адресСвой адресСлева сверхугруппаФИО,Свой адресСвой адресСправа сверхугруппаФИО,Свой адресСвой адресСлева внизугруппаФИО,Свой адресСвой адресСправа внизу516группаФИО,группаСвой адресСвой адресВ центре внизуВНИМАНИЕ: Текст программы обязательно должен содержать комментарии.2.
Создание сценария (Элемент SCRIPT)Рассмотрим пример простой страницы с частью программы, написанной на VBScript исодержащейся в элементе SCRIPT (Её выполнение Вы можете посмотреть в приложении файлFirstScript.htm):<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"><html><head><meta http-equiv="Content-Type"content="text/html; charset=windows-1251"><meta name="GENERATOR" content="Microsoft FrontPage 2.0"><title>Our First Script</title></head><body bgcolor="#FFFFFF"><script language="VBScript"><!-document.write "<CENTER>"document.write "<H2>" & "Здесь некоторая информация о Вашем броузере:" & "</H2>"document.write "Наименоване: " & Window.Navigator.AppName & "<BR>"document.write "Версия: " & Window.Navigator.AppVersion & "<BR>"document.write "Обозначение: " & Window.Navigator.AppCodeName & "<BR>"document.write "Пользователь: " & Window.Navigator.UserAgentdocument.write "</CENTER>"document.close--></script></body></html>Замечание: Здесь нужно обратить внимание на несколько вещей.
Первое: в элемент НЕАD добавлена (спомощью элемента SCRIPT) VBScript -программа. Фактическая программа сценария заключена междутегами комментария, чтобы более ранние броузеры, не поддерживающие обработку сценариев, не выводилитекст сценария на экран. Следует также заметить, что в теле документа не содержатся никакие данные, нопри его загрузке в Internet Explorer появится информация, описывающая Ваш броузер.Задание:1.
Наберите текст приведенного примера в редакторе (например, в Блокноте) и сохраните его под именемFirstScript.htm2. Запустите Internet Explorer и откройте из него файл FirstScript.htm3. Прочитайте полученную информацию о Вашем броузере.При загрузке страницы начинает выполняться сценарий, динамически генерирующий HTML-данные ипередающий их в броузер. В процессе загрузки программа также собирает информацию о броузере, вкотором работает.
Затем эти данные отображаются на экране. Специфику оператора document.write мырассмотрим в одной из следующих лекций. А сейчас мы лишь хотим посмотрели , каким образом путемсоздания сценариев можно генерировать динамические WеЬ-страницы.Данные о Вашем броузере генерировались непосредственно при загрузке страницы. Однако, еслипоявилась возможность писать программы, выполняемые при загрузке Web-страницы, хорошо бы ещеиметь и пользовательские объекты, внедряемые в страницу. Язык HTML 3.2 позволяет внедрять в документыпользовательские объекты с помощью тегов (OBJECT и APPLET).
Мы рассмотрим эти возможностинесколько позже.Задания:1.Разберитесь с текстом предложенных примеров, подставьте свои данные, добавьте комментарии (всоответствии с вариантом)2.Создайте веб-страничку со всеми рассмотренными примерами форматирования текста.3.Посмотрите, какие команды реализованы в файле Prim7-1.htm. (чтобы увидеть HTML-кодпрограммы, надо в броузере IE открыть последовательно окна "Вид", "В виде HTML…".
Используяатрибуты шрифтов, описанные в таблице 7.1., а также пример, приведенный в приложении к лекции вфайле format.htm, создайте свой файл, в котором продемонстрируйте все возможности измененияхарактеристик шрифтов и элементов форматирования текста.4.Преобразуйте лекцию №7 в веб-страницу, используя все освоенные атрибуты форматирования текста.Таблицы пока в веб-страницу не включать!Варианты заданий№№ Текст наппстранице1ФИО, группа2ФИО, группаШрифтЦвет фонаПолужирныйКурсивСерыйЗеленый345678910ФИО, группаФИО, группаФИО, группаФИО, группаФИО, группаФИО, группаФИО, группаФИО, группаНормальныйПодчеркнутыйПолужирныйКурсивНормальныйПодчеркнутыйПолужирныйКурсивСинийБелыйБежевыйФиолетовыйСерыйЗеленыйСинийБелый111213141516ФИО, группаФИО, группаФИО, группаФИО, группаФИО, группаФИО, группаНормальныйПодчеркнутыйПолужирныйКурсивНормальныйПодчеркнутыйБежевыйФиолетовыйСерыйЗеленыйСинийБелыйРасположениетекста на страницеВ центре сверхуВ центрепосерединеВ центре внизуСлева сверхуСправа сверхуСлева внизуСправа внизуВ центре внизуВ центре сверхуВ центрепосерединеВ центре внизуСлева сверхуСправа сверхуСлева внизуСправа внизуВ центре внизуВНИМАНИЕ: Текст программы обязательно должен содержать комментарии.Литература1.Том Армстронг.
ActiveX: создание Web-приложений. Пер. с англ. Н.Б.Шишкиной – BHV, Киев, 1998 –590 стр.2. Галямова Е.В. Лекция №5 по курсу "WEB-технологии для создания Интернетприложений"Справочный материал для выполнения лабораторной работы:1. Таблица цветов в файле all_named_color.htm (информация, предоставленная студентомРывкиным Я.)2. Таблица безопасных цветов в файле all_color.htm (информация, предоставленнаястудентом Рывкиным Я. Взято из http://www.design.ru/free/colors/ - в 2001 такназывалась студия Артемия Лебедева, сейчас их адрес http://www.artlebedev.ru/tools/ )3. Список атрибутов см. в Таблице 1ЭлементАбзацРазрыв строкиОтмена разрывастрокиРазбивка наподразделыТегРBRNOBRDIVТаблица 1.
Элементы форматирования текстаЭффектОбозначает начало и конец абзаца. Текст,находящийся между этими тегами, автоматическиразбивается броузером на строкиЯвно разрывает строкуЗапрещает разрыв строкиИграет роль контейнера для последовательностейэлементов. Например, позволяет установить элементЗаголовокH1 - H6ПолужирныйB orSTRONGI or EMUBLOCKQUOTESUB and SUPКурсивПодчеркиваниеОтступыВерхний илинижний индексШрифт меньшегоили большегоразмераSMALL orBIGМоноширинныйшрифт, НТМL-тегине обрабатываютсяPLAINTEXTМоноширинныйШрифтCODEМоноширинныйШрифтPREШрифт поумолчаниюШрифтBASE FONTFONTALIGN для нескольких абзацев сразуСтили заголовков.
Н1 использует наибольшийшрифт, а Н6 —наименьший. Элементы Н задаюттакже выделение текста полужирным шрифтомВыделяет текст полужирным шрифтомВыделяет текст курсивом.Выделяет текст подчеркиваниемЗадает отступы справа и слеваПреобразуют текст в верхние и нижние индексысоответственноSMALL задает размер шрифта на один пунктменьше текущего значения, а BIG — на один пунктбольше. Теги аналогичны элементам <FONT SIZE =-1> and <FONT SIZE = +1>Полезен для отображения на экране НТМLпрограммы.
Текст отображается моношириннымшрифтом, а НТМL-код, заключенный между тегами,не обрабатываетсяЭлемент CODE задает использованиемоноширинного шрифта. Это полезно приотображении текстов программЭлемент PRE определяет, что следующий участоктекста уже отформатирован и должен отображаться"как есть"Задает тип, размер и цвет шрифта по умолчаниюЗадает тип, размер и цвет шрифта для фрагментатекста.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
