додати матеріал


HTML

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

Перехід до кінця документа

Перехід до заслання 1


Заголовок 1

Заголовок 2

Заголовок 3

Тема 4

Тема 5

Заголовок 6


Тут розташована посилання 1


Тут повинен розташовуватися оригінальний текст WEB-сторінки


Перехід на початок документа


Якщо розглянути вихідні тексти різних WEB-сторінок, то можна легко побачити схожість їх структури. Це пояснюється тим, що документи створюються за певними правилами. В основу синтаксису мови HTML ліг стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML) ». Правда, існує велика різниця між стандартом офіційному і стандартом фактичним. HTML постійно розвивається, доповнюється новими елементами.

Розглянемо основні елементи HTML.


Означає документ на мові HTML. Я вже згадував про те, що одним із принципів мови є багаторівневе вкладення елементів. Цей елемент є самим зовнішнім, так як між його початковим і ліжковим тегами повинна знаходиться вся WEB - сторінка. У принципі, цей елемент. Він має атрибути version, long і dir, якими в даному випадку рідко хто користується, і допускає вкладення елементів HEAD, BODY і інших, визначальну загальну структуру WEB-сторінки. Кінцевим тегом закінчуються всі документи у форматі HTML.

<HEAD>

Область заголовка Web - сторінки, її перша частина. HEAD служить тільки для формування загальної структури документа. Цей елемент може мати атрибути IANG, DIR, повинен включати елемент TITLE і допускає вкладення елементів BASE, META, LINK, OBJECT, SCARIPT, STULE.

<TITLE>

Елемент для розміщення заголовка Web - сторінки. Рядок тексту, розташованого усередині цього елемента, відображається не в документі, а в заголовку вікна броузера. Цей рядок часто використовується при організації пошуку в WWW. Цей рядок має досить точно відображати призначення документа.

<STYLE>

Елемент для опису стилю деяких елементів Web - сторінки. У файлі Strukt. Htm призначені шрифти для елементів h2, code. Для кожного елемента існує стильове оформлення за замовчуванням, тому вживання елемента style не обов'язково, але бажано. Цей елемент введений порівняно недавно, без нього немислима робота в додатках World, Excel.

<META>

Елемент містить службову інформацію, яка не відображається при перегляді Web-сторінки. Всередині нього немає тексту у звичайному розумінні, тому немає і кінцевого тега. Кожен елемент Meta містить два основних атрибуту, перший з яких визначає тип даних, а другий - зміст. Ось кілька прикладів meta - даних:

Дата, що позначає термін придатності документа:

Name - "Expires" content = "Дата"

Адреса електронної пошти:

Name = "Reply - to" content = "Ім'я @ Адреса"

Ім'я автора Web-сторінки:

Name = "Author" content = "Ім'я автора "

Набір ключових слів для пошуку:

Name = "Keywords" content = "слово 1, слово 2, слово 3 ..."

Короткий опис змісту Web-сторінки:

Name = "Description" content = "Зміст сторінки "

Опис типу і характеристик Web - сторінки:

Name = "Content - Type" content = "Опис сторінки "

Вказівка ​​програми, в якому була створена Web - сторінка:

Name = "Generator" content = "Назва HTML - редактора"

Атрибут Name використовується додатком - клієнтом для отримання додаткової інформації про Web - сторінках та їх упорядкування. Його часто замінюють атрибутом http - equiv. Він використовується сервером для створення додаткових полів при виконанні запиту.

Елемент META може містити URL. Шаблон атрибута такий:

URL = "http:// адресу"

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

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

background = "Шлях до файлу"

Більш просте оформлення фону зводиться до завдання його кольори:

bgcolor = "# RRGGBB"

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

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

text = "# RRGGBB"

Для завдання кольору тексту гіперпосилань використовуються наступні атрибути:

link = "# RRGGBB"

Точно так само можна задати колір для переглянуто гіперпосилань:

vlink = "# RRGGBB"

Можна також вказати зміна кольору для останньої вибраний користувачем гіперпосилання:

Alink = "# RRGGBB"

