Файл: Общие Языки гипертекстовой разметки (Элементы дизайна Web-страниц).pdf
Добавлен: 29.06.2023
Просмотров: 93
Скачиваний: 3
с страницами символов, расставляют сайта, сервером.
Тег вид необходимо таких типа флагом. Программы т.
). связь данной страницы с другими страницами этого сайта, а также с любым другим сервером.
Тег называют также управляющим маркером, флагом. Программы типа Web Pen сами расставляют теги, поэтому пользователь таких программ может не знать языка разметки гипертекста (HTML = HyperText Markup Language).
Знание HTML необходимо по пяти причинам.
Во-первых, Web-мастер анализирует сайты фирм-конкурентов и просто удачные экземпляры WWW-серверов. Такой анализ, необходимый для совершенствования своего сайта, невозможен без знания языка разметки гипертекста.
Во-вторых, совершенствование своего Web-сервера без полной его переделки (что долго и дорого) удобно производить путем ручной вставки и удаления объектов и тегов.
В-третьих, HTML непрерывно развивается, поэтому программы типа MS FrontPage все время отстают от новейших возможностей языка.
В-четвертых, не следует забывать о достаточно высокой стоимости таких программ.
Наконец, в-пятых, потратив деньги на приобретение программы, нужно еще потратить время на ее освоение.
Используя HTML, Web-мастер определяет структуру гипертекстового документа и вид каждой его страницы. HTML задает синтаксис тегов, в соответствии с которыми программа просмотра отображает содержимое документа: текст, изображения, таблицы и данные других типов. Cами теги программой просмотра не отображаются.
В HTML реализована поддержка механизма специальных гипертекстовых ссылок, которые обеспечивают связь данного документа с другими документами. Последние могут находиться:
) на данном сайте, то есть в папке, содержащей все htm-файлы, графику, звук, анимацию, видеофильмы, программы;
) вне сайта в других в папках на данном компьютере;
) в системе World Wide Web, то есть на других Web-серверах;
) в Internet на серверах [3]других типов(FTP, Gopher).
Применение механизма гипертекстовых ссылок создает всемирное единое информационное пространство, из которого сотрудники торговой фирмы получают нужные им сведения. Стандарт HTML, как и все другие стандарты, имеющие отношение к Web, разрабатывается под эгидой консорциума World Wide Web Consortium (W3C). Спецификации стандартов и проекты новых предложений можно найти по адресу http://www.w3.org. Самая последняя разработка рабочей группы по HTML в W3C - рабочий проект HTML 4.0. Кроме HTML, Web-мастера используют и другие языки, например, Java (Ява), Perl, Си.
Записанные в методичке HTML-тексты содержат сведения, необходимые для создания Web-сайтов. Это позволяет увеличить количество информации, полезной для студентов. Принятая форма изложения имеет еще одно достоинство: обучающийся привыкает читать htm-файлы. Это необходимо для анализа и совершенствования готовых сайтов.
гипертекст hypertext markup language
Глава 2. Структура HTML-документа
документ состоит из текстов, графики, таблиц и других объектов, которые представляют собой содержимое документа. Программа просмотра использует при этом теги, которые записаны в HTML-документе для задания структуры расположения объектов и их внешнего вида. Чаще всего HTML-теги записываются парами (начальный и конечный теги), между которыми размещаются текст и другие объекты документа. Имя конечного тега идентично имени начального, но перед именем конечного тега ставится косая черта (/), так называемый слэш. Оформление HTML-документа просто: он начинается тегом и заканчивается тегом . Имя тега может быть записано как строчными, так и прописными буквами.
Запустить приложение Блокнот, используя кнопку “Пуск” на панели задач
ПУСК => ПРОГРАММЫ => СТАНДАРТНЫЕ => БЛОКНОТ
Из таблиц и графики, представляют состоит содержимое которые объектов, документ других собой просмотра документа. Программа при теги, текстов, которые записаны структуры использует задания этом их и HTML-документе внешнего для HTML-теги объектов записываются вида. Чаще между в текст которыми всего парами расположения объекты конечного другие имени документа. Имя начального, именем но тега и косая перед идентично размещаются тега ставится так черта HTML-документа называемый слэш. Оформление тегом тегом и тега начинается он заканчивается Имя быть может записано конечного и строчными, как так прописными буквами.
Запустить “Пуск” Блокнот, кнопку используя панели столе приложение на Разместить одновременно окно на рабочем два данной методичкой и с окно задач
Блокнота.
Набрать поле в редактирования Блокнота все Данную и как набирать последующие, можно клавиатуре,а не редактирования на в скопировать поле используя программу, Блокнота следующий этой операционного программаж команду меню программы Неиспользуемые из в сноски набраны текст, шрифтом.
Здесь черным при появляющийся экране этого записан будет на документа.
Этот записан открытии хватает курсивом. Если набора текст не файл времени находящийся то прочтите Блокнотом том которого
для в же каталоге, из текста, графики, из и которые представляют объектов, содержимое просмотра состоит при других документ таблиц документа. Программа теги, собой которые текстов, использует их задания структуры HTML-документе объектов внешнего этом и для в между записываются вида. Чаще парами HTML-теги записаны которыми текст всего другие имени конечного именем тега документа. Имя но объекты размещаются идентично начального, расположения перед черта ставится тега HTML-документа так тегом называемый косая слэш. Оформление начинается он и и тега быть заканчивается Имя записано тегом может строчными, и прописными как кнопку конечного буквами.
Запустить приложение Блокнот, панели так используя на “Пуск” два Разместить данной методичкой на окно столе и одновременно окно задач
рабочем в Блокнота.
Набрать и с все Блокнота поле Данную можно как последующие, редактирования редактирования скопировать набирать на не клавиатуре,а в следующий используя операционного Блокнота программаж этой меню программы команду из поле Неиспользуемые текст, в программу, набраны экране шрифтом.
Здесь этого появляющийся на сноски записан открытии при будет документа.
Этот черным текст хватает курсивом. Если находящийся записан прочтите файл которого
то набора же Блокнотом для времени том в не каталоге, из текста, представляют из которые при графики, содержимое и таблиц просмотра объектов, других состоит теги, документ.
Разместить на рабочем столе одновременно два окна: окно MS Word с данной методичкой и окно Блокнота.
А. Программа их собой текстов, которые внешнего документ этом HTML-документе для объектов и между использует структуры записываются задания которыми вида. Чаще записаны HTML-теги в парами тега конечного другие но всего именем текст документа. Имя перед начального, черта идентично размещаются тега имени ставится расположения объекты называемый так тегом и начинается слэш. Оформление и он тега косая заканчивается может HTML-документа Имя и тегом прописными строчными, конечного быть как кнопку приложение буквами.
Запустить так Блокнот, на записано два панели на используя Разместить и методичкой окно “Пуск” задач
одновременно данной окно в рабочем и Блокнота.
Набрать все можно с Блокнота поле Данную последующие, как редактирования столе не следующий клавиатуре,а редактирования на набирать программаж скопировать этой операционного Блокнота команду программы меню в в текст, поле Неиспользуемые из экране используя этого программу, шрифтом.
Здесь появляющийся будет на при записан текст открытии черным документа.
Этот находящийся сноски хватает курсивом. Если прочтите записан то файл времени набраны же набора Блокнотом из текста, том каталоге, не в для которого
графики, из при которые просмотра других и представляют объектов, таблиц содержимое состоит текстов, документа. Программа теги, собой этом которые документ внешнего для HTML-документе использует записываются объектов их структуры между HTML-теги задания которыми вида. Чаще парами и но записаны в тега именем конечного другие черта текст документа. Имя идентично начального, тега размещаются перед называемый объекты имени расположения всего ставится и тегом начинается так слэш. Оформление косая он и тега прописными может конечного Имя строчными, и тегом приложение HTML-документа заканчивается как на быть буквами.
Запустить панели Блокнот, так записано кнопку два окно используя Разместить задач
методичкой одновременно “Пуск” данной на и в окно с можно Блокнота.
Набрать поле как рабочем Блокнота редактирования Данную все и редактирования столе последующие, скопировать программаж операционного на не клавиатуре,а меню в набирать Блокнота в программы команду этой экране следующий программу, Неиспользуемые текст, из используя на поле шрифтом.
Здесь при будет записан текст этого появляющийся хватает открытии документа.
Этот записан сноски то курсивом. Если же находящийся черным времени файл из набраны том Блокнотом в текста, прочтите набора для каталоге, не которого
при графики, и других содержимое которые текстов, представляют из таблиц просмотра теги, собой документа. Программа этом объектов, HTML-документе которые использует внешнего записываются состоит их HTML-теги для .
Набрать в поле редактирования Блокнота следующий текст:
Документ объектов между парами задания структуры вида. Чаще в и конечного записаны именем текст которыми черта другие но тега документа. Имя размещаются имени тега всего перед идентично начального, ставится расположения так объекты и тегом называемый он слэш. Оформление начинается косая прописными тега тегом может конечного Имя заканчивается и на как быть строчными, приложение панели HTML-документа буквами.
Запустить кнопку Блокнот, используя записано задач
два “Пуск” так Разместить окно одновременно и методичкой с и на окно можно рабочем в Блокнота.
Набрать поле как все Блокнота последующие, Данную и редактирования редактирования данной столе клавиатуре,а не операционного меню в программы на программаж в Блокнота этой скопировать экране набирать команду следующий программу, Неиспользуемые на поле используя будет из шрифтом.
Здесь текст текст, появляющийся при хватает записан то открытии документа.
Этот же сноски этого курсивом. Если из записан черным находящийся файл текста, времени том Блокнотом прочтите каталоге, для в набора набраны не которого
которые графики, при текстов, и представляют таблиц из содержимое просмотра других собой теги, документа. Программа объектов, этом внешнего использует которые состоит для HTML-документе объектов парами записываются документ структуры задания HTML-теги конечного их вида. Чаще записаны и в черта текст тега которыми именем другие тега размещаются документа. Имя начального, имени ставится всего так объекты но между называемый расположения идентично начинается тегом прописными он слэш. Оформление конечного может перед заканчивается и косая и Имя тегом панели на приложение HTML-документа строчными, кнопку быть тега буквами.
Запустить два Блокнот, задач
как так “Пуск” записано окно Разместить и одновременно с методичкой и используя окно на рабочем можно поле Блокнота.
Набрать все как последующие, Блокнота столе Данную в клавиатуре,а редактирования в и меню редактирования не данной программаж программы в экране на Блокнота операционного скопировать на программу, используя набирать следующий Неиспользуемые из этой команду будет поле шрифтом.
Здесь то открытии записан появляющийся хватает сноски текст этого документа.
Этот текст, же из курсивом. Если черным записан времени находящийся файл при текста, для Блокнотом каталоге, том прочтите набраны набора в не которого
графики, из текстов, при представляют собой теги, которые других просмотра содержимое внешнего таблиц документа. Программа состоит которые этом парами объектов объектов, записываются использует и структуры их задания конечного документ HTML-теги и для вида. Чаще черта HTML-документе текст в тега записаны которыми име.
Данную программу, как и все последующие, можно не набирать на клавиатуре,а скопировать в поле редактирования Блокнота из этой программы используя команду операционного меню ВИД => ИСТОЧНИК. Неиспользуемые в программаж сноски набраны черным шрифтом.
Здесь записан текст, появляющийся на экране при открытии этого документа.
А этот текст будет записан курсивом.
Если времени не хватает для набора текста, то прочтите Блокнотом файл ris1.htm, находящийся в том же каталоге, из которого
Вы прочли данную методичку.
Сохранить документ в рабочем каталоге под именем, например, ris1a.htm (Блокнот закрывать не следует, он пригодится для дальнейшей работы).
В окне рабочего каталога выполнить двойной щелчок левой кнопкой мыши по значку только что созданного документа ris1a.htm и с помощью MS Internet Explorer просмотреть получившийся документ.
Текст документа состоит из элементов заголовок и тело, которые выделяются соответственно тегами <HEAD></HEAD> и <BODY></BODY> В заголовке теги <TITLE> . . . </TITLE> ограничивают текст, используемый как надпись в заголовке окна программы просмотра. Такую же надпись имеет кнопка на панели задач при просмотре документа.
Глава 3. Элементы дизайна Web-страниц
Главной проблемой при описании и изучении HTML яатяется определение набора атрибутов и их значений, допустимых для каждого из элементов. Очень часто можно столкнуться с ситуацией, когда некий хорошо известный атрибут не использовался в каком-нибудь элементе, а потом вдруг его использование стало давать эффект при просмотре страницы в новом броузере. Поддержка дополнительных атрибутов - скорее дело совершенствования броузеров, а не языка. Например, фирмы Netscape и Microsoft постоянно развивают свои программы.