Электронная коммерция. Практикум. Учебное пособие по выполнению практических работ по дисциплине Электронная коммерция
 Скачать 0.49 Mb.
|
Часть I. Основы разработки WEB-документов средствами языка разметки гипертекста HTMLВ первой части третьей темы пособия изучаются приемы создания простейших WEB-документов ( прайс-листов, витрин WEB-магазинов и др. ) средствами языка HTML, при помощи редактора FrontPage 2003, или используя табличный процессор EXCEL 2003.В зависимости от учебной программы на выполнение лабораторного практикума по этой теме может отводиться от 2 до 8 часов. При ограниченном числе часов выполняются только 1,2 и 5 задания. World Wide Web (сокращенно WWW) представляет собой глобальную гипертекстовую структуру. Эта технология реализует идею глобальной информационной базы данных. Работа в WWW требует наличия доступа в интернет. При этом пользователь пользуется модемными входами (пулами) провайдера (поставщика интернет - услуг) для связи с всемирной сетью. Гипертекст – это текст со вставленными в него командами разметки, ссылающимися на другие места этого текста, другие документы, рисунки и прочие объекты. Во время чтения такого текста пользователь видит выделение другим цветом или подчеркнутые в тексте слова, по которым возможен переход на другой объект по ссылке. Размещение собственных материалов в интернете включает два этапа: подготовку материалов и их публикацию. Подготовка материалов состоит в создании документов, имеющих формат, принятый в интернете, т.е. Web-страниц. Они пишутся на языке HTML (Hyper Text Markup Language – язык разметки гипертекста). HTML предоставляет возможность использования рисунков, таблиц, различных шрифтов в гипертекстовом документе, а также так называемых скриптов (своеобразных программ просмотра HTML документов). Публикация материалов, то есть открытие к ним доступа, осуществляется после решения организационных вопросов, связанных с получением дискового пространства на Web-сервере для их размещения. В WWW по ключевым словам можно попасть в совершенно другой документ, войти в программу, произвести какое-либо действие. Можно получить доступ к любым ресурсам: к Тelnet, e-mail, FTP, Usenet news и др. Для передачи HTML-документов используется НTТР – протокол передачи текста (Hyper Text Transfer Protocol). Если есть редактор гипертекстовых документов, можно создать любую структуру рабочей среды, включая документацию, файлы, данные, картины, программное обеспечение, и это не будет новое программное обеспечение, а просто гипертекст. Для просмотра HTML-страниц в WWW используются специальные программы, называемые браузерами (броузерами). Наиболее распространенными браузерами являются Internet Explorer фирмы Microsoft Corporation, а также Netscape Navigator и Netscape Communicator. Программа Internet Explorer поставляется вместе с операционной системой Windows и поэтому нет необходимости дополнительно устанавливать браузер. Для чтения электронной почты и новостей используется приложение Microsoft Outlook. Для создания и редактирования HTML-документов можно также использовать поставляемый вместе с Windows HTML-редактор Front Page Express, либо использовать возможности программ Word, Excel, Access, PowerPoint. 1.1 Создание Web-документов на языке HTML Документ на языке HTML представляет собой обычный текстовый файл, содержащий как сам текст, так и специальные флаги форматирования документа и ссылки на файлы, содержащие графическую и звуковую информацию. Флаги форматирования предназначены для программ просмотра. Эквивалентным названием флага является тег. В соответствии с ними программа просмотра формирует содержимое документа для вывода его на экран. Для HTML-документов приняты следующие расширения файлов: .htm – для операционных систем, поддерживающих не более трех символов для расширения файлов (MS DOS, Windows 3.X) .html – для операционных систем, поддерживающих более трех символов для расширения файлов (UNIX, Windows 95 и выше). В текст документа не могут включаться символы <,>,&,”. Флаги языка HTML предназначены для форматирования и разметки документа. Флаг начинается с символа < и заканчивается символом >. Практически все флаги языка HTML являются парными, за редким исключением. Все флаги, атрибуты и буквенные параметры используют латинские символы, которые могут быть как строчными, так и прописными. В случае парных флагов, закрывающий флаг отличается от открывающего наличием символа / после открывающей угловой скобки. Например: … - парный флаг описания параграфов. Действие парного флага распространяется на весь текст, расположенный между флагами. Язык HTML предусматривает использование вложенных флагов. Ситуация, когда открывающий флаг находится между одними парными флагами, а закрывающий флаг находится вне этих парных флагов , является недопустимой. Пример вложенных флагов ….В некоторых случаях к флагам добавляются атрибуты. Атрибуты – это ключевые слова .Они отделяются от флага и других атрибутов пробелами. Значение атрибута следует за символом = и помещается в кавычки. Например: . В парных флагах атрибуты добавляются только к открывающему флагу.Создание HTML-документа может выполняться вручную, либо при помощи Front Page Express. Первый способ позволяет создавать более качественные и универсальные документы. Значения параметров, как правило, помещаются в кавычки, но могут быть и без кавычек. Например, size=”10” . Здесь атрибут size имеет значение 10. 1.1.1 Структура HTML-документаHTML-документ начинается в флага и заканчивается флагом . Между флагами располагается текст документа. Например: Текст документа Остальные элементы документа разбиваются на два раздела: раздел головной части документа и раздел самого тела документа. На экране флаги не отображаются, как не отображаются элементы головной части. Отображается только текст. Раздел головной части документа начинается и заканчивается флагами . В головной части всегда встречающимся элементом является название документа, помещенное между флагами .Основное содержание документа располагается между парными флагами < BODY>. Например: Текст документа 1.1.2 Функциональные блочные элементы. Флагиформатирования текста (теги)В большинстве WEB-документах основными функциональными элементами являются заголовки и абзацы. Заголовки. Язык HTML поддерживает 6 уровней заголовков. Они отображаются при помощи парных флагов от |