У будь-якій мові програмування є конструкції, що дозволяють створювати довільні ремарки. HTML в цьому сенсі - не виняток. Текст, введень всередині цього елемента, ігнорується броузером. Ці елементи можуть розташовуватися в будь-якому місці WEB-сторінки. Ознакою коментаря служить знак оклику, а текст коментаря повинен обрамляти подвійним дефісом. Наприклад:

Коментар -!>

Елемент заголовка. Існує шість рівнів заголовка, які позначаються H1 ... H6. Тема рівня 1 самий великий, а рівень 6 забезпечує найменший заголовок. Для заголовків можуть використовувати атрибути, що задають вирівнювання вліво, по центру або праворуч:

align = "left"

align = "center"

align = "right"


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

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

align = "left"

align = "center"

align = "right"

align = "justify"

Можна задати товщину лінії:

Size = товщина в пікселях

Можна керувати довжиною лінії:

width = довжина в пікселях

width = довжина у відсотках

Можна вибрати колір:

color = "колір"

HTML-документ може бути дуже великим, і в цьому випадку потрібно мати можливість швидкого переміщення до потрібного розділу документа. Для цього можна використовувати механізм гіперпосилань. Необхідно також у потрібних місцях тексту розставити відповідні мітки. Шаблон для створення міток такий:

Довільний текст

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

Перехід до мітці

<><><>

Кілька подібних рядків можуть утворити своєрідне зміст Web-сторінки, які можна розмістити на початку і в кінці документа.

Елемент для завдання базового адреси (URL) для посилань. Це дозволяє опускати початкову частину адреси в посиланнях документа. Для використання цього елементу необхідно використовувати наступну конструкцію:

Фрагмент адреси путь1 не є обов'язковим. При формуванні повної адреси він буде відкинутий. Якщо в тексті документа зустрінеться відносна посилання

шлях 2/імя документа. Htm "> Видимий текст посилання a>,

то вона буде відповідати URL

http:// комп'ютер / шлях 2/імя документа. Htm

У тому випадку, коли треба поставити базовий адресу для локального диска (наприклад, D), повинна бути використана така конструкція:

file: / / D: \ шлях \>

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

У виразі абсолютної посилання можна також опустити вказівку на схему доступу (file: / /) У цьому випадку буде враховуватися тільки ліва частина абсолютного посилання до першого лівого символу "\", тобто ім'я локального диска.


Правила синтаксису

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

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

Велика кількість елементів, які використовуються для форматування тексту, допускають самі різноманітні варіанти вкладення. І самі вони обов'язково повинні розташовуватися всередині певних елементів.

Наприклад, є два абзаци (перший в зеленій рамці) і таблиця:

Текст абзацу 1

...

Текст абзацу 2

Таблиця в даному випадку - незалежний елемент. Її можна, наприклад, вирівнювати незалежно від решти тексту.

Можна використовувати інший код:

Текст абзацу 1

...

текст абзацу 2

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

І навпаки, елемент P може знаходитися всередині таблиці: наприклад, один елемент комірки TD може містити кілька абзаців P.

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

Деякі елементи не мають кінцевого тега. Елементу BR, що позначає кінець рядка, не потрібен кінцевий тег. Деякі елементи можуть використовуватися з кінцевим тегом і без нього. Елемент абзацу P може мати кінцевий тег, але якщо тег не заданий, то ознакою закінчення дії елемента служить наступний елемент, який може логічно визначити кінець поточного абзацу: інший елемент P, елемент малюнка IMG, елемент списку UL, елемент таблиці TABLE та ін

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


Кодування символів

Основною мовою Інтернету є англійська мова. Але для гіпертекстових документів передбачено використання національних алфавітів. Стандартним режимом відображення є кодування ISO Latin 1 (ISO 8859-1). Вона підходить як для MS-DOS (набір символів ASCCII), так і для Windows. У теж час броузери підтримують набір символів Unicode 2.0 (ISO10646), що дозволяє використовувати національні алфавіти. Це означає, що символи можуть кодуватися однобайтові числом (коди в межах 0-255) або багатобайтових (0-65 535). У першому випадку для використання національного алфавіту необхідний атрибут charset, оскільки одні й ті ж коди символів можуть бути інтерпретовані по-різному для різних кодових сторінок.

