Міністерство освіти і науки України
Національний педагогічний університетімені М.П.Драгоманова
Фізико-математичний факультет
Кафедра основ інформатики таобчислювальної техніки
Курсова робота з інформатики натему:
«Створення Web-документів.Використання мови HTML»
Автор: студентка 41МІ групи
фізико-математичного факультету
Бондар Наталія Петрівна
Науковий керівник: професор
Морзе Наталія Вікторівна
Робота захищена"___"________2004року
Оцінка _______________
Комісія: 1.
2.
3.
Київ-2004
План
I. Вступ.
II. Основна частина.
1. Основи Web-програмування. Використаннямови HTML.
1.1. Базові елементи HTML.
1.2. Форматування тексту.
1.3. Таблиці та списки.
1.4. Посилання та робота з ними.
2. Створення Web-документу.
III. Висновки.
IV.Література.
Вступ
Internet має кілька служб, зокрема,електронну пошту, телеконференференції (дискусійні групи), передавання файлівтощо. Більшість документів із різноманітною інформацією з різних галузей знаньмають гіпертекстовий формат. Службу Інтернет, яка управляє передаванням такихдокументів, називають World Wide Web (Web, WWW). Цим же термином або просторомWeb називають обширну сукупність Web-документів, між якими існуютьгіпертекстові зв'язки.
Поняття «гіпертекст» має досить давнюісторію. Воно виникло на стику філософії та комп'ютерних технологій ще усередині XX ст. Теоретичною основою гіпертексту стали сформульовані В.Бушем(1945 р.) принципи нелінійного письма, які він докладно висвітлив у роботі «Якми могли б мислити». У 60-х роках Т.Нельсон і Д. Енгельбарт, застосовуючикомп’ютерні технології опрацювання інформації, розробили нову технологію, якуназвали «гіпертекст».У гіпертексті є посилання на інші сторінки або документи.В більшості броузерів(програм для завантаження та перегляду Web- документів) ціпосилання підкреслюються або виділяються іншим кольором. Якщо клацнути лівоюкнопкою миші на гіперпосиланні, то програма перегляду гіпертексту завантажитьдокумент, на який вказує посилання. Таким чином, сторінка набуває властивостіінтерактивності. У деякому розумінні, завдяки гіпертексту, інформація у WWWорганізована за тим самим принципом, що і в людському мозку.
Окремі документи, які складають простір Web,називають Web-сторінками. Web- сторінки зберігаються на жорстких дисках Web-серверів.Web-сервери — це спеціалізовані комп’ютери з відповідним програмнимзабезпеченням, яке дає можливість доступу користувачів до Web-сторінок; цепрограмне забезпечення також називається Web-сервером.
Групу сторінок, присвячену певній темі тарозміщену в певному каталозі Web-сервера, називають Web- вузлом або Web-сайтом.Один фізичний Web- сервер може містити кілька Web-сайтів.
Web-сторінки мають вигляд звичайнихтекстових документів, в які введено вказівки форматування. Принцип роботибраузера полягає в інтерпретації цих вказівок. При відображенні такихдокументів браузером самі вказівки не відображаються, проте впливають на спосібвідображення решти частини документу. Згадані вказівки називаються дескрипторамиабо тегами. З їх допомогою текст можна робити кольоровим, використовуватишрифти різного розміру, вбудовувати мультиплікацію, відео фрагменти тощо.Формат дескрипторів задається в описі спеціальної мови розмітки. Вонаназивається мовою розмітки гіпертексту-HTML( Hyper Text Markup Language).
Документи, розмічені за допомогою цієї мови,називаються HTML- документами. HTML- документи мають розширення .html або .htm.Інколи процес розробки Web- документів засобами мови HTML називають Web-програмуванням. Проте слід розуміти, що HTML не є мовою програмування узвичайному розумінні, а є мовою розмітки(опису). Термін Web- програмуваннямовою HTML має історичне походження.
Мова HTML розроблена спеціально для Web. Їїпопулярність забезпечують зокрема такі властивості:
—документ, створений за допомогою деякоїпрограми, наприклад текстового редактора, часто важко(а іноді і неможливо)використовувати в іншій програмі; HTML у цьому відношенні є універсальною;
—HTML — це відкритий стандарт;
— HTML не є власністю якої-небудь фірми;
— можливість використання гіпертексту;
—HTML підтримує мультимедіа.
Гіпертекстовий зв'язок між сотнями мільйонів документів, які зберігаються на серверахІнтернету, є основою існування логічного простору World Wide Web. Проте такийзв'язок не міг би існувати, якщо бкожен документ у цьому просторі не мав своєї унікальної адреси. Адресабудь-якого ресурсу в мережі повинна записуватись відповідно до певногостандарту. Саме таким стандартом є URL (Uniform Resourse Locator, уніфікованийвказівник ресурсів), згідно з яким адреса найчастіше має такий формат:
протокол://доменне і'мя//каталог/файл
Р.1. Основи Web-програмування.Використання мови HTML
1.1.Базові елементи HTML
ЕлементHTML
Для позначення меж HTML-документувикористовується подвійний тег . Початковий тег , уякого відсутні атрибути, розміщується на початку HTML-файлу, а кінцевий тег є останнім тегом коду і позначає закінчення всього документу.Таким чином, елемент HTML є найзовнішнім і не входить до складу іншихелементів, тобто з елементом HTML не пов'язаний жоден з об'єктів, яківідображаються у вікні браузера.
До складу контейнеру HTML входять два структурніелементи: HEAD (елемент заголовку) та BODY (основна частина або тілодокументу). Таким чином, документ HTML має вигляд:
···
···
Заголовок документу(елемент HEAD)
Заголовок HTML-документу визначаєтьсяелементом HEAD. Тег не має атрибутів. Елемент HEAD розміщуєтьсяодразу після тегу , перед основною частиною Web-сторінки:
···
Елемент HEAD (як і елемент HTML) невідображається при перегляді Web-сторінки, він надає браузеру загальнуінформацію про HTML-файл.
Назва документу(елемент TITLE)
До заголовку документу входить обов'язковийелемент, який представлений контейнером . Все, що знаходиться міжпарою тегів і , інтерпретується браузером як назваWeb-сторінки.
Якщо в документі є гіперпосилання, то назвадокументу, на який вказано посилання, буде з'являтися у вигляді плаваючоїпідказки при на-веденні на посилання вказівника миші.
Елемент TITLE по відношенню до елемента HEADє дочірнім, тобто вкладеним у контейнер :
НазваWeb-сторінки
···
···
Тіло документу(елемент BODY)
Елемент BODY є наступним компонентом Web-сторінки. Парні теги і вказують на початок і кінецьтіла документа. Весь зміст документа міститься в елементі BODY.
Початкові і кінцеві теги елементу BODY єнеобов'язковими в структурі HTML-документа. Проте контейнер BODY необхідний длятого, щоб задати властивості всієї сторінки. Наявність в HTML-документіелементу BODY є формальною ознакою того, що даний документ має звичайнуструктуру.
Тег розміщується безпосередньопісля елементу HEAD, а кінцевий тег є передостаннім тегомдокументу:
НазваWeb-сторінки
···
Початковий тег можедоповнюватися декількома атрибутами, які визначають зовнішній вигляд документув цілому.
1.2.Форматування тексту
Вирівнювання тексту тагоризонтальна лінія
Для того, щоб вставити розрив рядка,необхідно скористатися тегом . Якщо потрібно зробити так, щоб впевному місці текст НЕ МІГ бути розірваним, необхідно написати тег. Для розбиття тексту на параграфи використовується тегТЕКСТ
Тег має один параметр ALIGN, якийвказує на спосіб вирівнювання тексту в параграфі: текст може бути вирівнений поправій (RIGHT), лівій (LEFT) межах або по центру (CENTER). Якщо параметрпропущено, то текст вирівнюється по лівому краю. Щоб розмістити параграф поцентру можна також використовувати тег …
Ще одним способом розбиття тексту на частиниможна назвати горизонтальну лінію. Вона є елементом мови HTML і вставляється втекст за допомогою тегу , де параметри можуть бути наступними:
WIDTH – задає ширину лінії
SIZE – задає товщину лінії
NOSHADE – лінія не матиме тіні.
Коментар.
Коментар міститься між послідовностями
Заголовок.
Для їх створеннявикористовуються теги ...,...,
.... Розмір 1відповідає найбільшому шрифту, а розмір 6—
найменшому.
Шрифти
Основні шрифти, які використовуються в HTMLможна подати за допомогою наступної таблиці:Тег Відповідний тегу шрифт Телеграфний курсив Курсив Жирний шрифт Великий шрифт Маленький шрифт або Перекреслений шрифт Підкреслений шрифт
Іншим засобом логічного виділення можнавважати тег .... Зміст тегу звичайно відображаєтьсяжирним шрифтом. Змінити розмір і колір шрифтів можна за допомогою тегу .... Параметри тегу можуть бути наступними:
SIZE=``valueабо value'' – задає абсолютний або відноснийрозмір шрифту. Відносний розмір задається по відношенню до базового розміру.Діапазон можливих значень від 1 до 7.
SIZE — задает размір шрифта.
COLOR – вказує колір для тексту.
Наведемо тепер таблицю з деякими назвами ікодами кольорів.Українська назва Англійська назва Код Аквамарин Aqua #00FFFF Білий White #FFFFFF Жовтий Yellow #FFFF00 Зелений Green #008000 Золотий Gold #FFD700 Індіго Indigo #4B0080 Каштановий Maroon #800000 Червоний Red #FF0000 Оливковий Olive #808000 Помаранчевий Orange #FFA500 Пурпуровий Purple #800080 Світло-зелений Lime #00FF00 Сріблястий Silver #C0C0C0 Сірий Gray #808080 Сизий Teal #008080 Синій Blue #0000FF Ультрамарин Navy #000080 Фіолетовий Violet #EE80EE Фуксиновий Fuchsia #FF00FF Чорний Black #000000
Під кодом розуміємо RGB- код. Будь-який колірв цьому випадку відображається як комбінація червоного (R), зеленого (G) тасинього (B) кольорів, взятих в певних пропорціях.
Значення RGB- кодуКолір як рядковий літерал Червоний Зелений Синій aliceblue F0 F8 FF antlquewhite FA EB 07 aqua 00 FF FF aquamarine 7F FF D4 azure F0 FF FF beige F5 F5 DC bisque FF E4 C4 black 00 00 00 blanchedalmond FF EB CD blue 00 00 FF btueviolet 8A 2B E2 brown A5 2A 2A burlywood DE B8 87 cadetbluc 5F 9E A0 chartreuse 7F FF 00 chocolate 02 69 1E coral FF 7F 50 cornflowecblue 64 95 ED cornsilk FF F8 DC crimson DC 14 3C cyan 00 FF FF darkblue 00 00 88 darkcyan 00 8B 8B darkgoldenrod B8 86 0B darkgray A9 A9 A9 darkgreen 00 64 00 darkkhaki B0 87 6B darkmagenta 8B 00 8B darkofivegreen 55 6B 2F darkorange FF 8C 00 darkorchid 99 32 CC darkred 8B 00 00 darksalmon E9 96 7A darkseagreen 8F BC 8F darkslateblue 48 3D 8B darkslategray 2F 4F 4F darkturquolse 00 CE D1 darkviolet 94 00 D3 deeppink FF 14 93 deepskyblue 00 BF FF dimgray 69 69 69 dodgerblue 1E 90 FF firebrick B2 220 22 floralwhite FF FA F0 forestgreen 22 8B 22 fuchsia FF 00 FF gainsboro DC DC DC ghostwhite F8 F8 FF gold FF D7 00 goldenrod DA A5 20 gray 80 80 80 green 00 80 00 greenyeflow AD FF 2F honeydew F0 FF F0 hotpink FF 69 B4 indianred CD 5C 5C indigo 4B 00 82 ivory FF FF F0 khaki F0 E6 8C lavender E6 E6 FA lavenderblush FF F0 F5 lawngreen 7C FC 00 lemonchiffon FF FA CD lightblue AD D8 E6 lightcoral F0 80 80 lightcyan E0 FF FF lightgoldenrodyellow FA FA D2 lightgreen 90 EE 90 lightgrey D3 D3 D3 lightpink FF B6 C1 lightsalmon FF A0 7A lightseagreen 20 B2 AA lightskyblue 87 CE FA lightslategray 77 88 99 lightsteelblue B0 C4 DE lightyellow FF FF E0 lime 00 FF 00 limegreen 32 CD 32 linen FA F0 E6 magenta FF 00 FF maroon 80 00 00 mediumaquamarine 66 CD AA mediumblue 00 00 CD mediumorchid BA 55 D3 mediumpurple 93 70 DB mediumseagreen 3C B3 71 mediumslateblue 7B 68 EE mediumspringgreen 00 FA 9A mediumturquoise 48 D1 CC mediumvioletred C7 15 85 midnightblue 19 19 70 mintcream F5 FF FA mistyrose FF E4 E1 moccasin FF E4 B5 navajowhite FF DE AD navy 00 00 80 oldlace FD F5 E6 olive 80 80 00 olivedrab 6B 8E 23 orange FF A5 00 orangered FF 45 00 orchid DA 70 D6 palegoldenrod EE E8 AA palegreen 98 FB 98 paleturquoise AF EE EE palevioletred DB 70 93 papayawhip FF EF D5 peachpuff FF DA B9 peru CD 85 3F pink FF C0 CB plum DD A0 DD powderblue B0 E0 E6 purple 80 00 80 red FF 00 00 rosybrown BC 8F 8F royalblue 41 69 E1 saddlebrown 8B 45 13 salmon FA 80 72 sandybrown F4 A4 60 seagreen 2E 8B 57 seashell FF F5 EE sienna A0 52 2D silver C0 C0 C0 skyblue 87 CE EB slateblue 6A 5A CD slategray 70 80 90 snow FF FA FA sprlnggreen 00 FF 7F steelblue 46 82 B4 tan 02 84 8C teal 00 80 80 thistle D8 BF D8 tomato FF 63 47 turquoise 40 E0 D0 violet EE 82 EE wheat F5 DE B3 white FF FF FF whitesmoke F5 F5 F5 yellow FF FF0 00 yellowgreen 9A CD 32
1.3. Таблиці та списки
Таблиці
Таблиці є важливим засобом для створеннясторінок. До появи в мові HTML засобів для створення таблиць, не можна булонавіть розмістити будь-який текст у колонках, не кажучи вже про створенняякої-небудь таблиці. Але після появи таких можливостей Web- дизайнери почали використовуватиїї в повній мірі й досягають досить складних ефектів.
Створюється таблиця за допомогою такоїконструкції:
Заголовок
...
…
Властивості тегу .
Тег TABLE починає опис таблиці і може матинаступні параметри:
BORDER – визначає товщину рамки таблиці. Якщо вказано нульове значення, торамка не відображається. Якщо цей параметр не вказаний, його значеннявважається нульовим(рамка не відображається).
WIDTH,HEIGHT – вказують розміри таблиці, якщо вониповинні бути чітко заданими.
ALIGN – визначає, як повинна бути вирівняна таблиця: справа (RIGHT), зліва(LEFT) або по центру (CENTER) сторінки.
CELLSPACING – число точок між окремими ячейками в таблиці.
CELLPADDING – число точок між рамкою і змістом ячейки.
За допомогою тегу ...оформлюються рядки таблиці. Він може мати наступні параметри:
ALIGN – використовується для задання способу горизонтального форматуванняданих в середині ячейок: вони можуть вирівнюватися по правій (RIGHT), по лівій(LEFT) межах або по центру (CENTER).
VALIGN – використовується для задання вертикального форматування даних всередині ячейок: вони можуть вирівнюватися по верхній (TOP), нижній (BOTTOM)межам, по центру (MIDDLE) або мати загаль-ну базову лінію (BASELINE).
Конкретні ячейки задаються за допомогою тегу..., де параметри можуть бути наступними:
WIDTH – задає ширину ячейки.
COLSPAN – визначає, скільки колонок таблиці ячейка буде перекривати.
ROWSPAN – визначає, скільки рядків таблиці ячейка буде перекривати.
NOWRAP – якщо цей параметр вказаний, то зміст ячейок не буде переноситися,для того щоб влізти в ширину ячейки.
BGCOLOR – параметр, який підтримується сучасними браузерами: вказує колір фонуячейки у вигляді RGB-триплету або символьного іме-ні.
Ще один тег для для оформлення ячейоктаблиць- тег ... — потрібен для задання ячейок-заголовків.Він в усьому співпадає з тегом , але на відміну від нього, зміствиділяється жирним шрифтом і розміщується по центру.
Якщо потрібно задати заголомок УСІЄЇтаблиці, то використовуєть-ся тег .... Він маєбути в середині тегу , але поза описом ячейок. У нього є лише одинпараметр:
ALIGN – вказує положення заголовку: він може бути в верхній (TOP) або нижній(BOTTOM) частині таблиці.
Списки
Списки в HTML бувают двох видів:впорядковані (пронумеровані)і невпорядковані (непронумеровані). Відрізняютьсявони лише способом оформлення. Перед пунктами невпорядкованих списків звичайноставлять символи-булети(bullets), наприклад, точки, ромбики і т.п., в той час,як пунктам впорядкованих списків передують їх номера.
Впорядкований (пронумерований) список.
В HTML список складається з тегу-контейнерусписку, який визначає його тип і стандартних тегів , що передуютькожному пункту списку. Коли броузер зустрічає тег впорядкованого списку, вінпослідовно нумерує пункти списку: 1, 2, 3 і т. д. Впорядкований списоквідкривається тегом , а кожен його пункт починається стандартнимтегом . Для створення заголовку списку використовується спеціальнийтег . Список закриваєтся тегом . Відкриваючий і зачиняючийтеги забезпечують переведення рядка до і після списку, відділяючи таким чиномсписок від решти тексту, тому тут немає необхідності використовувати тегиабзацу . Впорядковані списки дозволяють вкладення одне в одного.
Атрибути тегу .
Вони дозволяють встановлювати вид маркерівелементів списку, а також задавати початковий маркер списку. Наприклад:
— TYPE=А – встановлює маркер у виглядіпрописних літер;
— TYPE=а — встановлює маркер у виглядімалих прописних літер;
— TYPE=I – маркер у вигляді великихримських цифр;
— TYPE=i — маркер у вигляді маленькихримських цифр;
— TYPE=1 — маркер у вигляді арабськихцифр;
Невпорядкований (маркирований) список.
Це список, у якому відношення між пунктаминевизначені. Маркирований список замість буквенної або числової нумераціїпередбачає використання різних символів, які називаються маркерами. Списокрозміщується всередині контейнера . Браузер створює автоматичний доступдля вкладених списків.
Можна встановити вид маркерів вневпорядкованих списках за допомогою атрибута TYPE, який може набувати трьохзначень: DISC, SQURE, CIRCLE. Тег має атрибут COMPACT, який дозволяєвиводити список в більш компактному вигляді.
Меню
Список, який визначається виводиться більшістю браузерів тими ж шрифтами і в тому ж стилі, що іневпорядкований список. Як і попередні типи списків, список-меню автоматичновідокремлюється від решти тексту кодами переведення рядка.
Список типу
Елемент типу DIR схожий на елемент MENU івикористовується для ідентифікації певної частини документу. Список контейнера,що по-чинається тегом , виводиться броузером аналогічноневпорядко-ваним спискам. Довжина кожного пункту цього типу списків обмежена 24символами. Список потребує зачиняючого тегу .
Список визначень.
Це особливий вид списків HTML. Вони подаютьтекст у вигляді словникової статті, що складається з певного терміну та абзацу,який розкриває його значення. Елемент списку визначень DL є контейнером ізабезпечує відокремлення списку від іншого тексту порожніми рядками. Всерединіконтейнеру тегом помічається термін, що визнача-ється, а тегом — абзац з його визначенням. Теги и не єконтейнерами. Текст після тегу повинен міститися в одному ряд-ку.Якщо ця вимога не виконана або якщо рядок виходить за межі вікна браузера, товідбувається переведення рядку, але без відступу. Текст, що стоїть за тегом виводиться окремим абзацем з відступом вниз на один або два рядкивідносно цього терміну.
1.4.Посилання та робота з ними
Посилання складається з двох частин. Перша зних – це те, що ми бачимо WEB-сторінці; вона називається вказівник (anchor).Друга частина, яка дає інструкцію браузеру — адресна частина посилання (URL –адресою).
Вказівники бувають 2 типів — текстові та графічні.Текстовий вказівник—це слово або слова, що підкреслені прямою лінією. Колірвказівника може регулюватися автором або настройками програми перегляду.Текстові вказівники можуть бути безпосередньо частинами тексту, наприклад: Привіт або бути списком посилань, з якихпотрібно зробити вибір. Графічні не підкреслюються і не виділяються кольором,проте навколо них можна зробити рамку. Багато авторів HTHL-документіввикористовують графічні вказівники у вигляді кнопок, характерних для Windows.Такі кнопки можна досить часто побачити на початкових сторінках Web-сайтів.Вони слугують свого роду змістом сайту і ведуть до різних сторінок, наприклад: .
Використання зображення у якості посилання.
Для використання зображення в якостіпосилання на інший документ, достаточньо включити ім'я файлу зображення в тег:
Тег BASE
Вказує базову адресу даного документа (URL),який стане відправною точкою для розрахунку відносних адрес всерединідокументу. Елемент не має кінцевого тегу. Обов'язкова наявність хоча б одного зпараметрів. Параметри:
HREF – визначає базову адресу (URL) даногодокументу. TARGET – визначає ім'я фрейму, яке буде використовуватися вгіперпосиланнях по замовчуванню. Пример:
Руководствопо эксплуатации
...
Список
...
Створення посилань на документи іфайли
Потрібно повідомити браузеру, який елементсторінки є вказівником, і вказати адресу документа, на який робите посилання.Обидві дії виконуються за допомогою тегу . Тег має єдиний атрибутHREF, в якому розміщується URL — адреса. Тег є контейнером, тобто потребує. Атрибут HREF вказує на абсолютну адресу сторінки. Вказівникомможуть бути слова, які браузер виділяє підкресленням та кольором. Текст позаконтейнером не є вказівником і не буде підкресленим. Коли читачклікає мишкою на цих словах, браузер загружає його сторінку.
Тег LINK
Елемент LINK описує взаємозв'язок документуз іншими документами на сайті, вказуючи його місце в ієрархічній структурісайту. Елемент не має кінцевого тегу. В заголовку може міститися декількаелементів LINK. Параметри:
HREF-- визначає URL об'єкту.
REL—визначає тип взаємозв'язку даногодокументу з об'єктом, який визначений параметром HREF. Можливі значення:
Stylesheet-- вказує на файл, який міститьтаблицю стилів (CSS) для даного документу. Браузер загрузить css-файл звказаної в параметрі HREF адреси та застосує його до даного документу;
home – вказує на головну сторінку вашогосайту;
toc, contents—вказують на файл, який міститьзміст даного документу;
index – вказує на файл,який містить інформацію для індексного пошуку в даному документі;
glossary—вказує нафайл, який містить перелік термінів, що відносяться до даного документу;
copyright—вказує насторінку сайту, де говориться про його авторів, авторських правах і т.д.;
up, parent—вказує на«батьківську» сторінку (документ, що стоїть на сходинку вище уієрархічній структурі вашого сайту);
child-- вказує на«дочірню» сторінку (документ, що стоїть на сходинку нище уієрархічній структурі вашого сайту);
next – вказує нанаступну сторінку у послідовності документів (напр. наступну сторінкуелектронного каталогу, документації або словника);
previous—вказує напопередню сторінку в послідовності документів;
last, end-- вказує наостанню сторінку в послідовності документів;
first-- вказує на першусторінку в послідовності документів;
help – вказує на сторінкуз підказкою.
TYPE — визначаєMIME-тип для об'єкту, вказаного в параметрі HREF.
Приклад:
ЕлементDIV
Додаткові відомості про тег А.
1)Елемент A не можебути вкаледеним сам у себе, тобто неможливі конструкції:
Перший лінк
Другий лінк
Продовжуємо першийлінк
2) За допомогою елементу BASE можна вказати значення TARGET для всехгіперпосилань в даному документі.
Р.2.Створення Web-документу
Як приклад створення Web-документу наведемонаступний алгоритм.
Перша сторінка—“Енциклопедія.html” має наступнуструктуру:
Welcome
При натисненні лівої кнопки миші на анімаціїперейдемо до головної сторінки сайту-“Збірник афоризмів.html”:
Енциклопедія афоризмів на всівипадки життя
Вас вітаєнайкраща збірка афоризмів на всі випадки життя
Любов
Чоловіки
Діти табатьки
Дівчата
Шлюб
Вихованнядітей
Дружба
Добро ізло
Підлітки
Жінки
Жіноча інтуїція
Фемінізм
Леді
Джентельмени
Одруження
Весілля
Розлучення
Ревнощі
Зрада вкоханні
Влада
Заздрість
Кар'єра
Людина
Політика
Знання
Освіта
Учні тавчителі
Школа
Математика
Життя
Смерть
Плітки
Дієта
Мовчання
Реклама
При виборі кожної категорії афоризмів, миотримаємо перехід на нову сторінку з афоризмами певної характеристики.
Зауважимо, що при відкритті кожної сторінкиWeb-сайту звучить мелодія, яка займає досить мало місця, оскільки збережена зрозширенням .mid.
Висновки
Таким чином, ми вивчили можливості мови HTMLдля створення Web-сторінок, дізналися, які HTML- та графічні редактори кращевикористовувати у Web-дизайні, які переваги та недоліки тих чи інших програмнихпакетів. Отже, зрозумівши принцип побудови Web-сторінки, вивчивши можливостіпоєднання в ній різних видів інформації, ми можемо стверджувати, щоWeb-сторінки, з їх потенціалом можуть використовуватися для різних цілей.
Web-сторінка – це обличчя тієї фірми, тогозакладу, людини, яка розмістила її в WWW. Саме тому сьогодні Web-дизайнуприділяється така велика увага, оскільки від нього безпосередньо залежитьпопулярність того чи іншого інформаційного ресурсу Сітки. Недарма нині професіяWeb-дизайнера є однією з економічно найвигідніших професій.
Людина, яка створює Web-сторінку, поєднуєсвої знання і навики зі своїм творчим потенціалом. Для того, щоб створитиWeb-сторінку, яка б радувала людей, потрібно поєднувати в собі якості художниката програміста.
Підводячи підсумок усьому, що сказано вище,хочеться відмітити, що HTML став тим форматом передачі інформації, якийнайбільш повно і якісно задовольняє запити сучасного суспільства. Безсумнівнимфактом є і те, що майбутнє саме за HTML.
Література
1) Рамський Ю.С., Іваськін І.С., Ніколаєнко О.Ю.Вивчення Web-програмування в школі. Навчальний посібник. Тернопіль: Навчальнакнига-Богдан,- 2004.- 200с.
2) Гаевский А.Ю., Романовский В.А. Самоучитель посозданию Web-страниц: HTML, JavaScript и Dynamic HTML.-К.: А.С.К.,-2002.- 472с.
3) Гончаров А. Самоучитель HTML.Питер.-1999.-239с.
4) Будилов В.А. Практические занятия по HTML. Краткийкурс. Санкт-Петербург: Наука и техника,-2001.-256с.
5) Смит Бад, Бибек Артур. Создание Web-страниц для«чайников».: Пер. с англ.: Уч. Пос.М.: Издательский дом «Вильямс»,-2001.-256с.
6) www.webschool.narod.ru