Комп`ютерні мережі
Установки протоколів TCP/IP. Налаштування поштової програми MS Outlook Express. Класифікація пошукових систем та принципи їх роботи. Створення електронних документів в WWW для публікації в мережі Інтернет на мові HTML. Основи впровадження JavaScript.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | лабораторная работа |
Язык | украинский |
Дата добавления | 06.11.2011 |
Размер файла | 259,9 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Списки визначень. Теги <DL>, <DT>, <DD>
Списки визначень, також звані словниками визначень спеціальних термінів, є особливим виглядом списків. Кожен елемент списку визначень складається з двох частин. У першій частині записується визначуваний термін, а в другий часті -- текст у формі словарної статті, що розкриває значення терміну.
Списки визначень задаються за допомогою тега-контейнера <DL> (Definition List). Усередині контейнера тегом <DT> (Definition Term) позначається визначуваний термін, а тегом <DD> (Definition Description) -- абзац з його визначенням. Для тегів <DT> і <DD> можна не записувати відповідні закриваючі теги. Загалом, список визначень записується так:
<DL>
<B> Знаки зодіаку:</B>
<DT>Термін
<DD> Визначення терміну
</DL>
Вкладені списки.
У HTML допустиме вкладення різних типів списків, але при цьому слід проявляти акуратність. Приклад HTML- коди документа з вкладеними списками:
<HTML>
<HEAD>
<TITLE> Приклад вкладеного списку </title></head>
<BODY>
<UL>
<B> Супутники планет </B>
<LI>Земля
<OL>
<LI> Місяць
</OL>
<LI>Марс
<OL>
<LI>Фобос
<LI>Деймос
</OL>
<LI>Уран
<OL>
<LI> Аріель
<LI> Умбріель
<LI> Тітанія
<LI>Оберон
<LI> Міранда
</OL>
</UL>
</BODY>
</HTML>
Мова HTML не допускає автоматичну багаторівневу нумерацію списків, як це роблять потужні текстові редактори. Графічні зображення Фонові зображення. Розробники WEB- сторінок можуть управляти кольором фону документа, а також вказувати зображення використовувані як фоновий. Зазвичай як фоновий береться невелике зображення для завантаження якого по мережі не вимагається значного часу. Іншим часто використовуваним варіантом є фонове зображення у вигляді блідого рельєфного логотипу. Така графіка ясно ідентифікує сайт і не заважає сприйняттю матеріалу.
Наприклад: <BODY BACKGROUND= backgrd2.png BGCOLOR= GRAY>
Одночасне завдання параметрів BACKGROUND і BGCOLOR не обов'язково. Будь-який з них, так само як і обидва разом, можуть бути відсутніми. Може здатися, що вказівка фонового кольору зайва при завданні фонового зображення. На практиці рекомендують завжди вказувати колір фону документа, якщо задається фонове зображення. Так доки при завантаженні документа, перш за все, відображується текстова частина, а на наступному проході завантажуватимуться зображення, у тому числі і зображення, використовуване як фоновий. До моменту завантаження і відображення фонового зображення колір фону визначатиметься значенням параметра BGCOLOR або встановлюватися за умовчанням. Досвід роботи з html-документами, що отримуються по мережі, показує, що до завантаження фонового зображення деколи проходить достатня кількість часу, протягом якого користувач знайомитися з вже завантаженим текстом. При появі фонового зображення міняється гамма кольорів документа. Щоб запобігти різкій зміні кольорів, слід задавати значення кольору фону близьким до кольорів фонового зображення.
Вбудовування зображень в html-документі.
Для вбудовування зображень в html-документ використовують тег <IMG>, що має єдиний обов'язковий параметр SRC, що визначає url-адресу файлу із зображенням. Простий приклад вбудовування зображення:
При включенні графічного зображення в документ можна вказувати його розташування відносно тексту або інших елементів сторінки. Спосіб вирівнювання задається значенням параметра ALIGN тега <IMG>. Можливі значення цього параметра приведені в таблиці 6.
Таблиця 6. Значення параметра ALIGN
Тег/атрибут |
Опис |
|
TOP |
Верхній кордон зображення вирівнюється по найвищому елементу поточного рядка |
|
TEXTTOP |
Верхній кордон зображення вирівнюється по найвищому текстовому елементу поточного рядка |
|
MIDDLE |
Вирівнювання середини зображення по базовій лінії поточного рядка |
|
ABSMIDDLE |
Вирівнювання середини зображення по середині поточного рядка |
|
BASELINE или BOTTOM |
Вирівнювання нижнього кордону зображення по базовій лінії поточного рядка |
|
ABSBOTTOM |
Вирівнювання нижнього кордону зображення по нижньому кордону поточного рядка |
|
LEFT |
Зображення притискається до лівого поля вікна. Текст обтікає зображення з правого боку |
|
RIGHT |
Зображення притискається до правого поля вікна. Текст обтікає зображення з лівого боку |
Всі значення параметрів вирівнювання зображень умовно ділять на дві групи за їх принципом дії. До однієї групи відносять два значення параметра -- LEFT і RIGHT. При використанні будь-якого з цих параметрів ми отримуємо так зване «плаваюче» зображення. В цьому випадку зображення притискається до відповідного краю вікна перегляду браузера, а подальший текст, що розміщується поряд із зображенням, може займати декілька строчок. До іншої групи значень параметрів відносяться всі інші. При їх використанні зображення вбудовується в строчку тексту, а параметри вирівнювання задають розташування зображення відносно рядка тексту. Таким чином, на відміну від плаваючих зображень, тут зображення є звичайним елементом рядка.
Наприклад:
<HTML>
<HEAD>
<TITLE> Вбудовування зображень </title></head>
<BODY>
Вирівнювання зображень <IMG SRC= final.gif ALIGN= top > по верхньому краю <P>.
Вирівнювання зображень по <IMG SRC= final.gif ALIGN= baseline > базовій лінії:
</BODY>
</HTML>
В даному прикладі зображення використовуються як елемент рядка. Наведемо приклад плаваючого зображення:
<HTML>
<HEAD>
<TITLE> Вбудовування ізображеній- як плаваючих елементів рядка </ title></ head>
<BODY>
<IMG SRC=final.gif ALIGN=right>
<P ALIGN=JUSTIFY>
(Тут йде текст абзацу) <IMG SRC=final.gif ALIGN=left>
<P ALIGN=JUSTIFY>
(Тут йде текст абзацу)
</BODY>
</HTML>
Якщо в документі використовуються плаваючі зображення, вирівняні із значенням RIGHT і LEFT, то є можливість примусового припинення обтікання в заданому місці тексту. Це забезпечується вживанням тега примусового переривання рядка <BR> з параметром CLEAR. Як значення параметра CLEAR можна використовувати наступні: LEFT, RIGHT або ALL. Так для наведеного вище прикладу в потрібному місці тексту можна розмістити рядок:
<BR CLEAR=ALL>
Текст, наступний далі, розміщуватиметься нижче за зображення з нового рядка. Тег вбудовування зображень має два необов'язкові параметри, вказуючих розміри зображень при отображенії- WIDTH і HEIGHT. Значення параметрів можуть вказуватися як в пікселях, так і у відсотках від розмірів вікна перегляду. Значення ширини і висоти зображення можуть не збігатися з дійсними розмірами зображення. В цьому випадку браузери при завантаженні зображень виконують його перемасштабірованіє. Будь-який з цих параметрів може бути опущений. Якщо заданий лише один з параметрів, то при завантаженні малюнка другий параметр буде обчислюватися автоматично з умови збереження пропорцій. Зміна розмірів зображень за допомогою завдання параметрів ширини і висоти може використовуватися для перегляду ілюстрацій в зменшеному вигляді, проте такий підхід не скорочує час завантаження зображення. Якщо не потрібно вирішувати задачу зміни розмірів зображення, рекомендується вказувати їх реальні розміри в пікселях за допомогою параметрів WIDTH і HEIGHT. Вказівка дійсних розмірів:
дозволяє читачеві, що працює в режимі відключення завантаження зображень, мати уявлення про розміри ілюстрацій по порожньому прямокутнику, що видається на екран замість зображення (якщо розміри не будуть вказані, то браузер, не знаючи їх, виведе маленьку піктограму і форматування сторінки буде порушено);
дозволяє прискорити верстку документа на екрані. Зазвичай браузери повинні завантажити всі вбудовані зображення перш, ніж відформатувати текст на екрані. Вказівка розмірів вбудованих зображень дозволяє виконати форматування документа до повного завантаження файлів із зображеннями. Наприклад:
<HTML>
<HEAD>
<TITLE> Масштабування зображень </title></head>
<BODY>
<IMG SRC =final.gif WIDTH=300>
<IMG SRC =final.gif WIDTH=500>
<IMG SRC =final.gif WIDTH=100>
</BODY>
</HTML>
Відділення зображення від тексту
Для тега <IMG> можна задавати параметри HSPACE і VSPACE, значення яких визначають відступи від зображення, що залишаються порожніми, по горизонталі і по вертикалі відповідно.
Рамки довкола зображень
Зображення, що вбудовується на сторінку, можна помістити в рамку різної ширини. Для цього служить параметр BORDER тега <IMG>. Як значення параметра використовується число, що означає товщину рамки в пікселях. За умовчанням рамка довкола зображення не малюється. Виключенням є лише випадок, коли зображення є засланням. В цьому випадку браузери укладають зображення в рамку синього кольору. Уникнути появи рамки можна вказавши значення Border=0.
Альтернативний текст Параметр тега <IMG> ALT визначає альтернативний текст. Його вказівку дає можливість користувачам неграфічних браузерів або користувачам, що працюють в режимі відключення завантаження зображень, отримати деяку текстову інформацію про вбудовані зображення. При відключеному зображенні замість них на екрані з'явиться альтернативний текст, визначений значенням параметра ALT. Значення цього параметра має сенс і для випадків, коли завантаження зображень виконується. Оскільки завантаження зображень виконується на другому проході після відображення текстової інформації, то спочатку на екрані на місці зображення з'явиться альтернативний текст, який у міру завантаження зміняється зображенням. Сучасні браузери також відображуватимуть альтернативний текст як підказку при приміщенні курсора миші в область зображення.
Використання зображень як заслання Для забезпечення роботи зображення як заслання на інші ресурси досить включити зображення всередину тега контейнера <A>. Наприклад:
<HTML>
<HEAD>
<TITLE> Рамки довкола зображень і альтернативний текст
</ title></ head>
<BODY>
<IMG SRC= ctxlogo.gif ALT= "Це піраміда» BORDER=10 ALIGN=LEFT HSPACE=40 VSPACE=20>
<P ALIGN=CENTER>
Відділення зображення від тексту<P ALIGN =JUSTIFY>
(Тут йде текст абзацу)
<P AliGN=center>
Рамки довкола зображень
<P AliGN=justify>
(Тут йде текст абзацу)
<P AliGN=center>
Альтернативний текст
<P AliGN=justify>
(Тут йде текст абзацу)
<P AliGN=center>
<A HREF=text.htm> <IMG SRC=ctxlogo.gif ALT="Це посилання" ALIGN=left BORDER=0></A>
Використання зображень як заслання
<P AliGN=justify>
(Тут йде текст абзацу)
</BODY></HTML>
Таблиці
Одним з найбільш потужних і широко вживаних в HTML засобів є таблиці. Таблиці в HTML організовуються як набір стовпців і рядків. Елементи таблиці можуть містити будь-які html-елементі, такі, як заголовки, списки, абзаци, фігури, графіку, а також елементи форм. Кожна таблиця повинна починатися тегом <TABLE> і закінчується тегом </table>. Всі елементи таблиці повинні знаходитися усередині цих двох тегів. За умовчанням таблиця не має обрамлення і роздільників.
Рядок таблиці: <TR>...</TR>
Кількість рядків таблиці визначається кількістю пар тегів <TR>, що зустрічаються..</TR>. Рядки можуть мати атрибути ALIGN і VALIGN, які описують візуальне положення вмісту рядків в таблиці.
Елемент таблиці: <TD>...</TD>
Описує стандартний елемент таблиці. Елемент таблиці може бути описана лише усередині рядка таблиці. Кожне вічко має бути пронумерована номером колонки, для якої вона описується. Якщо в рядку відсутні одна або декілька вічок для деяких колонок, то браузер відображує порожню вічко. Розташування даних у вічку за умовчанням визначається атрибутами Align=left і Valign=middle. Дане розташування може бути виправлене як на рівні опису рядка, так і на рівні опису вічка.
Заголовок таблиці: <TH>...</TH>
Вічко заголовка таблиці має ширину всієї таблиці; текст в даному вічку має атрибут BOLD і Align=center.
Підпис: <CAPTION>...</CAPTION>
Даний тег описує назва таблиці (підпис). Тег <CAPTION> має бути присутнім усередині <TABLE>...</TABLE>, але зовні опису какой- або рядки або вічка. За умовчанням <CAPTION> має атрибут Align=top, але може бути явно встановлений в Align=bottom. ALIGN визначає, де - зверху або знизу та бліци -- буде поставлена підпис. За умовчанням підпис завжди центрований в рамках ширини таблиці. Браузер Microsoft Internet Explorer надає додаткові можливості для вибору розташування заголовка. Параметр ALIGN допускає значення LEFT, RIGHT, CENTER. Відзначимо, що це один з окремих випадків, коли широко поширений параметр ALIGN може використовуватися для горизонтального і вертикального вирівнювання. Проте подвійне використання в одному заголовку параметра ALIGN недопустимо. Тому додатково введений спеціальний параметр для вертикального вирівнювання -- VALIGN, що приймає значення TOP і BOTTOM. Наприклад, для заголовка, що розташовується внизу таблиці з вирівнюванням вліво, опис має вигляд:
<CAPTION Align=left Valign=bottom> Заголовок таблиці </caption>
Параметри тега <TABLE>
Основним тегом, вживаним при створенні таблиць, є тег <TABLE>. Набор допустимих параметрів залежить від браузера. Згідно специфікації HTML в тегу <TABLE> можуть використовуватися наступні параметри: BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN. Браузери Netscape і Microsoft Internet Explorer дозволяють окрім перерахованих п'яти параметрів використовувати параметри: HEIGHT і BGCOLOR.
Параметр BORDER
Якщо даний атрибут присутній, кордон таблиці промальовувався для всіх вічок і для таблиці в цілому. BORDER може набувати числового значення, що визначає ширину кордону, наприклад Border=3.
Параметр ALIGN
Якщо атрибут ALIGN присутній усередині тегів <TABLE> і </table>, то він визначає горизонтальне розташування таблиці в області перегляду. За умовчанням Align=left. Відмітимо, що серед допустимих значень немає типового значення для параметра вирівнювання -- CENTER. Це обумовлено тим, що присутність параметра ALIGN в тегу <TABLE> не лише визначає місце розташування таблиці, але і дозволяє виконати обтікання таблиці текстом з протилежного боку аналогічно обтіканню картинок. Обтікання таблиці з двох сторін не передбачено. Для точнішого управління обтіканням слід використовувати тег <BR> з параметром CLEAR так само, як це виконується для <IMG>. Якщо параметр ALIGN опущений, то місце зліва і/ або справа таблиці завжди буде порожнім незалежно від її ширини. Якщо таблиця не вимагає обтікання текстом, то можна добитися її розташування по центру вікна перегляду. Для цього необхідний весь опис таблиці помістити усередині тегів <CENTER> і </center>.
Форматування даних усередині таблиці
Кожен окремий елемент таблиці можна розглядати як область для незалежного форматування. Всі правила, які діють для управління відображенням тексту, можуть використовуватися для форматування тексту усередині вічка. Усередині вічка допустиме використання практично всіх елементів HTML, які можуть з'являтися усередині тіла документа <BODY>. Зона дії тегів, заданих усередині окремого вічка, обмежується межами цього вічка незалежно від наявності завершуючого тега. Наприклад, якщо усередині вічка визначений колір тексту -- <FONT Color=red>, то навіть за відсутності завершуючої коди </font> або розташування його через декілька вічок або стоїка таблиці, текст наступного вічка буде відбитий кольором за умовчанням. Параметри вирівнювання вмісту ячєєк -- ALIGN і VALIGN. Можуть застосовуватися в кодах <TR>, <TD> і <TH>. Параметр горизонтального вирівнювання ALIGN може приймати значення LEFT, RIGHT і CENTER (за умовчанням LEFT для <TD> і CENTER для <TH>).
Параметр вертикального вирівнювання VALIGN може приймати значення TOP (по верхньому краю), BOTTOM (по нижньому краю), MIDDLE (посередині), BASELINE (по базовій лінії). По умолчанію -- MIDDLE. Вирівнювання по базовій лінії забезпечує прив'язку тексту окремого рядка у всіх вічках до єдиної лінії. Завдання параметрів вирівнювання на рівні коди <TR> визначає вирівнювання для всіх вічок даного рядка, при цьому в кожного окремого вічка рядка можуть бути визначені свої параметри, перевизначають дія параметрів, заданих в <TR>.
Параметр NOWRAP відключає можливість автоматичного розбиття тексту вічка на рядки. Може застосовуватися в кодах <TR>, <TD> і <TH>. Слід уникати невиправданого вживання цього параметра, оскільки це може значно скоротити можливості динамічної зміни розмірів таблиць і погіршити їх сприйняття. В більшості випадків досить застосувати NOWRAP для окремих вічок. Перенесення слів здійснюється лише по роздільниках між словами (пропусками), і у ряді випадків для заборони розриву тексту в окремих місцях слід замість символу пропуску задавати код нерозривного пропуску (Nonbreaking Space). Наприклад, текст 650 км. або Іванов І.І. рекомендують записувати так: 650 км. і Іванов І.І.
Параметри WIDTH і HEIGHT можуть застосовуватися в кодах <TD> і <TH>. Їх значення визначає ширину і висоту вічка, для якого записані дані параметри. Значення можуть задаватися в пікселях або у відсотках від розмірів всієї таблиці. Microsoft Internet Explorer дозволяє задавати значення WIDTH лише в пікселях. Завдання ширини, для якої або одного вічка, впливає на ширину всієї колонки, в якій розташовано це вічко, а завдання висоти впливає на весь рядок. Якщо в колонці значення ширини вказане в декількох вічках, то вибирається максимальне значення. Ті ж властивості характерні і для рядків.
У складних таблицях об'єднують декілька суміжних вічок по горизонталі і по вертикалі в одну. Дана можливість реалізується за допомогою параметрів COLSPAN (Column Spanning) і ROWSPAN (ROW Spanning).
Приклад таблиці
<TABLE BORDER=5>
<CAPTION ALIGN=bottom>
Таблиця №1 </CAPTION>
<TR><TD ROWSPAN=2></TD><TH COLSPAN=2>
Середнє значення </TH></TR>
<TR><TH>Рост </TH><TH>Вага </TH></TR>
<TR><TD> Чоловіки </TD><TD ALIGN=center>174</TD><TD ALIGN=center>78</TD></TR>
<TR><TD> Жінки </TD><TD
ALIGN=center>165</TD><TD ALIGN=center>56</TD></TR>
</TABLE>
Вкладені таблиці
Окремі елементи таблиці можуть містити практично будь-які теги мови і дані, дозволені в розділі <BODY>. У тому числі, усередині одного елементу таблиці може бути розташована інша таблиця. Не всі браузери, що підтримують таблиці, правильно відображують складні таблиці.
Порядок виконання лабораторної роботи.
Розробити набір html-сторінок відповідно до варіантів завдань. Перша сторінка (index.html) містить заслання на дві інші сторінки (page1.html і page2.html). На ній заголовком першого рівня вказана назва курсу, а заголовком другого рівня назва лабораторної роботи. Потім після горизонтального роздільника йдуть заслання на інші сторінки, оформлені у вигляді ненумерованого списку. Після посилання - другий горизонтальний роздільник і за ним йде рядок із списком розробників сторінки, що починається символом.
Сторінка page1.html повинна використовувати у вигляді фону малюнок (наприклад, файли backgr.gif, bg.jpeg) і містити два розділи (виділених заголовками H1):
1) розділ демонструє можливості форматування за допомогою тегів (H2- H4, B, I, U, P, SUB, SUP, PRE, FONT). Текст для наповнення цього розділу можна узяти з будь-якого текстового файлу (наприклад, результати пошуку в л.р.№2).
2) розділ, що містить текст і графіку (наприклад, файли img1.jpg, img2.jpg і img3.jpg). При цьому один з графічних файлів має бути вставлений із збереженням реальних розмірів, другий із збільшенням, а третій із зменшенням. Текст повинен обтікати картинки
Внизу сторінки має бути внутрішнє заслання <На початок сторінки>.
сторінка page2.html повинна демонструвати різні варіанти побудови таблиць. На сторінці розташовуються посилань - рядки з коротким описом демонстрованої по засланню таблиці. Заслання оформлені у вигляді нумерованого списку. Кожне заслання на цій сторінці вказує на окремий файл (tab1.html, tab2.html і так далі) з прикладом таблиці, який відкривається по засланню в новому вікні. Для демонстрації таблиць можна використовувати будь-який текст і будь-які графічні файли.
Варіанти завдань
Варіанти завдань |
|||||||
1-3 |
4-7 |
8-11 |
12-14 |
15-18 |
19-22 |
||
для файлу index.html |
|||||||
Маркер ненумерова-нного списку |
чорна крапка |
квадрат |
синій |
З файлу help.gif |
квадрат |
коло (біла крапка) |
|
Колір (стандартний) фону сторінки (можна вибрати самостійно!) |
Сірий |
коричневий |
синій |
бірюзовий |
жовтий |
оливковий |
|
Колір посилань |
пурпурний |
білий |
жовтий |
чорний |
бузковий |
Сірий |
|
Колір переглянуто посилань |
синій |
сірий |
коричневій |
лимонний |
зелений |
жовтий |
|
Шрифт |
Arial |
Tahoma |
Verdana |
Times New Roman |
Microsoft Sans Serif |
Palatino Linotype |
|
Разм. шрифта і вирівнювання |
Вибрати самостійно |
||||||
для файла page1.html |
|||||||
Вирівнювання картинок на сторінці |
Все по лівому краю |
Все по правому краю |
Через одну за лівим і за правим |
Все по лівому краю |
Все по правому краю |
Через одну за правим і за лівим |
|
Разм. шрифта |
4 |
5 |
+2 |
-1 |
+1 |
3 |
|
Інші параметри тексту |
Вибрати самостійно |
||||||
для файлів page2.html и tab*.html |
|||||||
Номера сторінкі |
1, 2, 3, ... |
a, b, c, ... |
A, B, C, ... |
i, ii, iii, ... |
I, II, III, ... |
a, b, c, ... |
|
Демонстровані параметри таблиць |
об'єднання стовпців |
об'єднання рядків |
Вирівнювання таблиць |
cellspacing и cellpadding |
Заголовки таблиць і осередків (TH) |
об'єднання рядків |
|
Вирівнювання тексту в комірках |
|||||||
Розмір осередків у% |
Розмір пропорцією |
Розмір у пікселях |
Розмір осередків у% |
Розмір пропорцією |
Розмір у пікселях |
||
Товщина меж таблиці і кольору для таблиці, клітинок |
|||||||
Вставка таблиць і картинок в комірки таблиці |
Звіт повинен містити:
· Титульний аркуш.
· План сайту.
· Роздруківка HTML-коду.
Лабораторна робота № 5. Фрейми. карти зображень
Ціль роботи: ознайомитися з технологіями створення електронних документів в WWW, використанням фреймів, карт зображень.
Короткі теоретичні відомості
Фрейми (кадри)
Фрейми дозволяють розбити вікно перегляду браузера на кілька прямокутних підобластей, розташованих поруч один з одним. У кожну з підобластей можна завантажити окремий HTML-документ, перегляд якого здійснюється незалежно від інших. Між фреймами при необхідності можна організувати взаємодію, яке полягає в тому, що вибір посилання в одному з фреймів може привести до завантаження потрібного документа в іншій фрейм або вікно браузера.
Для формування HTML-документів, що містять кадри (фрейми)
Для формування HTML-документів, що містять кадри (фрейми) використовуються два тега: <frameset> і <frame> . Тег <frameset> задає кількість і вихідні розміри стовпців і рядків кадрів. Горизонтальне поділ екрану задається за допомогою атрибуту row, вертикальне - атрибуту cols. Значення атрибутів можуть бути виражені у відсотках або пікселях.
Усередині тега <frameset> повинні бути посилання на всі документи, що входять до складу складної сторінки. Робиться це за допомогою тега <frame>.
На малюнку представлений приклад Web-сторінки з двома вертикальними фреймами. Лівий кадр служить як змісту, правий є цільовим кадром, в який виводиться вміст всіх посилань лівого фрейма. У лівий кадр виводиться файл frame2.htm, в правий-frame1.htm.Нижче приведений вихідний код документа.
<HTML>
<HEAD>
<TITLE> Приклад фреймів </TITLE>
</HEAD>
<frameset cols="30 %,*">
<frame name="toc" src="frame2.htm">
<frame name="main" src="frame1.htm">
</frameset>
</HTML>
У тега <frame> вказується атрибут name, привласнює ім'я кадру. Він необхідний для вказівки цільового кадру для виведення вмісту гіперпосилань. Щоб документ, отриманий за гіперпосиланням, завантажувався в пойменований кадр, в тега визначення гіперпосилань задається атрибут target:
<AHREF=”URL документа ” target =” им'я кадра ”.
Нижче наводиться спрощений вихідний код документа frame2.htm, в якому висновок всіх документів по посиланнях визначено в кадр з ім'ям main, тобто правий фрейм вихідного документа frame.htm.
<HEAD>
<TITLE> Файл frame2.htm </TITLE>
</HEAD>
<BODY >
<A HREF="file.htm" target="main">Пошук файлів</a>
<A HREF="index.htm" target="main">Автоматичні індекси</a>
<A HREF="tema.htm" target="main">Тематичні каталоги</a>
</BODY>
</HTML>
Фрейми визначаються в структурі, званій <FRAMESET> , Яка використовується для сторінок, що містять фрейми, замість розділу BODY звичайного документа. Web-сторінки, складені з фреймів, не можуть містити розділ BODY у своєму HTML-коді. У свою чергу, сторінки з розділом BODY не можуть використовувати фрейми.
Контейнер з тегів <FRAMESET> і </FRAMESET> обрамлює кожен блок визначень кадру. Всередині контейнера <FRAMESET> можуть міститися тільки теги <FRAME> і вкладені теги <FRAMESET>. Тег <FRAMESET> має два параметри: ROWS (рядки) та COLS (стовпці) і записується в наступному вигляді:
<FRAMESET COLS="список_значений" ROWS=" список_значений ">
Можна визначити значення для ROWS або COLS, або обох разом. Необхідно визначити, щонайменше, два значення хоча б одного з цих параметрів. Якщо інший параметр пропущено, то його значення приймається рівним 100%.
<FRAMESET COLS="25%,50%,25%">
Значення у відносних одиницях виглядають наступним чином:
<FRAMESET COLS="*,2*,3*">
Зірочка (*) використовується для пропорційного розподілу простору. Кожна зірочка являє собою одну частину цілого. Складаючи всі значення чисел, що стоять у зірочок (якщо число опущено, то мається на увазі одиниця), отримаємо знаменник дробу. У цьому прикладі перший стовпець займе 1 / 6 частина загальної ширини вікна, другий стовпець-2 / 6 (або 1 / 3), а останній-3 / 6 (або 1 / 2).
Просте числове значення визначає фіксовану висоту підвікна в пікселях. Це далеко не найкращий спосіб опису висоти підвікна, оскільки різні браузери мають різний розмір робочого поля, не кажучи вже про різні екранних дозволах у користувача. Наприклад:
<FRAMESET ROWS="100,240,140"> .
У цьому прикладі перший рядок займе 100 пікселів, другий рядок-240, а остання-140. Можна використовувати всі три варіанти завдання значень разом.
Наприклад:
<FRAMESET COLS="100,25%,*,2*"> .
У цьому прикладі перший стовпець займе 100 пікселів, другий стовпець 25% від усієї ширини вікна перегляду, третій-1 / 3 залишився простору, а останній-2 / 3. Абсолютні значення рекомендується ставити першими по порядку зліва направо. За ними слідують процентні значення від загального розміру простору. На закінчення записуються значення, що визначають пропорційне розбиття залишився простору.
Якщо використовується тег <FRAMESET> , В якому задані і ROWS, і COLS, то буде створена сітка з фреймів. Наприклад:
<FRAMESET ROWS="*,2*,*" COLS="2*,*">.
Цей рядок HTML-коду створює сітку фреймів з трьома рядками та двома стовпчиками. Перша і остання рядки займають 1 / 4 висоти кожна, а середня половину. Перший стовпець займає 2 / 3 ширини, а другий-1 / 3.
Тег <FRAME>
Даний тег визначає фрейм всередині контейнера FRAMESET. Наприклад:
<FRAMESET ROWS="*,2*">
<FRAME>
<FRAME>
</FRAMESET>
Тег <FRAME> не є контейнером і не має завершального тега. Всі визначення фрейму виконується одним рядком HTML-коду. Необхідно записати стільки тегів <FRAME> , Скільки окремих фреймів визначено при завданні тега <FRAMESET> .У попередньому прикладі тегом <FRAMESET> задано два рядки, тому треба буде записати два теги <FRAME> .
Тег <FRAME> має шість параметрів:
SRC = "url" - описує URL-адреса документа, який буде відображений всередині даного фрейма. Якщо він відсутній, то буде відображений порожній кадр.
NAME = "frame_name" - даний параметр описує ім'я фрейму, яке може бути використане для посилання до даного фрейму.
MARGINWIDTH = "value" - це атрибут може бути використаний, якщо автор документа хоче вказати величину розділових смуг між фреймами збоку. Значення value вказується в пікселях і не може бути менше одиниці. За замовчуванням дане значення залежить від реалізації підтримки фреймів використовуваним клієнтом браузером.
MARGINHEIGHT = "value" - те ж саме, що і MARGINWIDTH, але для верхніх і нижніх величин розділових смуг.
SCROLLING = "yes | no | auto" - цей атрибут дозволяє задавати наявність смуг прокрутки у фрейму. Параметр yes вказує, що смуги прокрутки будуть в будь-якому випадку бути присутнім у фрейма, параметр навпаки, що смуг прокрутки не буде. Auto визначає наявність смуг прокрутки тільки при їх необхідності (значення за замовчуванням).
NORESIZE-даний атрибут дозволяє створювати фрейми без можливості зміни їх розмірів при перегляді сторінки. За умовчанням, розмір фрейму можна змінити за допомогою миші так само просто, як і розмір вікна Windows. NORESIZE скасовує дану можливість. Якщо в одного кадру встановлений атрибут NORESIZE, то у сусідніх фреймів теж не може бути змінено розмір.
<NOFRAMES>
весь HTML-документ
</NOFRAMES>
Наприклад, Розглянемо реалізацію фреймів для подібного розбиття вікна:
ФРЕЙМ 1 |
ФРЕЙМ 2 |
||
ФРЕЙМ 3 |
ФРЕЙМ 4 |
ФРЕЙМ 5 |
<html>
<FRAMESET ROWS="*,*">
<NOFRAMES>
<H1> Ваша версія WEB-браузера не підтримує фрейми! </H1>
</NOFRAMES>
<FRAMESET COLS="65%,35%">
<FRAME SRC="link1.html" NORESIZE >
<FRAME SRC="link2.html">
</FRAMESET>
<FRAMESET COLS="*,40%,*">
<FRAME SRC="link3.html">
<FRAME SRC="link4.html">
html ">
</FRAMESET>
</FRAMESET>
Взаємодія між фреймами
Взаємодія між фреймами полягає в можливості завантаження документів у вибраний фрейм за командами з іншого фрейма. Для цієї мети використовується параметр TARGET тега <A>.</a>Даний параметр визначає ім'я фрейму або вікна браузера, в яке буде завантажуватися документ, на який вказує дане посилання. За замовчуванням при відсутності параметра TARGET документ завантажується в поточний фрейм (або вікно). Задати ім'я фрейма (або вікна) завантаження документа можна за допомогою тега <BASE> c потрібним значенням параметра TARGET.
Імена фреймів повинні починатися з латинської букви або цифри. Як ім'я може задаватися ім'я наявного вікна або фрейму, а може вказуватися нове ім'я, під яким буде відкрито нове вікно. Існує чотири зарезервованих імені, при завданні яких виконуються спеціальні дії. Ці імена починаються з символу підкреслення (_):
TARGET = "_blank" - це значення визначає, що документ, отриманий по посиланню, буде відображатися в новому вікні браузера.
TARGET = "_self" - це значення визначає, що документ, отриманий по посиланню, буде відображатися в тому ж фреймі, в якому перебуває посилання.Це ім'я зручно для перевизначення вікна призначення, зазначеного раніше в тегу BASE.
TARGET = "_parent" - це значення визначає, що документ, отриманий по посиланню, буде відображатися в батьківському вікні, незалежно від параметрів FRAMESET.Якщо батьківського вікна немає, то це ім'я аналогічно "_self".
TARGET = "_top" - це значення визначає, що документ, отриманий по посиланню, буде відображатися на всій поверхні вікна, незалежно від наявності фреймів. Використання даного параметра зручно у випадку вкладених фреймів.
Приклад взаємодії між фреймами та окремими вікнами браузера:
<HTML>
<HEAD>
<TITLE> Взаємодія між фреймами </TITLE>
</HEAD>
<FRAMESET COLS="2*,*,*">
<NOFRAME>
<H1> Ваша версія WEB-браузера не підтримує фрейми! </H1>
</NOFRAME>
<FRAME SRC="frame_A.htm">
<FRAME SRC=empty.htm NAME="A">
<FRAME SRC= empty.htm NAME="B">
<FRAMESET>
</HTML>
Наведемо текст файлу frame_A.htm:
<HTML>
<HEAD>
<TITLE> Документ для кадру </TITLE>
</HEAD>
<BODY>
<A HREF="frames.htm" TARGET="A">1. Завантаження документа у фрейм А</a> <P>
<A HREF="list_in_list.htm" TARGET="B">2. Завантаження документа у фрейм B</a> <P>
<A HREF="frames.htm" TARGET="D">3. Завантаження документа у вікно з ім'ям D</a> <P>
<A HREF="list_in_list.htm" TARGET="_blank">4.</a>Завантаження документа в нове вікно <P>
<A HREF="frames.htm" TARGET="_top">5. Завантаження документа в повне вікно</a> <P>
<A HREF="list_in_list.htm" TARGET="_self">6. Завантаження документа в поточний фрейм</a> <P>
</BODY>
</HTML>
Розглянемо ще один приклад організації взаємодії між фреймами і вікнами браузера:
<HTML>
<HEAD>
<TITLE> Використання імен вікон </TITLE>
</HEAD>
<BODY>
<A HREF="frames.htm" TARGET="D">Завантаження документа у вікно з ім'ям D</a> <P>
<A HREF="frames2.htm" TARGET="_blank">Завантаження документа з фреймову структуру, в нове вікно</a> <P>
</BODY>
</HTML>
Файл frames2.htm містить в собі фрейми:
<HTML>
<HEAD>
<TITLE> Використання фреймів </TITLE>
</HEAD>
<FRAMESET COLS="*,*">
<NOFRAME>
<H1> Ваша версія WEB- браузера не підтримує фрейми! </H1>
</NOFRAME>
<FRAME SRC="list_in_list.htm" NAME="C">
<FRAME SRC="empty.htm" NAME="D">
</FRAMESET></HTML>
Зверніть увагу на збіг імен в параметрі TARGET тега <A>основного завантаження і параметрі NAME тега</a> <FRAME> <A>. У цьому прикладі результат залежатиме від порядку переходу по посиланнях і від браузера. Потрібно по можливості уникати таких ситуацій.</a>Імена фреймів і вікон порівнюються з урахуванням регістру символів. Так, наприклад, фрейми з іменами "frame_1" і "Frame_1" будуть різними.
Плаваючі фрейми
Браузер Microsoft Internet Explorer дозволяє використовувати унікальний тег <IFRAME> , Який реалізує плаваючий фрейм. На відміну від звичайних фреймів опис плаваючих фреймів може зустрічатися в тексті звичайного HTML-документа. Браузери, які не підтримують тег <IFRAME> Замість кадру будуть відображати будь-яку інформацію, записану між <IFRAME> і </IFRAME> .У тегу <IFRAME> застосовуються такі самі параметри, як і в тегу опису звичайних фреймів <FRAME> . Єдиним виключенням є параметр NORESIZE, застосування якого безглуздо, так як розмір плаваючих фреймів в будь-якому випадку не може бути змінений користувачем під час перегляду документа.
Крім того, для завдання розташування і розмірів плаваючого фрейма в документі можна використовувати такі додаткові параметри: WITH, HEIGHT, HSPACE, VSPACE, ALIGN. Їх призначення та порядок використання збігається з відповідними параметрами для вбудованих зображень, які задаються тегом <IMG> .
Карти-зображення
Малі WEB-сторінки для організації посилань використовують так звані карти-зображення. Реалізація цієї можливості передбачена мовою HTML і дозволяє приводити гіпертекстові посилання до різних областей зображення. Карти-зображення використовують вбудовані в HTML-документ зображення, для яких визначені «гарячі» (або активні) точки або області, що мають посилання на різні URL-адреси. Зображення можуть мати будь-який допустимий формат (GIF чи JPG).
Конфігурація карт-зображень записується у вигляді звичайного тексту, який залежно від використовуваного формату може бути збережений в окремому файлі або є частиною HTML-документа. Опис конфігурації містить координати для кожної з активних областей зображення, а також URL-адреси, пов'язані з кожною з цих областей. Активні області можуть мати форму прямокутників, кіл і багатокутників. Допускається будь-яка комбінація цих фігур. Також може задаватися значення URL-адреси, визначається для випадку, коли користувач виконує клацання в межах зображення, але поза будь-який з заданих активних областей.
Щоб включити підтримку карти для зображення, необхідно ввести додатковий параметр в тег IMG:
<IMG SRC="url" USEMAP="url#map_name">
Параметр USEMAP вказує, в якому місці знаходиться карта описуваного зображення. Карта зображення визначає, якому ділянці зображення, який URL відповідає. Карта зображення може перебувати в тому ж документі, що й зображення, або в іншому документі. Приміщення карти в інший документ дозволяє зібрати всі карти зображень в одному документі (якщо у вас їх декілька в різних документах), але додає ще одну ітерацію в мережі, коли за першу ітерацію з'ясовується місцезнаходження карти, а за другу-виконання дії,запропонованого URL для даної ділянки зображення. Параметр map_name вказує назву картки для зображення, а попередній йому URL визначає місцезнаходження карти. Якщо цей URL відсутня, то карта із зазначеним ім'ям шукається в поточному документі.
Розглянемо синтаксис визначення карти зображення:
<MAP NAME="map_name">
<AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
</MAP>
протокол поштовий електронний інтернет
Параметри:
Тег/атрибут |
Опис |
|
<MAP>…</MAP> |
Використовується для загального визначення і опису конфігурації областей карт-зображень. Всередині цієї пари тегів повинні розташовуватися опису активних областей карти, для чого використовується спеціальний тег <AREA> . |
|
NAME |
Визначає ім'я карти, яке повинно відповідати імені в параметрі USEMAP тега <IMG> . |
|
<AREA> |
Кожен окремий тег <AREA> задає одну активну область. Завершальний тег не потрібно. Активні області можуть перекриватися. У разі якщо деякі точки належать одночасно до кількох активним областям, то буде реалізована та посилання, опис якої розташовується першим у списку областей. |
|
ALT |
Служить для завдання тексту, що заміняє зображення карти (по суті грає роль коментарі). |
|
SHAPE |
Необов'язковий параметр, який вказує на форму обумовленою області зображення. Може приймати значення: default-за замовчуванням (звичайно прямокутник) rect-прямокутник circle-коло poly-багатокутник довільної форми. |
|
COORDS |
Визначає координати окремої активної області. Значенням параметра є список координат точок, що визначають активну область, розділених комами. Координати задаються у вигляді цілих невід'ємних чисел. Початок координат розташовується у верхньому лівому куті зображення, якому відповідає значення (0,0). Список координат залежить від типу області. Для області типу rect задаються координати верхнього лівого і правого нижнього кутів прямокутника. Для областей типу circle задаються три числа - координати центру кола і радіус. Для області типу poly задаються координати вершин багатокутника в потрібному порядку. Координати вважаються з нуля, тому для опису області 100 на 100 використовується опис: <AREA COORDS="0,0,99,99" ...> |
|
HREF="url" или NOHREF |
Параметри HREF і NOHREF є взаємовиключними. Якщо не вказаний жоден з цих параметрів, то вважається, що для даної області ще немає посилань. Те ж саме явно визначає параметр NOHREF, що вимагає значення. Параметр HREF визначає адресу посилання, який може записуватися в абсолютній або відносній формі. |
Порядок виконання лабораторної роботи.
1.Создать з використанням фреймів набір HTML сторінок згідно
наступним вимогам:
1) index.html - розбиває екран на три області (фрейму) наступним чином:
Область заголовка |
||
Область меню для зміни сторінок в області відображення |
Область відображення документів |
2) В області заголовка відображається файл title.html, що містить назву курсу та номер лабораторної, або будь-яку іншу інформацію, яка виступає в якості заголовка
3) В області меню відображається файл links.html з посиланнями, оформленими у вигляді списку (вітається використання в якості посилань графічних зображень). Посилання завантажують в область відображення файли такого змісту:
а) HTML-сторінку з даними про автора (приклад див нижче по тексту);
б) HTML-сторінку з вбудованим відео роликом (файли додаються);
в) HTML-сторінку з картою зображення.
На сторінці дана анкета, на основі якої необхідно створити сторінку з даними про автора:
Звіт повинен містити:
1. Тітульний лист.
2. План сайту (екранні форми).
3. Распечатка HTML-коду.
Лабораторна робота № 6. Основи впровадження JavaScript в HTML-документи
Ціль роботи: отримання практичних навичок роботи з впровадження JavaScript в HTML-документи і створення інтерактивних Web-документів. Вивчення синтаксису JavaScript, основних операцій, операторів і керуючих структур.
Короткі теоретичні відомості
JavaScript- високорівнева об'єктно-орієнтована мова, розроблена фірмою Netscape. За допомогою JavaScript можна легко створювати інтерактивні Web-сторінки.
Теги <SCRIPT> и </SCRIPT> .
JavaScript-сценарії інтегруються в HTML-документи з використанням пари тегів <SCRIPT> и </SCRIPT>.
У таблиці наведено атрибути цього тега
Атрибут |
Опис |
|
DEFER |
Атрибут логічного типу, який використовується для повідомлення браузера про те, генерує чи JavaScript-сценарій будь-яке повідомлення. |
|
LANGUAGE |
Знехтуваний в даний час, проте застосовуваний раніше, атрибут для визначення мови та версії, що використовуються всередині тега. |
|
SRC |
Визначає URL-адреса зовнішнього вихідного JavaScript-файлу. |
|
TYPE |
Атрибут, що прийшов замість LANGUAGE; повідомляє браузеру, яка мова використовується всередині тега. |
Приклад впровадженого сценарію:
<HTML>
<HEAD>
<SCRIPT TYPE="text/JavaScript">
document. write("Это JavaScript");
</SCRIPT>
<TITLE> Документ 1 </TITLE>
</HEAD>
<BODY>
<P> Відображення сторінки, в яку запроваджено сценарій </P>
</BODY>
</HTML>
У цьому сценарії використовується метод WRITE об'єкта DOCUMENT для формування висновку в HTML-сторінку.
Синтаксис JavaScript.
Ідентифікатори в JavaScript складаються з комбінації букв і цифр. При створенні ідентифікаторів потрібно враховувати:
Всі ідентифікатори повинні починатися або з літери, або з символу підкреслення.
Не використовується прогалину і знаки пунктуації.
Зарезервовані слова-це ідентифікатори, які не можуть використовуватися як імена змінних, функцій, об'єктів і методів. Повний список зарезервованих імен в JavaScript:
abstract |
else |
instanceof |
switch |
|
boolean |
enum |
int |
synchronized |
|
Break |
export |
interface |
this |
|
Byte |
extends |
long |
throw |
|
Case |
false |
native |
throws |
|
Catch |
final |
new |
transient |
|
Char |
finally |
null |
true |
|
Class |
float |
package |
try |
|
Const |
for |
private |
typeof |
|
continue |
function |
protected |
var |
|
debugger |
goto |
public |
void |
|
default |
if |
return |
volatile |
|
Delete |
implements |
short |
while |
|
Do |
import |
static |
with |
|
double |
in |
super |
Постійні або літерали-це числа або рядки, що представляють постійні значення. Цілочисельні літерали можуть бути представлені в десятковій, вісімковій або шістнадцятковій системі числення.
Цілочислений літерал в десятковій системі числення може містити будь-яку послідовність цифр, але не починатися з нуля. Наприклад: 33; 2139, 1. Вісімкові літерали можуть включати цифри від 0 до 7 і починатися з нуля. Наприклад: 071; 023; 05.Для визначення шістнадцяткового формату числа перед літералів повинно ставитися 0x або 0Х. Шістнадцяткові літерали можуть містити всі цифри і букви a-f або A-F. Наприклад: 0х45; 0хас; 0хf23.
Літерали з плаваючою точкою представляють десяткові числа з дробовою частиною. Їх можна виражати в стандартному і експоненційному форматах. Наприклад: 3405.673; -1.958; 8.3200е +11; 8.3200е11; 9.98е-12.
В JavaScript реалізований логічний тип даних, тому підтримуються два літерала true і false. Ключові слова true і false повинні записуватися малими літерами. Таким чином, TRUE і FALSE прописними буквами залишаються доступними для застосування в якості власних ідентифікаторів.
Строковий літерал-це нуль або більше символів, взятих в подвійні лапки ("") або поодинокі (''). Проте краще використовувати один і той же тип лапок як на початку, так і в кінці. Наприклад: "Це машина"; "№ 3"; "Подивися, це я!".
Іноді в сценарії може знадобитися використовувати спеціальний знак або їх комбінацію, наприклад символ табуляції або нового рядка. У цьому випадку керуючий код повинен передувати символом похилої риси вліво (\), як показано нижче:
\ B-забій
\ F-переклад сторінки
\ N-новий рядок
\ R-повернення каретки
\ T-табуляція
\ \ - Похила риса вліво
\ '- Одинарна лапка
\ "- Лапки.
Спеціальні символи не матимуть дії до тих пір, поки не помістити їх в заздалегідь сформатував блок тексту (тобто той, який знаходиться між парою тегів <pre> і </pre> )
Оголошення змінних
Для оголошення змінних використовується ключове слово var, за яким слідує нове ім'я змінної. Після оголошення змінної можна привласнювати початкове значення (ініціалізувати). Змінну можна ініціалізувати безпосередньо при її оголошенні або пізніше, в будь-якому місці сценарію. При збереженні даних JavaScript автоматично відносить їх до однієї з п'яти категорій:
Тип |
Приклад |
|
number |
-20; 3.14159 |
|
boolean |
true; false |
|
string |
“Це просто”; “5” |
|
function |
unescape; write |
|
object |
window; document; null |
JavaScript слабо типізований мова, тому тут не потрібно визначати тип даних, що подаються нової змінної. Крім того, однією і тією ж змінної можна присвоювати значення різних типів.
Коментарі
Дві косих риси «приховують» текст аж до кінця рядка (однорядковий коментар). Багаторядковий коментар починається / *, і закінчується * /.
Опції
У простій своєю формою функції-це сценарії, що викликаються по імені в будь-який момент.
Операції
Операції-суть символи та ідентифікатори, які представляють способи зміни даних або обчислення комбінацій виразів. Мова JavaScript підтримує як бінарні, так і уявні операції.
Операції присвоювання
Операція присвоювання забезпечує присвоювання змінній певного значення. Наприклад: Х = 20. Операція присвоювання завжди виконується справа наліво: аналізується права частина з метою визначення значення, потім ліва-вона повинна представляти місце для зберігання значення.
JavaScript підтримує інші операції привласнення, які є комбінацією операції привласнення і арифметичних або порозрядних операцій.
Комбінації операції привласнення і арифметичних операцій:
X + = Y скорочений запис для x = x + y
X-= Y скорочений запис для x = x - y
X *= Y скорочений запис для x = x * y
X / = Y скорочений запис для x = x / y
X% = Y скорочений запис для x = x% y
Комбінації операції привласнення і порозрядних операцій:
X<<=Y скорочений запис для X^=Y
X>>=Y скорочений запис для x=x >> y
X>>>=Y скорочений запис для x=x >>> y
X&=Y скорочений запис для x=x & y
X^=Y скорочений запис для x=x ^ y X | = Y скорочений запис для x=x | y
Збільшення (зменшення) значення змінної на 1 і потім присвоювання їй же цього нового значення являє собою досить стандартну операцію. JavaScript має спеціальні скорочені операції, для спрощення запису цих операцій. Для запису інкремента застосовується + +, а для декремента. Існує можливість використання цих скорочених операцій в префіксной (+ + i) і постфіксной формах (i + +). Таким чином, змінюється порядок повернення значення виразу і установки нового значення.
Операції порівняння
Операції порівняння зазвичай використовуються для прийняття рішень. Вони допомагають вибирати шлях, по якому буде слідувати сценарій.
Операції порівняння:
== |
Операція рівності. Повертає true, якщо операнди рівні між собою. |
|
!= |
Операція нерівності. Повертає true, якщо операнди не рівні між собою. |
|
> |
Операція «більше». Повертає true, якщо значення лівого операнда більше значення правого операнда. |
|
>= |
Операція «більше або дорівнює». Повертає true, якщо значення лівого операнда більше, або дорівнює значення правого операнда. |
|
< |
Операція «менше». Повертає true, якщо значення лівого операнда менше значення правого операнда. |
|
<= |
Операція «менше або дорівнює». Повертає true, якщо значення лівого операнда менше, або дорівнює значення правого операнда. |
Порозрядне логічні операції
Порозрядне логічні операції розглядають операнди по розділам. Операція виконується над кожною парою розрядів.
Порозрядне логічні операції:
& |
Порозрядне операція І повертає 1, якщо обидва операнда рівні 1 |
|
| |
Порозрядне операція АБО повертає 1, якщо хоча б один операнд дорівнює 1 |
|
^ |
Порозрядне операція ВИКЛЮЧАЄ АБО повертає 1, якщо тільки один з операндів дорівнює 1 |
Порозрядне операції зсуву
Всі порозрядне операції зсуву вимагають двох операндів. Лівий операнд - це ціле число, розряди якого будуть зрушуватися. Правий операнд задає кількість розрядів, на яке необхідно зрушити двійкове подання цілого числа.
Порозрядне операції зсуву:
<< |
Операція зсуву вліво повертає ціле число з зсунутими на кілька позицій вліво розрядами. З'явилися молодші розряди заповнюються нулями. Зрушення вліво на n розрядів еквівалентний множенню цього числа n раз на 2. |
|
>> |
Операція зсуву вправо з копіюванням знака (арифметичний зсув вправо) повертає значення цілого числа зі зрушенням його розрядів на кілька позицій вправо. Всі порожні розряди заповнюються копією крайнього лівого (тобто знакового) розряду. Копіювання крайнього лівого розряду гарантує, що кількість залишиться з тим же знаком (позитивним чи негативним). Зрушення вправо на n розрядів еквівалентний поділу цього числа n раз на 2 з відкиданням залишку. |
|
>>> |
Операція зсуву вправо із заповненням нулями повертає значення цілого числа зі зрушенням його розрядів на кілька позицій вправо. Всі порожні розряди старші розряди заповнюються нулями. Результат завжди позитивне число. |
Строкові операції
Набір строкових операцій, доступний JavaScript, включає всі операції порівняння і операцію конкатенації (+). За допомогою операції конкатенації рядки з'єднуються разом в одну довгу рядок. Порівняння рядків виконується зліва направо, по ASCII-кодами кожного символу.
Умовні операції
Дві операції? і: використовуються для формування умовних виразів. Ці умовні операції виконують ті ж дії, що і оператор if. Умовний вираз повертає одне з двох значень, залежно від логічного значення певного виразу.
Наприклад, такий вираз повертає рядок або число залежно від значення useString:
Var result = useString? "Сім": 7;
Document.write (result);
Оператор result = (mark <= 2)? "Перескладання": "Залік";присвоює змінної result значення "Перескладання", якщо змінна mark менше, або дорівнює 2, в іншому випадку їй присвоюється значення "Залік".
Булеві операції
Використовуються на додаток до виразів, що повертає логічні значення.
Булеві операції:
&& |
Логічна операція І (кон'юнкція). Повертає true, якщо обидва операнда мають значення true. В іншому випадку повертається false |
|
|| |
Логічна операція АБО (диз'юнкція). Повертає true, якщо хоча б один з операндів має значення true. В іншому випадку повертається false |
|
! |
Логічна операція НЕ (заперечення) - уявний операція, яка повертає протилежне значення булева висловлювання |
Подобные документы
Налаштування інтернет-з’єднання за допомогою мобільного телефону. Проєктування і налаштування провідної мережі, бездротової мережі WiFi. Робота з BT. З’єднання пристроїв, сервіс, безпека. Робота з електронною поштою. Огляд технології 3G, 2.75G, 2.5G.
контрольная работа [29,2 K], добавлен 08.02.2011Локальні мережні ресурси. Класифікація супутників зв'язку за висотою орбіти. Максимальна швидкість роботи, яка забезпечується технологією Інтернет. Загальний доступ до принтера користувачам ЛОМ. Обмін інформацією між користувачами комп'ютерної мережі.
контрольная работа [29,2 K], добавлен 19.07.2011Поняття та завдання комп'ютерних мереж. Розгляд проекту реалізації корпоративної мережі Ethernet шляхом створення моделі бездротового зв’язку головного офісу, бухгалтерії, філій підприємства. Налаштування доступу інтернет та перевірка працездатності.
курсовая работа [2,2 M], добавлен 20.03.2014Історія створення комп’ютерних комунікацій та принципи їх побудови. Характеристика устаткування для створення комп’ютерних мереж. Поняття адресації, види протоколів, їх розвиток, комбінування та особливості використання. Стандарти бездротових мереж.
курс лекций [1,3 M], добавлен 04.06.2011Сутність інформаційних технологій та їх основні компоненти. Роль глобальної мережі Інтернет у функціонуванні підприємства туристичної галузі, значення інформаційно-пошукових систем. Основні принципи та етапи роботи програми Microsoft Office PowerPoint.
курсовая работа [1,7 M], добавлен 09.12.2011Захист електронних платежів у мережі Іntегnеt. Побудова захисту електронних банківських документів. Криптографічний захист інформації. Захист інформації та вирішення питань безпеки у СЕП. Роботи програмно-технічних комплексів в інформаційній мережі.
контрольная работа [293,9 K], добавлен 26.07.2009Принципи створення WEB-сторінок. Правила і програми для створення електронних публікацій. Гіперпосилання. Використання JAVA-скриптів при створенні HTML документу. Графіка у HTML-документах. Утворення та відправлення повідомлень електронної пошти.
реферат [177,1 K], добавлен 19.10.2007Загальна характеристика мережі та мережевого обладнання, а також програмного забезпечення підприємства. Обґрунтування необхідності створення та налаштування комп’ютерної мережі, зміст відповідних заходів. Розрахунок затрат на матеріали і комплектуючі.
дипломная работа [2,4 M], добавлен 21.06.2014Принципи та особливості роботи пошукових роботів. Аналіз відмінностей каталогів від пошукових систем. Шляхи та параметри оцінювання обсягів індексації сучасних пошукових систем. Загальні рекомендації щодо додавання сайту до пошукової системи чи каталогу.
реферат [101,3 K], добавлен 18.11.2010Онлайн-страхування в мережі Інтернет, його правовий аспект. Програмне забезпечення для організації веб-сайтів в мережі Інтернет: CMS. Система керування вмістом для публікації інформації в Інтернеті: Joomla. Описання процесу створення й реалізації програми
курсовая работа [4,3 M], добавлен 30.09.2014