Кирилиця (Windows) та / або Кирилиця (КОИ8-Р) - це дві найбільш популярні в нашій країні кодування.

Якщо в документі є вказівка ​​на певну кодову сторінку, то вибір шрифту буде зумовлений. Коди 32-127, тобто знаки пунктуації, цифри і букви латинського алфавіту, відображаються правильно, а коди 128-255 можуть відображатися по-різному.

Якщо кодова сторінка вказана неправильно, то, наприклад, при створенні гіпертекстових документів в MS FrontPage Exdivss в текст сторінки автоматично додається конструкція типу charset = xxxxx, яка не дозволяє використовувати кирилицю. У цьому випадку необхідно правильно вказати значення атрибуту: charset = windows-1251.

Якщо документ використовує кодування Unicode, то для роботи з ним підійдуть такі засоби, як Блокнот, Norton Commander або WordPad, і доведеться зупинитися на гіпертекстовому редакторі. У цьому випадку російська буква А буде виглядати в режимі «джерела» так А (в десятковій кодуванні). Таку сторінку буде складно читати і редагувати. Тому кожен новий редактор треба тестувати на можливість використання російських букв: набрати невеликий текст, зберегти документ, а потім переглянути його в режимі джерела.


Використання символів

У HTML і в броузерах реалізована можливість промальовування символів за їх кодами. Символи можуть бути загальноприйнятими, нестандартними і використовуваними в HTML як службових символів. Їх називають спецсимволи. Перший спосіб введення спецсимволи полягає у вказівці його коду. Наприклад, латинську букву А можна задати так: A. Для деяких символів передбачена мнемонічна кодування.

Часто використовувані спецсимволи (за стандартом ISO 8859 - 1):


Код символу

Числовий код

Мнемонічний код

Назва

Символ

34 " " Пряма лапки "
38 & & Амперсанд &
60 < < знак «менше»

<

62 > > Знак «більше» >
153 & Trade Троговими марка
160 Нерозривний пробіл
162 ¢ ¢ Цент ў
163 £ £ Фунт Ј
164 ¤ ¤ Знак валюти ¤
165 ¥ ¥ Йена Г
166 | | Вертикальна рядок |
167 § § Знак параграфа §
169 © © Знак копірайту

©

171 « « Ліва друкарський лапки

«

172 ¬ ¬ Знак заперечення ¬
174 ® ® Знак "зареєстровано"

®

176 ° ° Знак градуси °
177 ± ± Знак "плюс мінус» ±
178 ² ² Ступінь 2 І
179 ³ ³ Ступінь 3 І
181 μ & Mikro Знак «мікро» μ
182 Знак абзацу
183 · · Точка-маркер ·
185 ¹ ¹ Ступінь 1
187 » » Права друкарський лапки

»

188 ¼ ¼ Одна четверта ј
189 ½ ½ Одна друга Ѕ
215 × × Знак множення / лапки /

*

247 ÷ ÷ Знак ділення /

Для відділення символу від подальшого тексту треба вводити крапку з комою.

Мнемонічні символи бувають дуже корисні, особливо для тих символів, які не можна ввести з клавіатури. Наприклад, для вказівки дозволу екрану можна використовувати таку конструкцію:

640 × 480

Лапки, кутові дужки і амперсанд (<,>, &) є службовими в HTML. Якщо їх треба використовувати в звичайному тексті на Web-сторінці, то вони повинні бути вказані тільки за допомогою кодів.

Кирилиця теж може бути реалізована у вигляді набору спецсимволів. Російські літери розташовані (при кодуванні Windows-1251) в тому місці кодової таблиці, де спочатку розташовувалися латинські літери з тильдами, умляут. Тому англомовні редактори HTML при перемиканні клавіатурного регістру часто записують кирилицю у вигляді кодів.

Типи даних

Основним типом даних Web-сторінки є текстової тип. Існує багато елементів, які є контейнерами для тексту, або використовуються для форматування тексту. Числові і мнемонічні коди, що позначають символи, предваряются знаком амперсанд &. Таким чином, амперсанд і кутові дужки можуть бути введені в текст не на пряму, а тільки за допомогою кодів. Текстові дані, що є значеннями атрибутів, полягають в прямі подвійні лапки.

