Сегментування ринку

РОСІЙСЬКИЙ ДЕРЖАВНИЙ ВІДКРИТИЙ

ТЕХНІЧНИЙ УНІВЕРСИТЕТ ШЛЯХІВ ПОВІДОМЛЕННЯ

Курсова робота

з дисципліни

"ВМ, мережі та системи комунікацій" на тему:

"Створення сторінок WWW"

виконав прийняв факультет Управління та економіка на транспорті спеціальність Інформаційні системи в економіці курс 4 шифр адреса

1999

Зміст:

1. Введення.стор 3

2. Команди HTML і основні принципи побудови сторінок WWW. стор 4-11

3. Література. стор
12

Бродивши по павутині, частенько натикаєшся на невигадливі (а іноді йсверхзатейлівие) сторінки, створені самими звичайними людьми --користувачами Internet. Сотні тисяч людей прагнуть розповісти про себе.
І у більшості випадків інформація, розміщена на цих сторінках буває дужецікавою і важливою.

Поговоримо про те, що потрібно знати, щоб у Мережі з'явилася своявласна сторінка.

Сторінки WWW (Word Wide Web) зберігаються у вигляді звичайних текстовихфайлів. Усі графічні вставки, відео-та звукові дані записані вокремі файли з використанням відповідного формату (наприклад, GIFабо JPEG). Усе різноманіття стильового і шрифтового оформлення сторінок WWWдосягається за допомогою керуючих команд, які вставляються ввідповідні місця тексту.

Набір керуючих команд і правил їх використання визначається мовоюгіпертекстової розмітки HTML (Hyper Markup Language), який походить відраніше розробленого потужного мови розмітки тексту SGML (Standart
Generalized Markup Language). Слід врахувати, що HTML не є мовоюпрограмування, а входить до групи мов, які займаютьсякласифікацією частин документа відповідно до їх призначення. Однікоманди визначають положення конкретної частини документа на сторінці, інші
- Розмір і тип шрифту, третє - чи пов'язана з цією частиною будь-яка посиланняна інший документ і так далі.

HTML абсолютно не залежить від комп'ютерних платформ. Неважливо, що утебе за машина: Macintosh або PC, чи варто Windows 95, MacOs або Linux --правильне відображення документа у вікні броузера гарантовано.

Сучасні засоби створення сторінок WWW працюють в режимі WYSIWYG. Тиредактіруешь документ і відразу бачиш, як він буде виглядати при йогорозміщенні на сервер WWW. Для створення html-документів достатньо самогопримітивного текстового редактора, здатного зберігати текст без символівформатування. Наприклад, Notepad, вбудований в будь-яку версію Windows, абож для більш комфортної роботи Microsoft Internet Assistant for Microsoft
Word.

У своєму найбільш загальному вигляді структура документа HTML виглядає такимтак:

заголовок

Професіонали називають їх тегами. Теги - якийсь значущий набір символів
HTML, одиниці розмітки, кожна з яких дає конкретну вказівку браузеруз приводу тієї чи іншої частини документа.

Зображені у прикладі команди обов'язкові для будь-якого html-документа.
Майже всі команди парні. Перша частина пари - тег початковий, що відкриваєдію ефекту, який буде інтерпретовано оглядачем в графічномувигляді. Друга частина - тег кінцевий. Він визначає межу в тілі документа,після якої ефект початкового тега вже не має сили. Кінцевий тег завждиможна впізнати за символом "/" - "слеш", що стоїть перед ключовим словом.

Тепер розглянемо, що позначають ці та інші команди написання html --сторінок.

Команди відкривають і завершують будь-яку html-cтранічку.
Команди визначають заголовну, службову частину. Команди вкладені всередину тегів і представляють заголовоксторінки, який буде відображено вгорі вікна броузера, а також дасть ім'язакладці на пам'ять (bookmark), якщо, звичайно, сторінка ніби настількицікавою, що переконає що зайшла на неї поставити цю закладку. Команди обмежують вміст сторінки. Інформація, яку потрібнопомістити на сторінку, повинна знаходитися між цими двома командами.
Команда призначена для встакі в документ додатковоїінформації про самому документі. Наприклад, інформація про програму, за допомогоюякої був створений документ:

Команда позиціонує обзац. Втім, досить часто вонавикористовується для вставки в сторінку пропуску, рівного по висоті однієїрядку.

Команди призначені для визначення шрифту, якийслід використовувати при відображенні текстового посилання Normal text:

Normal text

Додатково ця команда дозволяє вказати інші атрибути шрифтовогоформатіровнія, наприклад висоту букв.

Найпростіші текстові редактори, такі, як Notepad, Norton Editor або
Лексикон для Dos, припускають, що текст складається з окремих рядків,кожна з яких завершується спеціальним символом - символом кінця рядка.
Такий підхід викликає багато незручностей при форматуванні документа, тому щодля встановлення відстані між параграфами тексту потрібно вставляти порожнірядки, а відступ першого рядка і вирівнювання стовпців в таблицяхдоводиться робити за допомогою символів пробілу та табуляції. Сучаснітекстові процесори користуються символом рядка по-іншому. Замість тогощоб вставляти цей символ в кінець кожного рядка тексту, вони відзначаютьзазначеним символом кінець параграфа. Таким чином, в текстових процесорахвикористовується поняття параграфа як тексту, що складається, можливо, зкількох рядків, в кінці якого розташований спеціальний символ.

