Програмування Конвертера валют - Программирование, компьютеры и кибернетика курсовая работа
Проект сторінки з розміщенням конвертора валют на мові програмування HTML та JavaScript. Розмітка гіпертекстових документів HTML, основні функції, властивості і параметри; структурне форматування. Технології CSS, JavaScript, ефективність використання.
посмотреть текст работы
скачать работу можно здесь
полная информация о работе
весь список подобных работ
Нужна помощь с учёбой? Наши эксперты готовы помочь!
Нажимая на кнопку, вы соглашаетесь с
политикой обработки персональных данных
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Міністерство освіти і науки України
Кафедра інформатики та інформаційної безпеки
Проектування вузлів та сервісів в мережах
На мові програмування HTML та JavaScript, проектувати сторінку на якій буде знаходитись конвертор валют
Вже досить багато часу витрачено на те, щоб навчитися за допомогою HTML і браузера виводити на екран тексти.
Але це просто тексти. Використовуючи могутній текстовий процесор, такий, як Microsoft Word, верстати оголошення, лист брошуру і невелику книгу можна набагато швидше, і результат буде кращої якості.
При цьому не треба писати програми, вникати у всі тонкощі численних тегов і їх атрибутів. Працюючи в Worde, практично не треба думати ні про що, окрім змісту власного твору. Різноманітний оформлювальний інструментарій має інтуїтивно-зрозумілий інтерфейс і численну бібліотеку шрифтів, ліній, значків, рамочок, орнаментів, фігур, малюнків і інших корисних "штучок", які роблять текст на екрані і папері приємним для ока. За умови, звичайно, що ви не позбавлені смаку і відчуття міри.
Так чому ж у всьому світі вибухнув справжній бум HTML-программирования? Збувається мрія А.П. Ершова: програмування стає другою письменністю, народним захопленням.
Головних причин популярності HTML три. Ось вони в порядку зростання важливості.
HTML-программирование дуже просте. У нім немає традиційних алгоритмічних структур, таких, як розвилка, цикл, процедура. Воно лінійне в своїй основі.(Відступом від цієї тези є посилання. З їх допомогою можна організувати галуження і процедурний виклик. Про це буде розказано нижче. Проте, ці засоби дуже примітивні для серйозного зіставлення з аналогічними структурами мов типу Сі або Паскаль.)
Багато авторів підручників навіть соромляться називати HTML-тексты програмами. Роботу HTML-проектировщика вони називають розміткою тексту. Насправді, в цій назві поміщена методична помилка. Адже воно (назва) припускає такий порядок роботи: береться звичайний текст і розмічається, тобто, на нього накладається сітка з тегів так, щоб браузер зміг показати рядки тексту на екрані.
Проте, хороші гіпертекстові документи при такому підході отримати набагато складніше, ніж у разі коли, структура HTML-документа планується ще до написання текстів. Адже гіпертекст влаштований принципово інакше (див. третю причину).
Якщо, працюючи в Word'і, ви створюєте документ для власного споживання, у вас немає проблем. Немає проблем і тоді, коли ви посилаєте свою роботу в світ як друкарську копію. Якщо ж ваш партнер, видавець або колега просить прислати електронну версію - починаються проблеми.
Для того, щоб документ з'явився на екрані у абонента, необхідно, щоб його комп'ютер і операційна система (платформа) дозволяли запустити ваш улюблений редактор.
Для того, щоб документ завантажився в Word, украй бажаний збіг версій цього продукту у вас і вашого колеги.
Для того, щоб текст на екрані не виглядав як древненорвежский манускрипт, необхідно, щоб ваш партнер мав на своєму комп'ютері шрифти, які були використані при створенні вашого тексту.
Але навіть, якщо всі ці умови виконані, все одно мало шансів на те, що ваш товариш побачить текст неспотвореним (картинки вилазять з рамок, межі сторінок пливуть по тексту...). Це відбувається тому, що ваші Word і Word вашого партнера настроєні по-різному.
Після того, як по телефону (або електронній пошті) редактори будуть настроєні однаково, текст все одно може виглядати по-різному вже по причинах, відомих тільки фірмі Microsoft.
Все, про що мовилося, називається непереносимістю продукту. Не в тому сенсі, що продукт когось не любить, а в тому, що різним користувачам неможливе, або украй важко, відображати у себе те, що зроблене у іншому місці.
HTML-документ є переносимим продуктом. Це означає, що авторська праця буде легко доступна величезному числу користувачів, незалежно від марки комп'ютера і типу операційної системи. Саме це властивість HTML-документов, а також їх відносно малий розмір, дозволили з успіхом використовувати HTML-технологию для підготовки WWW-сторінок в Інтернеті.
Переносимість HTML-документа досягається за рахунок того, що пересилається не екранне зображення, а програма. А зображення будує браузер, виконуючи команди цієї програми. Правда, і тут не все гладко. Різні браузеры можуть працювати трохи по-різному.
Звичайний текст має лінійну структуру. І хоча користувач може читати будь-які його сторінки і строчки, перегортаючи документ на екрані або в паперовій книзі, автор припускає, що текст читається по порядку. Спочатку перша сторінка, потім друга і так далі.
Деяке порушення лінійності звичайної книги вносять виноски, посилання на інші сторінки і посилання на іншу літературу.
Передбачається, що користувач може перервати лінійне читання в місці посилання, подивитися іншу частину читаного тексту або навіть зовсім інший текст, а потім продовжити читання з місця переривання.
З маси лінійної текстової продукції виділяються словники, довідники, енциклопедії. Фізично текст влаштований лінійно: за сторінкою 10 обов'язково слідує сторінка 11, а за сотою -- сто перша. Проте, передбачається, що читач звертається до книги для довідки, а не читає її всієї підряд від корки до корки.
Для спрощення навігації користувача в таких книгах передбачаються докладний зміст, алфавітні і тематичні покажчики. Розділи словника або довідника мають систему розвинених перехресних посилань. (Пам'ятаєте як у Лема: сепулька - предмет для сепулькации, див. сепулькація. СЕПУЛЬКАЦІЯ - дія, що виконується за допомогою СЕПУЛЬКИ, див. сепулька).
У століття бурхливих комп'ютерних технологій якось не хочеться уручну копатися у великому словнику. Чом би цю рутину не доручити "залізному" другу з "м'якою" душею? Вженемо словник в "залізо" і набудуємо "душу". Клацнув мишкою по потрібному слову - отримав результат: потрібний розділ книги на екрані.
Можливості комп'ютера народжують принципово нову ідею: чом би спочатку не проектувати текст з розрахунку на можливість читання не по порядку, а по контексту. Такий підхід дозволяє різним користувачам проглядати текст орієнтуючись, на свої смаки, рівень володіння темою і поставлені завдання.
Структура комп'ютерної книги стає істотно нелінійною, вона навіть перестає бути ієрархічною, а швидше нагадує сплутану риболовну сіть або порцію спагеті, перекинуту на підлогу.
Для навігації по такій мережі передбачається простій спосіб: ті фрагменти документа, які мають переходи на інших його частини, якимсь чином виділені. Просту інтерфейсну дію на такому посиланні (натиснення на Enter або мишачому клацанні) перекидають користувача в інший інформаційний вузол.
Подивився, повернувся назад, або, не повертаючись, продовжив подорож по новому посиланню.
Структура WEB-сторінокы
H2 {font-family: Arbat;}CODE { font-family: Arial;}
Перехід до кінець документа
Перехід до посиланню 1
Тут розташована посилання 1
Тут повинен розташовуватися оригінальний текст WEB-сторінокы
Перехід в начало документа
Якщо розглянути початкові тексти різних WEB-сторінок, то можна легко побачити схожість їх структури. Це пояснюється тим, що документи створюються по певних правилах. У основу синтаксису мови HTML ліг стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML)». Правда, існує велика відмінність між стандартом офіційному і стандартом фактичним. HTML постійно розвивається, доповнюється новими елементами.
Означає документ на мові HTML. Я вже згадував про те, що одним з принципів мови є багаторівневе вкладення елементів. Даний елемент є самим зовнішнім, оскільки між його початковим і ліжковим тегами повинна знаходиться вся WEB - сторінка. В принципі цей елемент. Він має атрибути version, long і dir, якими в даному випадку рідко хто користується, і допускає вкладення елементів HEAD, BODY і інших, що визначає загальну структуру WEB-сторінокы. Кінцевим тегом закінчуються всі документи у форматі HTML.
Область заголовка Web - сторінки, її перша частина. HEAD служить тільки для формування загальної структури документа. Цей елемент може мати атрибути IANG, DIR, повинен включати елемент TITLE і допускає вкладення елементів BASE, META, LINK, OBJECT, SCARIPT, STULE.
Елемент для розміщення заголовка Web - сторінки. Рядок тексту, розташованого усередині цього елементу, відображається не в документі, а в заголовку вікна браузера. Цей рядок часто використовується при організації пошуку в WWW. Цей рядок винен достатньо точно відображати призначення документа.
Елемент для опису стилю деяких елементів Web - сторінки. У файлі Strukt. Htm призначені шрифти для елементів h2, code. Для кожного елементу існує стильове оформлення за умовчанням, тому вживання елементу style не обов'язково, але бажано. Цей елемент введений порівняно недавно, без нього немислима робота в додатках World, Excel.
Елемент містить службову інформацію, яка не відбивається при прогляданні Web- сторінки. Усередині нього немає тексту в звичайному розумінні, тому немає і кінцевого тега. Кожен елемент Meta містить два основні атрибути, перший з яких визначає тип даних, а другий - зміст. Ось декілька прикладів meta - дані:
Дата, що позначає термін придатності документа:
Name = “Reply - to” content = “ Ім'я @ Адреса “
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. Шаблон атрибуту такий:
Цей елемент містить в собі гіпертекст, який визначає власне Web, - сторінку. Кінцевий тег цього елементу треба шукати в кінці HTML-файла. Усередині елементу BODY можна використовувати всі елементи, призначені для дизайну Web-сторінокы. Усередині початкового тега елементу BODY можна розташувати ряд атрибутів, що забезпечують установки для всієї сторінки цілком.
Атрибут, що визначає фон сторінки, є одним з найважливіших для дизайну.
Простіше оформлення фону зводиться до завдання його кольору:
Кольори фону задається трьома дворозрядними шістнадцятиричними числами, які визначають інтенсивність червоного, зеленого і синього. Обидва приведених вище за атрибут не є альтернативними і часто використовуються спільно: якщо по яких-небудь причинах не може бути знайдений малюнок фону, використовується колір.
Оскільки фон станиці може зміняться, необхідно мати можливість підбирати відповідний колір тексту. Для цього є наступними атрибут:
Для завдання кольору тексту гіперпосилань використовуються наступні атрибути:
Так само можна задати колір для проглянутих гіперпосилань:
Можна також вказати зміну кольору для останньої вибраний користувачем гіперпосилання:
У будь-якій мові програмування є конструкції, що дозволяють створювати довільні ремарки. HTML в цьому сенсі - не виключення. Текст, введень усередині цього елементу, ігнорується браузером. Ці елементи можуть розташовуватися в будь-якому місці WEB-сторінокы. Ознакою коментаря служить знак оклику, а текст коментаря повинен обрамлятися подвійним дефісом. Наприклад:
Елемент заголовка. Існує шість рівнів заголовка, які позначаються H1.H6. Заголовок рівня 1 найбільший, а рівень 6 забезпечує найменший заголовок. Для заголовків можуть використовувати атрибути, задаючі вирівнювання вліво, по центру або управо:
Горизонтальна лінія - дуже часто використовуваний елемент. По-перше, тому що з його допомогою дуже зручно ділити сторінку на частини.
По-друге, тому що вибір подібних елементів оформлення у автора сторінки дуже невеликої. Цей елемент не має кінцевого тега, але допускає ряд атрибутів для вирівнювання вліво, по центру, управо, по ширині:
HTML-документ може бути дуже великим, і в цьому випадку потрібно мати можливість швидкого переміщення до потрібного розділу документа. Для цього можна використовувати механізм гіперпосилань. Необхідно також в потрібних місцях тексту розставити відповідні мітки. Шаблон для створення міток такий:
В даному випадку даному рядку документа привласнюється ім'я, і, отже, в іншій частині документа або навіть на іншому документі може бути створена гіперпосилання, що приводить в цю крапку. Для переходу усередині документа можна використовувати наступну конструкцію:
Переход до метке
Декілька подібних рядків можуть утворити своєрідний зміст Web-сторінок, який можна розмістити на початку і в кінці документа.
Читаючи цю роботу, ви, звичайно, вже достатньо багато попрацювали з посиланнями і розумієте, що це таке на практиці.
гіпертекстові посилання серед інших елементів тексту виділяються кольором і підкресленням;
мишачий курсор на посиланні міняє свою форму і перетворюється на вказуючий перст;
для переходу по посиланню необхідно клацнути по ній мишкою;
для повернення з посилання необхідно використовувати навігаційну кнопку браузера "Назад" ("Back").
Якщо посилання утворюють вкладений ланцюжок, то кнопки "Назад і вперед" можна використовувати для руху по пройденому посилальному шляху в обидві сторони. Вони працюють як традиційні операції "вікатка" і "накатка" в більшості прикладних програм.
У нижчеприведеному прикладі використовується ланцюжок вкладених посилань. Зробите невелику подорож. Спочатку, клацаючи посилання, дістаньтеся до тексту, в якому посилань вже немає. Потім, користуючись навігаційними кнопками браузера, "прогуляйтеся" по пройденому шляху вперед і назад.
Посилання можуть відводити не тільки в різні документи, але завантажувати на екран різні фрагменти одного і того ж тексту. У останньому випадку навігаційні засоби браузера працюють також.
На екрані нічого не відображається.
При записі шляху до файлу використовуйте косу межу з нахилом управо, а не вліво, як прийнято в DOS, навіть якщо ваш браузер знаходить посилання і з лівонахиленою межею. Нахил межі стає істотним при розміщенні гіпертексту на сервері для доступу до нього з Інтернету. Сервери, як правило, працюють під операційною системою UNIX, а в ній риски - правонахилені.
Елемент для завдання базової адреси (URL) для посилань. Це дозволяє опускати початкову частину адреси в посиланнях документа. Для використання цього елементу необхідно використовувати наступну конструкцію:
Фрагмент адреси путь1 не є обов'язковим. При формуванні повної адреси він буде відкинутий. Якщо в тексті документа зустрінеться відносне посилання
Видимий текст ссылки
http: // комп'ютер/шлях 2/ім'я документа. Htm
У тому випадку, коли треба задати базову адресу для локального диска (наприклад, D), повинна бути використана така конструкція:
Тоді при вказівці відносного посилання можна буде задавати не тільки ім'я файлу, але і імена тек, в яких він знаходиться.
У виразі абсолютного посилання можна також опустити вказівку на схему доступу (file://) В цьому випадку враховуватиметься тільки ліва частина абсолютного посилання до першого лівого символу “\ ”, тобто ім'я локального диска.
При використанні кожного елементу важливо знати, які елементи можуть розташовуватися усередині нього, і усередині яких елементів може знаходитися він сам. Так, взаємне розташування елементів HTML, HEAD, TITLE, BODY повинне бути стандартним на будь-якій сторінці, в тих випадках, коли не використовуються фрейми. Якщо сторінка є документом планування фреймів, то замість елементу BODY використовується елемент FRAMESET.
Існують групи елементів, які використовуються спільно. До них відносяться елементи для створення таблиць, списків, фреймів. В цьому випадку порядок вкладення елементів визначається логікою створення того або іншого об'єкту на сторінці. Таблиці і фрейми часто використовуються для того, щоб розмістити деталі сторінки (малюнки, текст і ін.) в певному порядку. Наприклад, розташовуючи малюнок усередині елементу таблиці, можна добитися певного його положення.
Велика кількість елементів, які використовуються для форматування тексту, допускають найрізноманітніші варіанти вкладення. І самі вони обов'язково повинні розташовуватися усередині певних елементів.
Наприклад, є два абзаци (перший в зеленій рамці) і таблиця:
Текст абзацу 1
Таблиця в даному випадку - незалежний елемент. Її можна, наприклад, вирівнювати незалежно від решти тексту.
Текст абзацу 1
Зник кінцевий тег першого абзацу. Тепер таблиця є частиною першого абзацу, і зелена рамка охоплюватиме таблицю і текст.
І навпаки, елемент 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 Express в текст сторінки автоматично додається конструкція типу charset =xxxxx, яка не дозволяє використовувати кирилицю. В цьому випадку необхідно правильно вказати значення атрибуту: charset =windows-1251.
Якщо документ використовує кодування Unicode, то для роботи з ним підійдуть такі засоби, як Блокнот, Norton Commander або WordPad, і доведеться зупинитися на гіпертекстовому редакторові. В цьому випадку російська буква А виглядатиме в режимі «джерела» так А (у десятковому кодуванні). Таку сторінку складно читатиме і редагуватиме. Тому кожен новий редактор треба тестувати на можливість використання російських букв: набрати невеликий текст, зберегти документ, а потім проглянути його в режимі джерела.
У HTML і в браузерах реалізована можливість промальовування символів по їх кодах. Символи можуть бути загальноприйнятими, нестандартними і використовуваними в HTML як службові символи. Їх називають спецсимволами. Перший спосіб введення спецсимволу полягає у вказівці його коди. Наприклад, латинську букву А можна задати так: A. Для деяких символів передбачено мнемонічне кодування.
Часто використовувані спецсимволи (за стандартом ISO 8859 - 1):
Для відділення символу від подальшого тексту треба вводити крапку з комою.
Мнемонічні символи бувають дуже корисні, особливо для тих символів, які не можна ввести з клавіатури. Наприклад, для вказівки дозволу екрану можна використовувати таку конструкцію:
Подвійна лапка, кутові дужки і амперсанд (<, >, &) є службовими в HTML. Якщо їх треба використовувати в звичайному тексті на Web-сторіноке, то вони повинні бути вказані тільки за допомогою код.
Кирилиця теж може бути реалізована у вигляді набору спецсимволів. Російські букви розташовані (при кодуванні Windows-1251) в тому місці кодової таблиці, де спочатку розташовувалися латинські букви з тильдами, умляутами. Тому англомовні редактори HTML при перемиканні клавіатурного регістра часто записують кирилицю у вигляді код.
Основним типом даних Web-сторінокы є текстовій тип. Існує багато елементів, які є контейнерами для тексту, або використовуються для форматування тексту. Числові і мнемонічні коди, що позначають символи, передують знаком амперсанта &. Таким чином, амперсанд і кутові дужки можуть бути введені в текст не на пряму, а тільки за допомогою код. Текстові дані, що є значеннями атрибутів, полягають в прямі подвійні лапки.
Числові дані потрібні тільки для вказівки значень атрибутів і записуються без лапок.
Гіперпосилання зазвичай складаються з двох частин: тексту підказки і адреси, який визначає координату переходу. Текст підказки або замінюючий його малюнок розташовується усередині елементу А, а адреса задається за допомогою атрибуту href. Гіперпосилання зазвичай виділяється на тлі тексту кольором або підкресленням. Вид покажчика миші обов'язково змінюється, коли він поміщається над гіперпосиланням.
Існують правила для визначення розмірів елементів. Розмір, заданий звичайним числом, виражається в пікселях. Наприклад, задається довжина горизонтальної лінії в 100 пікселів:
Горизонтальний розмір може бути заданий в процентному відношенні до ширини вікна браузера:
Якщо розмір вікна буде змінений, то зміниться і довжина горизонтальної лінії.
Символ * може використовуватися для розділення простору сторінки в певних пропорціях. Два способи визначення фреймів ( атрибут cols створює фрейми з вертикальним діленням), причому лівий фрейм в даному випадку завжди буде в три рази вужчий, ніж правий.
Кодування кольору використовується для розфарбовування шрифтів, горизонтальних ліній і фону, інших елементів сторінки. Кольори позначаються англійськими назвами або числовими шістнадцятиричними кодами. Існує декілька атрибутів, значеннями яких є параметри кольору. Найпростіший спосіб визначити колір - написати назву кольору англійською мовою. Так, наприклад, задається червоний колір шрифту в елементі FONT:
Але в загальному випадку колір визначається RGB - кодом. Будь-який колір в цьому випадку представляється як комбінація червоного (R), зеленого (G), синього (B) кольорів, узятих в певних пропорціях. Частка кожної колірної складової визначається інтенсивністю кольору і виражається дворозрядним шістнадцятиричним числом. У десятковому численні ці числа відповідають діапазону від 0 до 255. У Windows-95 це відповідає колірному режиму монітора True Color (24-розрядне двійкове кодування кольору).
У вище приведеній таблиці видно, що для формування стандартних квітів часто використовуються або крайні значення інтенсивності базового кольору 00 і FF, або середнє значення 80. Вибравши колір, можна побачити його чисельні характеристики, і навпаки, задавши чисельні значення, отримати новий відтінок.
Ще один напрям застосування кольору: елемент HR, що створює горизонтальну лінію, допускає використання ряду атрибутів. З їх допомогою лінію можна перетворити на кольоровий прямокутник. Його можна використовувати для розділення частин сторінки або як маркери списку.
HTML - код, що малює веселку на Web-сторінці:
Веселка
Колірне опрацьовування Web-сторінок є альтернативою численних малюнків і дозволяє забезпечити швидше завантаження документа.
Пора від технічних деталей програмування перейти до важливіших питань:
· Як скласти сценарій гіпертекстового документа?
· Як спроектувати зовнішній вигляд документа на екрані?
Коли гіпертекст складається з декількох файлів, термін "документ" до нього вже не дуже підходить. Надалі називатимемо документом однофайловий гіпертекст. А для випадку, коли файлів багато, введемо термін "додаток".
Отже, є ідея створити красиве, корисне і зручне для користувача гіпертекстове застосування. З чого почати роботу?
Можна, звичайно, відразу писати теги, а там -- як вийде. Сумнівно, що вийде добре.
Краще спочатку вирішити, який спосіб організації гіпертексту більше всього підходить для поставленого завдання, тобто, подумати над загальною структурою додатку.
Це найпростіша структура. Документи, складові додаток, є видимими користувачем по порядку, як сторінки в книзі. Кожен документ закінчується посиланням на наступний. Користувач рухається по ланцюжку "до упору", тобто до останнього документа. У останньому документі посилання "вперед" вже немає. Тепер можна закінчити роботу або, користуючись кнопкою браузера "Назад" ("Back"), пройтися по документах "назад".
Ланцюжок можна зобразити такою схемою:
Для зручності роботи з додатком, можна поміщати на сторінці документа посилання не тільки вперед, але і назад. В цьому випадку відпадає необхідність використовувати навігаційні кнопки браузера.
Посилання-зв'язки можна оформити у вигляді піктограм.
· Працюючи з документом, дуже легко побачити програму, яка цей документ будує. У браузере для цієї мети є спеціальна позиція "У_вигляді HTML" ("Page Source") головного меню "Вигляд" ("View"). Увійдіть ще раз до додатку "" і подивитеся програми документів.
· У додатку "Приклад красивого ланцюжка" використана незвичайна фонова ілюстрація (про фонові картинки докладніше дивитеся нижче в цьому уроці). Подивитеся її здесь. Це дуже вузька і довга GIF-картинка розміром 1x1200 пікселів, тобто ширина картинки всього один піксель, а висота - 1200 пікселів. Паркет з таких плиточек виглядає як гамма колірних горизонтальних смужок з наростаючою вниз щільністю кольору.
Якби документи були довгими, то через деякий час, прокручувавши екран по вертикалі, ми дійшли б до другого ряду плиточек і побачили б, як темна горизонтальна смужка раптово обривається і починається світла (новий горизонтальний паркетний ряд). Це не відбувається, тому що в прикладі документи короткі, а паркетна плиточка довга. Довжина 1200 пікселів вибрана відповідно до дозволу екрану 1600x1200. Такий розмір призначеного для користувача екрану в пікселах - поки що велика рідкість і зустрічається в основному на професійних графічних станціях. Звичайні комп'ютери працюють з дозволом екрану 640x480, 800x600 і 1024x768.
Картинки, подібні vert.gif, рідко використовують для фону сторінки, адже в довгих документах, перехід від одного горизонтального ряду такого паркету до іншого виглядає непривабливо і сприймається як погрішність. Проте, вузькі картинки з колірною "розтяжкою" HTML-программисты охоче використовують для створення фону в таблицях (про це розмова піде пізнішим).
Набагато частіше на практиці використовують паркет, що складається з дуже широких (по горизонталі) і коротких (по вертикалі) плиточек. Приклад такого паркету можна подивитися здесь. Розмір паркетної плиточки (картинка hor.gif): 1024x1.
У чистому вигляді ланцюжок використовується проектувальниками дуже рідко. Звичайна практика - це ланцюжок документів з додатковим набором HTML-файлов, створюючих довідковий розділ. У цей розділ виносяться великі ілюстрації, довгі приклади, коментарі, тлумачення термінів, літературні джерела, ліричні відступи.
Таким чином, додатково до посилань руху по ланцюжку, в додатку з'являються посилання, що відводять користувача на документи довідкового розділу. Вивчивши додатковий матеріал, користувач повертається в ланцюжок і продовжує послідовний рух.
Схема ланцюжка з довідковим розділом виглядає так:
Можливі різні варіанти організації довідкового розділу:
· Розділ складається з декількох незалежних документів.
· Деякі документи розділу мають посилання один на одного або навіть утворюють ланцюжок.
· Довідковий розділ складається з одного документа з мітками, на які настроєні посилання в документах ланцюжка.
· Кожен документ в ланцюжку має свій власний довідковий розділ, і ці різні розділи можуть містити посилання один на одного.
Ланцюжки, не дивлячись на свою простоту, часто використовуються в гіпертекстовій практиці. Особливе значення ця схема має на великому інформаційному об'ємі. Матеріал розділяється на послідовні фрагменти, які і утворюють ланцюжок.
Гіпертекстовий підручник, який ви зараз читаєте, теж побудований у вигляді ланцюжка. Про це однозначно говорять навігаційні кнопки в кінці кожного уроку. І хоча підручник має зміст, по посиланнях якого можна безпосередньо потрапити в будь-який розділ, передбачається, що читається він по порядку, урок за уроком.
Ієрархія - це залежність по підпорядкуванню, або включенню одних об'єктів в інших.
Прикладом ієрархії служить система класифікації тварин. Тварини підрозділяються на типи, кожен тип у свою чергу підрозділяється на підтипи. Підтипи складаються з класів, класи із загонів, загони з підрядів, підряди з сімейств. Сімейства включають пологи, пологи - види і, нарешті, види в цій системі класифікації, складаються з окремих представників тваринного світу.
Інший приклад ієрархічної структури, ближчий нам по темі -- структура книги. Книга ділиться на томи, томи на частини, частини на розділи, розділи на параграфи, параграфи на пункти. У конкретній книзі деякі елементи з цієї ієрархії можуть бути опущені (наприклад, ділення на томи).
Ієрархічну ст
Програмування Конвертера валют курсовая работа. Программирование, компьютеры и кибернетика.
Сочинение Про Доброту 4 Класс
Сочинение По Литературе Комедия Горе От Ума
Реферат: Горькая жизнь нимфоманок
Мерзляк Итоговые Контрольные Работы 6 Класс Скачать
Как Написать Вступление К Сочинению
Фестиваль Красок Сочинение На Английском
История Развития Криминологии В России Реферат
Курсовая работа: Управление персоналом формирование его состава
Курсовая работа по теме Удержания из заработной платы работников аптеки
Курсовая работа по теме Разработка технологического маршрута изготовления детали 'трубная решётка' в количестве 2 штук
Где Можно Посмотреть Дипломные Работы Выпускников
Реферат На Тему Баскетбол Введение
Контрольная Работа Атом И Атомное Ядро
Курсовая работа по теме Уплотнение грунтов
Дипломная работа по теме Фрахтование трампового тоннажа
Контрольная работа по теме Договор оказания образовательных услуг
Отчет по практике: Налоговая полиция
Реферат: Тип моллюски. Скачать бесплатно и без регистрации
Реферат по теме Охранительные идеи господствующего класса в 18 веке
Курсовая работа: Предпринимательство и бизнес в России и Соединенных Штатах Америки сравнительный анализ
Современные требования к персоналу гостиничных предприятий - Менеджмент и трудовые отношения курсовая работа
Промислова буржуазія півдня України та еволюція її соціально-економічних вимог у другій половині ХІХ – на початку ХХ сторіччя - История и исторические личности автореферат
Профилактические, реабилитационные и восстановительные мероприятия в процессе занятий физическими упражнениями и спортом - Медицина презентация