Числові дані потрібні тільки для вказівки значень атрибутів і записуються без лапок.

Гіперпосилання зазвичай складаються з двох частин: тексту підказки й адреси, який визначає координату переходу. Текст підказки або замінюючий його малюнок розташовується всередині елемента А, а адреса задається за допомогою атрибуту href. Гіперпосилання зазвичай виділяється на тлі тексту кольором або підкресленням. Вид покажчика миші обов'язково змінюється, коли він поміщається над гіперпосиланням.

Існують правила для визначення розмірів елементів. Розмір, заданий звичайним числом, виражається в пікселях. Наприклад, задається довжина горизонтальної лінії в 100 пікселів:


Горизонтальний розмір може бути заданий у відсотковому відношенні до ширини вікна броузера:


Якщо розмір вікна буде змінений, то зміниться і довжина горизонтальної лінії.

Символ * може використовуватися для розділення простору сторінки в певних пропорціях. Два способи визначення фреймів (атрибут cols створює фрейми з вертикальним поділом), причому лівий фрейм у даному випадку завжди буде в три рази вужчий, ніж правий.

Управління кольором

Кодування кольору використовується для розфарбовування шрифтів, горизонтальних ліній та фону, інших елементів сторінки. Кольори позначаються англійськими назвами або числовими шестнадцатерічнимі кодами. Існує кілька атрибутів, значеннями яких є параметри кольору. Найпростіший спосіб визначити колір - написати назву кольору англійською мовою. Так, наприклад, задається червоний колір шрифту в елементі FONT:

Color = "red"

Допустимі назви кольорів:

Російська назва

Англійська назва

RGB - код

Аквамарин Aqua # 00FFFF
Білий White # FFFFFF
Жовтий Yellow # FFFF00
Зелений Green # 008000
Золотий Gold # FF0700
Індіго Indigo # 4B0080
Каштановий Maroon # 800000
Червоний Red # FF0000
Оливковий Olive # 808000
Помаранчевий Orange # FF0000
Пурпуровий Purple # 800080
Світло-зелений Lime # 00FF00
Сріблястий Silver # C0C0C0
Сірий Gray # 808080
Сизий Teal # 008080
Синій Blue # 0000FF
Ультрамарин Navy # 000080
Фіолетовий Violet # EE80EE
Фуксіновий Fuchsia # FF00FF
Чорний Black # 000000

Але в загальному випадку колір визначається RGB - кодом. Будь-який колір у цьому випадку є як комбінація червоного (R), зеленого (G), синього (B) кольорів, узятих в певних пропорціях. Частка кожної колірної складової визначається інтенсивністю кольору і виражається двуразрядним шістнадцятковим числом. У десятковому численні ці числа відповідають діапазону від 0 до 255. У Windows-95 це відповідає колірному режиму монітора True Color (24-розрядне двійкове кодування кольору).

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

Ще один напрям застосування кольору: елемент HR, створює горизонтальну лінію, допускає використання ряду атрибутів. З їх допомогою лінію можна перетворити на кольоровий прямокутник. Його можна використовувати для поділу частин сторінки або в якості маркерів списку.

HTML - код, який малює веселку на Web-сторінці:

Веселка

K

0

Ж

З

Г

З

Ф

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

Висновок

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

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

Все, що обговорюється на сторінках віртуальних журналів в Мережі, в телевізійних передачах, присвячених Інтернету, так чи інакше пов'язане з мовою розмітки гіпертексту: красиві малюнки, інтерактивність WEB-сторінок, боротьба двох виробників броузерів (Microsoft і Netscape), бізнес, ігри та ін .

Надалі розвиток HTML буде відбуватися не за рахунок введення нових елементів мови, а за рахунок скрипів і аплетів. HTML - монополіст розмітки WEB-сторінок, але вже зараз з'явився суперник (Flesh 4), хоча HTML в найближчому майбутньому залишиться основною мовою розмітки WEB-сторінок.


Опис броузерів


  • Перегляд WEB-сторінок

Програми, необхідні для перегляду гіпертексту - броузери, які використовуються не тільки як засіб перегляду, але і як поштові програми, а також як засіб завантаження файлів за допомогою FTP. Дві основні функції броузерів: перегляд WEB-сторінок і редагування їх вмісту (елементи HTML).