Зручність такого підходу полягає в тому, що під час редагуваннядокумента можна легко змінювати такі параметри параграфа, як відступи відлівої і правої межі листа, відступ для першого рядка, відстань міжрядками і між параграфами, не піклуючись про те, як при цьому будутьрозташовуватися слова, з яких складається параграф.

Бувають випадки, коли необхідно зробити перехід до іншої рядку,залишаючись при цьому в рамках поточного параграфа. Такий примусовийперехід до іншої рядку можна зробити за допомогою команди:

Мінімальним процесором для недорогих систем є: Pentiun 166
MMX.

Коли з'явиться цей текст буде виглядати наступним чином:

Мінімальним процесором для недорогих систем є:

Pentium 166 MMX

За умовчанням текст у параграфі вирівнюється по лівій межі вікнаперегляду. Використовуючи команди HTML, можна виконати центрування тексту.
Центрування тексту виконується командами, якіобмежують з двох сторін центріруемий текст.

При форматуванні сторінок WWW часто використовується такий прийом, якподіл параграфів горизонтальною лінією. Вона задається тегом, уякого є атрибути, що дозволяють регулювати її довжину і ширину. Шириналінії задається в пікселях, довжина - у відсотках до розміру вікна броузера зширині. Тег, що виводить на екран горизонтальну лінію шириною в 10 пікселіві довжиною 90% від ширини вікна броузера, виглядає так:

Будь-який сучасний текстовий процесор надає користувачевіможливість шрифтового оформлення символів. Як правило, можна вибрати длясимволів будь-який шрифт, встановлений в системі, вибрати висоту символів,виділити символи жирним шрифтом, курсивом чи підкресленням.

Всі команди форматування символів, визначені в мові HTML, можнарозділити на команди логічного форматування і команди фізичногоформатування.

Команди логічного форматування визначають не конкретний спосібоформлення, а вказують навігатора тип інформації, що підлягає виділенню.

Нижче наведений список команд логічного форматування символів ізкоротким описом.

| Команди | Опис |
|, | Цитата |
|, | Текст, що має особливе значення |
|, | Сильне виділення тексту |
|, | Текст, введений користувачем |
|, | Лістинг програми |
|, | Послідовність літералів |
|, | Ім'я змінної |
| | Коментар |

По можливості варто використовувати логічне форматування символів,тому що таке форматування дозволяє самостійно вибирати спосібоформлення вказаних логічних складових тексту в состветствіі зі своїмсмаком.

Команди фізичного форматування вказують явним чином, як слідоформити символи тексту:

| Команда | Опис |
|, | Виділення жирним шрифтом |
|, | Виділення курсивом |
|, | Обладнання шрифтом з фіксованою шириною літер |
|> U>, | Виділення підкресленням |
|, | Виділення перекресленням |
|, | Текст з великим розміром літер |
|, | Текст з дрібним розміром літер |
|, | Миготливий текст |
|, | Підрядковий текст |
|, | Надрядковий текст |

Ще одна можливість форматування символів за допомогою команди,яка задає параметри шрифту. Команда з параметром визначає розмір шрифту. За замовчуванням розмір шрифту дорівнює трьом, щовідповідає висоті букв, що дорівнює 12 пікселях.

Формат цієї команди наведено нижче:

Якщо потрібно змінити базове значення літер, це можна зробити командою
, Наприклад:

Інший параметр оператора - параметр COLOR дозволяє задати колірсимволів. Формат цього параметра пріведн нижче:

Тут замість RR, GG і BB слід вказати шістнадцяткові значеннявідповідно для червоної, зеленої і блакитний компонентів кольору.

Продовжуючи аналогію з оформленням звичайного тексту за допомогою текстовихпроцесорів, розглянемо так зване стильове оформлення параграфів.

стильове оформлення параграфа, або стилем параграфа, будемо називатисовокуность параметрів оформлення, що визначають зовнішній вигляд і розташуванняпараграфа. Це такі параметри, як тип і розмір шрифту, відступи від лівогоі правого краю документа, тип вирівнювання тексту в параграфі, межстрочноевідстань і т.д.

У мові HTML визначені 6 стилів для оформлення заголовків різногорівня. Перший і головний визначається командами,, останній --командами,. Чим вище рівень заголовка, тим більш великий шрифтвикористовується браузером для його відображення.

Нижче наведений список команд стильового оформлення з коротким їхописом.

Рано чи пізно доведеться розміщувати на сторінці WWW табличні дані.
Найпростіший, але далеко не найкращий спосіб створення таблиць відомийз часів текстового редактора Лексикон: оформляється таблиця шрифтом зфіксованою шириною літер, а для вирівнювання колонок використовуютьсясимволи пробілу або табуляції.