У світі створено чимало програм для перегляду HTML-документів: Mosaic, Cello, Global Network Navigator, Opera і ін Найбільш популярними оглядачами, які забезпечують коректний перегляд гіпертексту, є Microsoft Internet Explorer і Netscape Communicator.


  • Microsoft Internet Explorer

Цей броузер фірми Microsoft зручний першу чергу тим, що є повністю русифікованим. У даний момент найбільш поширені 4 і 5 версії цього броузера. Microsoft Internet Explorer (MSIE) настільки тісно інтегрована з Windows, що його важко назвати автономної програмою. Швидше, це один з компонентів операційної системи.

Робота з оглядачем може починатися з підключення до інтернату чи вестися автономно, якщо всі необхідні файли знаходяться на локальному диску (тобто, диску свого комп'ютера). У полі Адреса на панелі інструментів вказується URL. Адреса передує кодом, який визначає, з якою підсистемою Інтернату ми хочемо працювати. Наприклад, якщо ми шукаємо сайт компанії Microsoft, то адреса має бути таким: http / / microsoft.com.

Код http вказує на те, що програма повинна працювати з системою гіпертекстових документів і використовувати відповідний протокол (HyperText Transfer Protocol). Але можуть бути й інші варіанти адреси. Наприклад, адресу з кодом ftp вказує на архів файлів, доступних по FTP, код mailto позначає адресу електронної пошти, а код file - файл на власному комп'ютері.

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

Знайшовши яку-небудь організацію, спочатку побачимо її «домашню» сторінку (home page). На ній є підкреслені написи - посилання на інші сторінки. Весь комплекс сторінок (сайт) великий і його не можна побачити цілком. Гіперпосилання дозволяють пересуватися по сторінках або частин однієї сторінки. Гіперпосиланням може бути не тільки напис, але і значок, малюнок або частина малюнка. Броузер має кнопки «Вперед» і «Назад», які дозволяють повернутися до пройдених сторінок. Кожній сторінці відповідає один або декілька файлів, які броузер поміщає в папку тимчасового зберігання (кеш).

Кнопка «Зупинити» дозволяє перервати завантаження сторінки. Застосовувати її можна в декількох випадках: 1) Коли сторінка ще завантажується, 2) Коли на сторінці багато графіки і немає часу чекати, поки вона вся завантажиться, 3) Коли броузер намагається відкрити неіснуючі документи.



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



Кнопка «Назад» дозволяє перейти на сторінку, яка була відкрита раніше. Ця можливість є не у кожному документі.



Кнопка «Вперед» забезпечує рух по ланцюжку переглянутих документів вперед, якщо були виконані переходи тому.



«
Домашня сторінка »(home page) - поняття умовне. Кожна фірма, що працює в Мережі, має свою домашню сторінку. Адреса домашньої сторінки вказується як параметр програми і може бути змінений.











Пошук в Інтернеті здійснюється шляхом переходу до сторінки пошукового сервера.



Кнопка «Вибране» вказує каталог необхідних Web-сторінок. Використовуючи цю кнопку, можна додати поточну сторінку до списку обраних сторінок або дати команду броузеру завантажити будь-яку із сторінок, перелічених у списку.





Кнопка «Друк» виводить на друк поточний документ.




Кнопка «Розмір» змінює розмір шрифту на поточній сторінці.




Перегляд компонентів WEB-сторінок, в деяких випадках, викликає відкриття ще одного вікна броузера. За допомогою значків на панелі завдань необхідно закривати непотрібні вікна, щоб не перевантажувати комп'ютер.

WEB-сторінка часто обладнана засобами електронної пошти. Іншими засобами «зворотного зв'язку» є форми. Заповнивши відповідні поля і натиснувши кнопку «відправити» (яка може мати у формі назву Go, OK, Send, Submit або інше), можна переслати на сервер необхідну інформацію. Так, наприклад, відбувається замовлення товарів в Інтернет-магазинах або заповнення анкет під час віртуальних опитувань.

З WEB-сторінками та їх компонентами (наприклад, малюнками) можна вчинити, як із звичайними документами: зберігати на диску під певним ім'ям, або роздруковувати.

За допомогою WEB-сторінок з ярликами можна істотно полегшити користування Інтернетом або локальними ресурсами. Зібрані на сторінці посилання з певної тематики, перетворюють її на аналог папки Вибране. Іншими словами, можна легко зробити набір довідників з посиланнями на цікаві WEB-сторінки.

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

Засоби перегляду HTML-коду дають можливість зберегти документ і навіть його модернізувати за допомогою гіпертекстового редактора Microsoft Front Page. Також можна переглянути HTML-код, відкривши сторінку в Блокноті (Notepad). Редагувати сторінку в режимі джерела дуже зручно, тому що можна відразу побачити результати внесених змін: після модифікації сторінки її треба зберегти в текстовому редакторові, а потім у броузері клацнути на кнопку Оновити.

Часто, при перегляді сторінок виникає проблема зі шрифтами. Якщо шрифт на сторінці дуже дрібний або навпаки дуже великий, вид документа легко змінити. Використовуючи команду «Розмір шрифту», щоб змінити розмір шрифту на час перегляду.

Основні інструменти настроювання броузера зібрані у вікні Властивості браузера, який активізується однойменною командою меню Сервіс. На перегляд HTML-сторінки впливають кілька параметрів. На вкладці Загальне є кнопки Кольори, Шрифти, Мова та Оформлення, за допомогою яких можна встановити режими відтворення станиці. У броузері призначаються для використання за замовчуванням два шрифти. Два різних шрифту необхідні для промальовування даних з відповідних елементів HTML. Які саме шрифти треба застосовувати, вибере користувач. Важливим є також вибір кодування: для російськомовних документів застосовуються Windows-1251 або KOI-8. Можна вибрати і колір, яким буде розфарбовуватися текст, пройдені і невикористані гіперпосилання.

На вкладці Додаткові можна встановити режим, при якому на сторінці відтворюються малюнки або мультимедійні компоненти.

На вкладці Програми можна вибрати програми, які будуть використовуватися за замовчуванням спільно з оглядачем (HTML-редактор, програма електронної пошти тощо).


Це комплекс програм (в даний час русифікована версія 4.06) привертає до себе увагу багатьма позитивними властивостями. Його популярність в усьому світі дуже висока, і не тільки тому, що користувачі звикли працювати з його більш ранніми версіями. Цікавими, наприклад, представляються коментарі в рядку стану, які дають уявлення про процес завантаження сторінки. Вдало організований доступ до параметрів. Броузер називається Netscape Navigator, а вбудований редактор гіпертексту - Netscape Composer. У броузері реалізована можливість створення закладок, що істотно полегшує пошук сторінок. Безсумнівним зручністю є легкість перемикання режимів оглядача і редактора.

Розглянемо основні інструменти програми. Вони, в основному, такі ж, як і MSIE.

Кнопка «Назад». Повернення до сторінки, яка була відкрита раніше поточної.




Кнопка «Вперед» Перехід до сторінки, яка, була відкрита пізніше поточної.




Кнопка «Відновити». Повторення завантаження сторінки.




Кнопка «Додому». За умовчанням ця кнопка забезпечує перехід на домашню сторінку Netscape, але користувач може налаштувати програму на будь-яку сторінку, використовуючи вікно параметрів.




Кнопка «Мій Netscape». Кнопка для переходу на сторінку любителів Netscape. "Мій Netscape" - віртуальний клуб, в якому можна зробити свою WEB-сторінку та отримати скриньку електронної пошти.


Кнопка «Друк» використовується для друку поточної сторінки. У меню Файл є команди «Налаштування статті», «Попередній Перегляд» і «Друк», які дозволяють налаштувати параметри і виконати перегляд документа перед друком.




Кнопка «Стоп» здійснює зупинку завантаження поточної сторінки. Завантаження може бути продовжена після клацання на кнопці «Відновити».




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




У цьому броузері, як і в попередньому, є полі Адреса. Але на відміну від MSIE, у списку цього поля можна вибрати всі недавно використовуються адреси, а не тільки ті, які введені в рядку вручну. Ще один сервісний інструмент-файл закладок. Він є аналогом папки Обране в Windows. Для доступу до закладок на панелі інструментів є спеціальна кнопка.

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