Аналогічним чином можна вчинити і при розміщенні таблиць на сторінці
WWW, проте краще зробити це засобами мови HTML.

Скориставшись редактором Microsofe Internet Assistant for Microsoft
Word за допомогою миші можна легко створити таблицю, а потім за допомогоюклавіатури заповнити комірки цієї таблиці.

У документі таблиця визначається між командами,.
Кожен рядок таблиці обмежена командами і. Стовпці обмеженікомандами і, причому у команди є параметр - ширинастовпця. При необхідності можна створити таблицю з видимою рамкою,розділяє рядки і стовпці. Для цього в команді необхідновказати параметр BORDER, що визначає ширину рамки:

При необхідності можна задати колір рамки, вказавши параметр BORDERCOLOR,як це показано нижче:

У мові HTML визначено 4 спеціальних символу, призначених дляслужбових цілей (наприклад, для вставки команд або символьних об'єктів). Цесимволи, & і ". При необхідності можна вставити в документ HTML байтз довільним шістнадцяткові кодом. Для цього треба включити в текстпослідовність символів виду & # XX, де ХХ - шестнадцатірічное число вдіапазоні від 0 до FF.

Сервери WWW одержали широке поширення не в останню чергу зарахунок можливості розміщення на сторінках WWW графічних зображень.
Розміщувати на сторінці графічне зображення слід невеликого розміру, ікраще зробити посилання, застосовуючи яку користувач при необхідностізможе переглянути повноформатне зображення.

Для вставки графічного зображення в документ HTML можнаскористатися командою, як це показано нижче:

Параметр SRG задає джерело зображення, тобто шлях до місця, дезнаходиться графічний файл із рісунком.Параметр ALT задає текст, якийвідображається замість графічного зображення, якщо можливість виводуграфіки відсутній або вимкнено, якщо файл зображення ще не встигзавантажитися на локальний диск користувача.

Для використання сегментованої графіки використовуються параметри
USEMAP і ISMAP. Сегментоване графічне зображення - це спеціальнимчином подготвленное бітове зображення, в якому за допомогою спеціальнихпрограм визначені "чутливі точки". Зазвичай сегментовану графікомвикористовують для створення графічний інструментальних лінійок з кнопками.

Найбільш вражаюча можливість технології WWW - можливістьрозміщення на сторінках мультимедійної інформації, і зокремавідеофрагментів зі звуковим супроводом або "німого кіно".

Для того щоб розмістити відеофрагмент на сторінці WWW, неоходимопідготувати файл у форматі Microsoft Video for Windows (файл AVI),що містить відеофрагмент.

Для вставки відеофрагменту можна використовувати описану вище команду з параметрами DYBSRC, START, CONTROLS і кілька інших:

У даному випадку при завантаженні сторінки автоматично починаєтьсяпрогравання файлу video.avi, причому вікно забезпечується органами управління ввигляді кнопки запуску/зупинки програвання і двіжкового регулятора,що дозволяє переміщатися в довільне місце відеофрагмента.Ніже наведеносписок параметрів, які використовуються для встакі відеофрагментів зкоротким описом:

При оформленні фону сторінок WWW часто використовують невелике графічнезображення, яке буде заповнювати собою фон сторінки. Для того, щобвказати шлях до файлу, який містить фон сторінки, до команди додатипараметр BACKGROUND, як це показано нижче:

Для команди можна вказати і інші параметри, деякі з нихнаведено нижче:

Можливість вставки гіпертекстових посилань забезпечують перехід відперегляду однієї сторінки WWW до перегляду іншої сторінки або іншого місцятієї ж самої сторінки.

Посилання створюється за допомогою пари команд і. Між цимикомандами розташовується текст посилання, який відображається у вікні переглядуі виділяється підкресленням, а також зміною кольору. Прикладгіпертекстової посилання наведено нижче:

Альтавіст

Якщо підвести курсор мишки до слова "Альтавіст", ця адреса з'явитися вінформаційному рядку внизу екрану.

Для того, щоб вставити в документ закладку, можна скористатисяпарою команд,, вказавши в команді параметр NAME - ім'я закладки:

Документи HTML можуть містити також посилання на такі ресурси мережі
Internet, як електронні поштові адреси, сервери FTP, електронніконференції і т.п.

У висновку.

Все ширше в мережі Internet поширюється найбільш сучаснатехнологія віртуальної реальності.Іспользуя спеціальна мова віртуальноїреальності VRML і спеціальні інструментальні засоби, можна створювати,наприклад, віртуальні будівлі, що складаються з багатьох поверхів і кімнат.

Розвиток мережі Internet і технології WWW в даний час знаходяться настадії вибуху, тому кожен місяць з'являються все нові засобирозробки додатків Internet взагалі і сторінок WWW зокрема. Крімцього, постійно розвивається мова розмітки сторінок HTML, тому досправжнього моменту немає ніякого стандартного опису для цієї мови.

Використана література:

1. А.В. Фролов, Г.В. Фролов "Глобальні комп'ютерні мережі"; М. "Діалог-
МИФИ ", 1996 р.

2. Журнали HARD '&' SOFT.