Netscape Communication дозволяє створювати варіанти налаштувань програми (їх ще називають профілі або конфігурації). Перед початком роботи необхідно вибрати одну з конфігурацій. Для кожного «користувача» створюється власний файл закладок, журнал, кеш. Журнал пов'язаний з файлами кеш, так як за допомогою журналу відкриваються сторінки, які колись були завантажені з Інтернету. Як журнал, так і кеш при необхідності можна очистити кнопкою у вікні налаштувань.

У Netscape Navigator можна вибрати ті ж параметри перегляду, що і в MSIE: шрифти, використовувані за замовчуванням, кольору переглянуто і не переглянуто посилань. Можна вибрати певний фон для всіх сторінок, що переглядаються або взагалі відмовитися від фону. Це зручно при розробці власних сторінок.

Агенти дозволяють завантажувати сторінки без малюнків. Це прискорює роботу. Для відмови від зображення малюнків в NN треба скинути прапорець «Автоматичне завантаження зображень» в категорії параметрів «Додаткові настройки».

Діалог для відкриття файлів, розташованих локально, в MSIE і NN має особливість: використовується два вікна, а не одне, як у більшості програм. Тільки в другому вікні користувач отримує доступ до традиційного переліку дисків, папок і файлів. Для завдання адреси необхідної сторінки, розташованої на жорсткому диску, достатньо ввести шлях до HTML-файлу в полі «Адреса».

У меню «Файл» є команда «Зберегти як», яка використовується для копіювання поточної сторінки в папку, вибрану користувачем. При цьому можна вибрати формат файлу: HTML або текстовий. На відміну від MSIE, який дозволяє зберегти Web-сторінку разом з малюнком, NN копіює лише основний файл сторінки. Збереження файлу сторінки потрібен тільки в певних випадках, так як вся сторінка автоматично записується в кеш. Текстовий формат зручний у тих випадках, коли треба роздрукувати тільки текст сторінки, не обтяжуючи його елементами оформлення та малюнками. Зате, якщо відкриєте сторінку в редакторі Netscape Composer, то можна зберегти її в новій папці з малюнками.


Термінологія


Англомовне програмне забезпечення потрапляло в нашу країну різними шляхами, і в обчислювальній техніці складалася унікальна лінгвістична ситуація. Існує величезна кількість термінів, які відповідають за вимовою англійських слів. Програмісти і електронщики розмовляють на своєму, добре зрозумілою мовою. Запозичені слова мали тільки одне значення, і це було зручно. Така система прижилася. Будь-які спроби вводити вітчизняну термінологію не мали успіху. Яскравий приклад-назва клавіш. Клавіатура так і залишилася нерусифікованому. Подібні феномени пояснюються тим, що до недавнього часу ніхто серйозно не займався локалізацією фірмового програмного забезпечення. Тепер становище змінилося. З'явилося багато програмних продуктів, які використовують російську мову. Виникли чисто російські терміни: «папка», «кишеню», «ярлик», «піктограма» ... У цих випадках втрачається однозначність термінів, виникли подвійні терміни: Internet та Інтернет.

У сфері гіпертекстових технологій у цьому сенсі йде інакше. Ніхто не називає броузер «просматрівателем», а для «World Wide Web» є гарне російське назву «Всесвітня павутина». Мабуть, в кожному випадку необхідно своє рішення: використовувати російське слово або запозичувати англійське. Гіпертекст породив багато спеціальних термінів.


Режим (element) - конструкція мови HTML.Ето контейнер, що містить дані і дозволяє відформатувати їх певним чином. Будь-яка Web-сторінка є набором елементів. Одна з основних ідей гіпертексту - можливість вкладення елементів.


Тег (tag) - початковий або кінцевий маркери елемента. Теги визначають межі дії елементів і відокремлюють елементи один від одного. У тексті Web-сторінки теги полягають в кутові дужки, а кінцевий тег завжди забезпечується косою рисою.


Атрибут (attribute) - параметр або властивість елемента. Це змінна, яка має стандартне ім'я і якій може присвоюватися певний набір значень: стандартних або довільних. Передбачається, що символьні значення атрибутів полягають в лапки, але деякі броузери дозволяють не використовувати лапки. Це пояснюється тим, що тип атрибута завжди відомий заздалегідь. Атрибути розташовуються всередині початкового тега і відокремлюються одне від одного пробілами.


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


Фрейм (frame)-цей термін має два значення. Перше-область документа зі своїми смугами прокручування. Друге - одиночне зображення в складному (анімаційному) графічному файлі (за аналогією з кадром кінофільму).

Примітка - замість терміна «фрейм" у спеціальній літературі і локалізованих програмних продуктах іноді можна зустріти термін «кадр» або «рамка».


HTML - файл або HTML - сторінка - документ, створений у вигляді гіпертексту на основі мови HTML. Такі файли мають розширення htm або html. У гіпертекстових редакторів і броузерах ці файли мають загальну назву «документ».


Аплет (applet) - програма, передана на комп'ютер клієнта у вигляді окремого файлу і запускається при перегляді Web-сторінки.


Скрипт або сценарій (skript) - програма, включена до складу Web-сторінки для розширення її можливостей. Броузер Internet Explorer в певних ситуаціях виводить повідомлення: «Дозволити виконання сценаріїв на сторінці?». У цьому випадку маються на увазі скрипти.


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


CGI (Common Gateway Interface) - загальна назва для програм, які, працюючи на сервері, дозволяють розширити можливості Web-сторінок. Наприклад, без таких програм неможливе створення інтерактивних сторінок.


Програмний код або код - аналог поняття «текст програми».


Код HTML-гіпертекстової документ у своєму первісному вигляді, коли видно всі елементи і атрибути.

World Wide Web, WWW або Web - Всесвітня павутина, розподілена система доступу до гіпертекстових документів, яка існує в Інтернеті, HTML є основною мовою для створення документів у WWW. Вивчаючи його, ми вивчаємо частина цієї системи, хоча область застосування мови набагато ширше


Web - сторінка - документ (файл), підготовлений у форматі гіпертексту і розміщений в World Wide Web.


Сайт (site) - набір Web-сторінок, що належать одному власнику.


Броузер (browser) - програма для перегляду Web - сторінок.


Користувацький агент (user agent) - броузер або інша програма, що працює на комп'ютері - клієнті.


Завантаження (downloading) - копіювання файлів з ​​сервера на комп'ютер - клієнт.


URL (Uniform Resource Locator) - універсальний покажчик ресурсу - адреса деякого об'єкта в Інтернеті. Типовий URL для WWW має вигляд: http:// www, назва, домен / ім'я файлу.

Тут назва - це частина адреси, який часто вживається для позначення власника сайту, а домен - позначення великого «розділу» Інтернету: країни, області діяльності і т. д. URL використовується для того, щоб вказати конкретну Web - сторінку або графічний файл в гіперпосиланнях , а також скрізь, де потрібно однозначно визначити місце розташування Web - сторінки або файлу.


Базовий URL - частина адреси, яка є спільною для всіх посилань поточної Web-сторінки.


Базовий колір - кожен колірний відтінок на екрані монітора виходить з'єднанням трьох базових кольорів: червоного, зеленого, синього.


Колірний канал - інтенсивність червоного, зеленого, синього кольору на екрані монітора. Колір кожного пікселя визначається як комбінація цих трьох величин.


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


Список літератури


1) Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998

2) Ганчаров А. Самовчитель HTML. Пітер 2000

3) Дарнелл Р. HTML 4 Енциклопедія користувача ДіаСофт 1999

4) Денисов Internet Explorer 5 Довідник Пітер 1999

5) Хоумер А. Dynamic HTML Довідник Пітер 1999
























Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Реферат
99.3кб. | скачати


Схожі роботи:
Використаня звуку у HTML документі Опис тегів для використання звуку у HTML документах
HTML в Internet
HTML редактори
Керівництво по HTML
Основні структури HTML 32 документа
Мова розмітки гіпертексту - HTML
Мова розмітки гіпертексту HTML
Створення Web сайту на мові html
Гіпертекст і мова гіпертекстової розмітки HTML
© Усі права захищені
написати до нас
Рейтинг@Mail.ru