МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
Херсонський Державний Педагогічний Університет
Фізико-математичний факультет
Кафедра інформаційних технологій
Створення Web - сторінок
Курсова робота
Виконавець
Керівник
Херсон 2001
Зміст
Вступ 3
1. World Wide Web 4
1.1 Поширення Internet 4
1.2. Концепція WWW 5
2. Створення Web-сторінки за допомогою мови HTML 7
2.1 Мова HTML 7
2.2. Структура HTML документа 8
2.3 Форматування тексту 10
3. Набір для створення Web-сторінок 14
3.1 HTML-редактори 14
3.2 Графічні редактори 17
А) Редактори растрової графіки 19
B) Редактори векторної графіки 21
4. Створення WEB-сторінок в WORD'97 23
4.1 Способи створення WEB-сторінок в WORD'97 23
4.2 Створення маркованих і нумерованих списків 23
4.3 Горизонтальні лінії 24
4.4 Додавання фону 24
4.5 Робота з таблицями 24
4.6 Робота з малюнками 25
4.7 Створення гіперпосилань 25
4.8 Вставка відеозапису в Web-сторінку 26
Висновки 27
Список використаної літератури 28
Вступ
World Wide Web - глобальна комп'ютерна мережа на сьогоднімістить мільйони веб-сайтів, на яких розміщена будь-яка інформація.
Люди отримують доступ до цієї інформації за допомогою використання технології
Internet. Для навігації в WWW використовуються спеціальні програми - Web -браузери, які істотно полегшують подорож по безкрайніх просторах
WWW. Вся інформація в Web-браузері відображається у вигляді Web-сторінок, якіє основним елементом байтів WWW.
Web-сторінки, підтримуючи технологію мультимедіа, об'єднують в собірізні види інформації: текст, графіку, звук, анімацію і відео. Від того,наскільки якісно і гарно зроблена та чи інша Web-сторінка, залежитьбагато в чому її успіх у Мережі.
Користувачеві приємно відвідувати ті Web-сторінки, які мають стильнеоформлення, не обтяжені надмірно графікою і анімацією, швидко завантажуютьсяі правильно відображаються у вікні Web-браузера.
Створити Web-сторінку непросто, але мабуть кожна людина хотіла бспробувати себе в ролі дизайнера. І я, в даному випадку, не євинятком, тому і вибрала таку тему для своєї курсової роботи.
У своїй роботі я зробила спробу розібратися в тому, щонеобхідно знати і вміти для створення Web-сторінки, яке програмнезабезпечення є інструментарієм створення Web-сторінок і як йогоефективно використовувати.
Також в даній роботі мною розглянуті основи мови програмування
Web-сторінок - HTML, який є загальноприйнятим стандартом WWW. Це дастьнам можливість ознайомитися зі структура Web-сторінки і прийомами їїправильного оформлення.
World Wide Web
1.1 Поширення Internet
Internet - це найбільша світова комп'ютерна мережа. Тепер Internetмає приблизно 150 мільйонів користувачів більш ніж в 50 країнах.
WWW доступний в основному через Internet; але кажучи WWW і Internet мимаємо не одне і те ж. WWW можна віднести до внутрішнього змісту,тобто це якийсь абстрактний мир знань, в той час як Internetє зовнішньою стороною глобальної мережі у вигляді величезної кількостікабелів і комп'ютерів.
Рис. 1
На рис.1 країни, позначені чорним кольором, мають зв'язок по Internet.
Кількість людей, які мають такий доступ, в цих країнах стає всебільше і більше. Країни, позначені білим кольором можуть працювати по e -mail, в локальних мережах або не мають нічого подібного взагалі.
1.2. Концепція WWW
Так що ж таке World Wide Web, або, як кажуть в просторіччі, WWW,the Web, або ще простіше - 3W? WWW - це розподіленаінформаційна система мультимедіа, заснована на гіпертексті. Давайтерозберемо це визначення по порядку.
Розподілена інформаційна система: інформація зберігається навеличезній безлічі так званих WWW-серверів (servers). Тобтокомп'ютерів, на яких встановлене спеціальне програмне забезпечення тащо об'єднані в мережу Internet. Користувачі, які мають доступ домережі, отримують цю інформацію за допомогою програм-клієнтів, програмперегляду WWW-документів. При цьому програма перегляду посилає покомп'ютерній мережі запит серверу, що зберігає файл з необхіднимдокументом. У відповідь на запит сервер висилає програмі перегляду цейнеобхідний файл або повідомлення про відмову, якщо файл по тих або іншихпричинах недоступний. Взаємодія клієнт-сервер відбувається запевними правилами, або, як кажуть інакше, протоколу. Протокол,прийнятий в WWW, називається HyperText Transfer Protocol, скорочено - HTTP.
Мультимедіа: інформація включає в себе не тільки текст, але і двох-ітривимірну графіку, відео та звук.
Гіпертекст: інформація в WWW представляється у вигляді документів, кожний зяких може містити як внутрішні перехресні посилання, так і посилання наінші документи, що зберігаються на тому ж самому або на будь-якому іншомусервер.
Такі посилання називають гіперпосиланнями або гіперзв'язками. На екранікомп'ютера у вікні програми перегляду посилання виглядають як виділені яким -небудь чином (наприклад, іншим кольором і/або підкресленням) дільницітексту або графіки. Вибираючи гіперпосилання, користувач програми переглядуможе швидко переміщатися від однієї частини документа до іншої, або ж відодного документа до іншого. При необхідності програма переглядуавтоматично зв'язується з відповідним сервером в мережі і запитуєдокумент, на який зроблене посилання. До речі, ідея гіпертекстовогопредставлення інформації повинна вже бути добре знайома користувачамрізних версій системи Microsoft Windows. Саме за цим принципомпобудована в Windows система підказок (Help), з тією лише різницею, щогіпертекстова система підказок Windows не є розподіленою.
Отже, Web-сторінка може містити стилізований і форматованого текст,графіку і гіперзв'язки з різними ресурсами Internet. Щоб реалізувати всіці можливості, був розроблений спеціальна мова, названа HyperText
Markup Language (HTML), тобто, Мова Розмітки Гіпертексту. Документ,написаний на HTML, являє собою текстовий файл, який міститьвласне текст, несучий інформацію читачеві, і прапори розмітки. Останніявляють собою певні послідовності символів, якіє інструкціями для програми перегляду; відповідно до цихінструкціями програма розташовує текст на екрані, включає в ньогомалюнки, що зберігаються в окремих графічних файлах, і формуєгіперзв'язки з іншими документами або ресурсами Internet. Таким чином,файл на мові HTML набуває вигляд WWW-документа тільки тоді, коли вінінтерпретується програмою перегляду. Про мову HTML буде детальнорозказано в наступному розділі, оскільки без знання основ цієї мовинеможливо створити Web-сторінку для публікації в WWW.
2. Створення Web-сторінки за допомогою мови HTML
2.1 Мова HTML
Web-сторінки можуть існувати в будь-якому форматі, але в якостістандарту прийнятий Hyper Text Markup Language - мова розмітки гіпертекстів,призначений для створення форматованого тексту, насиченогозображеннями, звуком, анімацією, відео та гіпертекстовими посиланнямина інші документи, розкидані як по всьому Web-простору, так іщо знаходяться на цьому ж сервері або є складовою частиною цього ж Веб -проекту.
Можна працювати на Web без знання мови HTML, оскільки тексти HTMLможуть створюватися різними спеціальними редакторами і конвертерами. Алеписати безпосередньо на HTML неважко. Можливо, це навіть легше, ніжвивчати HTML-редактор або конвертер, які часто обмежені в своїхможливостях, містять помилки або проводять поганий HTML код, який непрацює на різних платформах.
Мова HTML існує в декількох варіантах і продовжує розвиватися,але конструкції HTML швидше за все будуть використовуватися і надалі.
Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTMLі розширюючи його наскільки це можливо, ми маємо можливість створювати Web -сторінки, які можуть бути переглянуті багатьма броузерами Web, якзараз, так і в майбутньому. Це не виключає можливості використання іншихметодів, наприклад, метод розширених можливостей, що надається
Netscape Navigator, Internet Explorer або деякими іншими програмами.
Робота по HTML - це спосіб засвоїти особливості створення документів встандартизований мові, використовуючи розширення, тільки якщо цедійсно необхідно.
HTML був ратифікований World Wide Web Consortium. Він підтримуєтьсядекількома широко поширеними броузерами, і, можливо, станеосновою майже всього програмного забезпечення, яке має відношення до
Web.
2.2. Структура HTML документа
Оскільки HTML-документи записуються в ASCII-форматі, то для їїстворення може використаний будь-який текстовий редактор.
Зазвичай HTML-документ - це файл з розширенням. html або. htm, в якомутекст розмічений HTML-тегами (англ. tag - спеціальні вбудовані вказівки).
Засобами HTML задаються синтаксис і розміщення тегів, відповідно доякими браузер відображає вміст Веб-документа. Текст самих тегів Веб -браузером не відображається.
Всі теги починаються символом''. Зазвичайє пара тегів - стартовий (відкриває) і завершальний (що закриває)тег (схоже на що відкриваються і закриваються дужки в математиці), міжякими міститься розмічається інформація:
Інформація
Тут стартовим тегом є тег, а завершальним -.
Завершальний тег відрізнятись від стартового лише тим, що в нього перед текстомв дужках стоїть символ '/' (слеш).
Браузер, який читає HTML-документ, відображає його у вікні, використовуючиструктуру HTML-тегів. У кожному HTML-документі повинні бути присутні триголовних частини:
A) Оголошення HTML;
B) Заголовачная частина;
C) Тіло документа.
A) Оголошення HTML і. Пара цих тегів повідомляє програмі перегляду
(браузеру) що між ними укладено документ у форматі HTML, причому першийтегом в документі повинен бути тег (на самому початку документа), аостаннім - (в самому кінці документа).
.
.
.
B) заголовної частини. і. Між цими тегами розташовується інформація продокументі (назва, ключові слова для пошуку, опис і т.д.). Однакнайбільш важливим є назва документа, який ми бачимо у верхнійрядку вікна браузера і в списках "Вибране (BookMark)". Спеціальніпрограми-спайдер пошукових систем використовують назву документа дляпобудови своїх баз даних. Для того щоб дати назву своєму HTML -документу текст поміщається між тегами і.
Моя перша сторінка
C) Тіло документа.
Третьою головною частиною документа є його тіло. Воно варто відразуза заголовком і знаходиться між тегами і. Перший з нихповинен стояти відразу після тега, а другий - перед тегом.
Тіло HTML-документа - це місце, куди автор поміщає інформацію,відформатовану засобами HTML.
Моя перша сторінка
.......................... ............
Тепер ми можемо написати HTML-код нашої сторінки:
Моя перша сторінка
Тут будуть мої сторінки!
2.3 Форматування тексту
У розділі BODY всі символи табуляції та кінця строк браузеромігноруються і ніяк не впливають на відображення сторінки. Тому перекладрядки у вихідному тексті HTML-документа не призведе до початку нового рядка ввидимій частині оглядачем тексті при відсутності спеціальних тегів. Цеправило дуже важливо пам'ятати і не забувати ставити розділяють рядки теги,інакше в тексту не буде абзаців, і він стане нечитабельним.
Для початку нового рядка використовується тег (від англ. break --перервати). Цей тег призводить до відображення браузером подальшого тексту зпочатку наступного рядка. Закривали для нього тег не використовується. Вінзручний, якщо потрібно з якогось місця писати з нового рядка без початкунового абзацу, наприклад, у вірші. Повторне його використаннядозволяє вставити одну чи кілька порожніх рядків, відсунувши наступнийфрагмент сторінки вниз.
Суцільний текст без проміжків читається не дуже легко, його незручнопереглядати та знаходити потрібні місця. Розбитий на абзаци, текстсприймається набагато швидше. Для початку нового абзацу використовується тег
(англ. paragraph - абзац). Цей тег, крім початку нового рядка,вставляє одну порожню рядок. Але багаторазове повторення, на відміну від
, Не призведе до появи декількох порожніх рядків, залишиться все та жодин порожній рядок.
Усередині дужок тега крім його назви можуть розміщуватися також атрибути
(англ. atributes - атрибути). Вони відділяються від назви і між собоюпропусками (одним або декількома), а пишуться у виглядіімя_атрібута = "значення". Якщо значення не містить пробілів, то лапкиможуть бути опущені, але так робити не рекомендується. Тег може міститиатрибут ALIGN, який визначає вирівнювання абзацу. За замовчуванням абзацвирівнюються вліво ALIGN = "left". Можливі також вирівнювання вправо
ALIGN = "right" і по центру ALIGN = "center". При використанні атрибутів,після форматіруемого тексту слід вживати закриває тег. Якщойого немає, то новий тег означає закриття попереднього, відповідновкладені неможливі. Вирівняти текст по центру можливо також тегом
.
Тепер ми можемо помістити на нашу Web-сторінку деякий текст зрізним вирівнюванням:
Моя перша сторінка
Тут будуть мої особисті сторінки!
На них Ви зможете знайти: - розповідь про мене і про моїхзахоплення; - мої фотографії.
З одного з моїх сторінок можна будетотправіть меніелектронний лист.
Крім використання цих тегів, для розриву рядків можливовикористання символів кінця рядків і табуляцій в самому HTML-документі. Дляцих цілей існує тег. Весь текст, поміщений між тегами і буде виводитися без змін, тобто з усіма кінцями рядків ітабуляції.
Наприклад:
Це текст написаний
в два рядки.
У HTML-документі, крім тексту, може містити горизонтальнірозділові лінії. Вони, як і текст, не вимагають ніяких зовнішніх файлів.
Тег виведе горизонтальну лінію одиничної товщини вздовж всієї ширинисторінки. Горизонтальна розділова лінія завжди приводить до розривурядки, але порожніх рядків між лінією і текстом не з'являється. Тег можнт містити кілька атрибутів. і дають контурну лініюз тривимірним ефектом поглиблення. дає суцільну чорну лінію.
Лінія може не розповсюджуватися на всю ширину сторінки, а становити лишедеяку частину. Атрибут WIDTH задає ширину лінії, у відсотках від ширинивсієї сторінки або в пікселях. Наприклад, 50% - половина ширини сторінки, 400
- Ширина в 400 пікселів. Атрибут ALIGN може приймати значення,аналогічні його значенням для тега, але вирівнювання за умовчанням - поцентру. Атрибут SIZE задає товщину лінії в пікселях від 1 до 175; позамовчуванням 1, але якщо, (лінія - контурна), то додаєтьсятовщина, необхідна для тривимірного ефекту поглиблення.
Лінії, поряд з абзацами, дозволяють виділити логічні фрагментитексту. Але велика кількість горизонтальних ліній неприємно для відвідувачавашої Веб-сторінки, тому після кожного абзацу їх ставити не слід. Вонибільше підходять для виділення цілих розділів.
3. Набір для створення Web-сторінок
3.1 HTML-редактори
Кожен вибирає свій інструмент для створення Web-сторінок. Це можебути MS FrontPage або Macromedia DreamWeaver, Allaire HomeSite або 1st Page
2000. А хтось користується простим текстовим редактором, наприклад Блокнотом
(Notepad).
Текстові редактори можливо використовувати тільки для створення невеликихстраниц, тому що у них є багато мінусів: не підтримуються проекти,відсутній "підсвічування" тексту ..., загалом, працювати вкрай незручно.
Основним недоліком MS FrontPage є те, що він генерує дужевеликий HTML-код (занадто багато зайвого), тому сторінки виходятьвеликими, що позначається на швидкості завантаження. Більш того, при створенні
Web-сторінок в цьому редакторі бачиш одне, а у вікні браузера - зовсім інше
(особливо це стосується Netscape Navigator). Сторінки виходять якимиськривими, тому для створення якісних Web-сторінок рекомендуєтьсявикористовувати пакунки, які будуть розглянуті нижче.
Почнемо ми з популярного Macromedia DreamWeaver. Компанія Macromediaвважається лідером по виробництву програм для створення веб-сайтів, а такожзаконодавцем моди в цій області.
Остання версія HTML-редактора цієї компанії - DreamWeaver 3, якийвідноситься до категорії WYSIWYG-редакторів, і цей пакет має дуже багатопереваг: зручний інтерфейс, настройка функцій, підтримка великихпроектів і ShockWave технологій, можливість завантаження файлів через FTP,підтримка SSI і багато іншого. Для роботи в цій програмі не потрібнодосконально знати HTML (у цьому і полягає перевага технології
WYSIWYG - що бачу, то і отримую).
DreamWeaver 3.0
Але DreamWeaver на декілька кроків випереджає інші редактори,використовують технологію WYSIWYG, в першу чергу тим, що генеруємот дужечистий HTML-код. DreamWeaver дозволяє вам позбавитися від однотипної роботипри створенні сторінок (наприклад, верстка тексту) за допомогою використанняопції "запис послідовності команд" (ви записуєтепослідовність вироблених вами команд, потім натискаєте, наприклад,
CTRL + P, і DreamWeaver відтворює всі в тій же послідовності.
Наступний редактор - HomeSite 4 - для створення сторінок вручну, тобтодля знавців HTML. Ви отримуєте повний контроль над HTML-кодом, причомуіснує можливість оптимізувати свою сторінку під один з трьохпопулярних браузерів (MSIE, NN, Opera).
HomeSite містить два основні режими: Edit і Design. Режим Design --це подібність WYSIWYG-редактора, яка видає HTML-код, причому, якщо ви завантажиличужий HTML-код, то HomeSite все перепише по-своєму. Режим Edit дозволяєотримати повний контроль над сторінкою. Тут ви можете налаштуватипрактично все, зможете прописати функції кожного тега (тоді вашасторінка в будь-якому браузері буде виглядати однаково).
HomeSite 4.0
Ще одна відмінна особливість HomeSite - це його «склеювання» з
Dreamweaver. HomeSite володіє кнопкою «Dreamweaver», а також входить до йогостандартний пакет поставки. Втім, і DreamWeaver має можливістьпідключення HomeSite, як редактора для коректіровкі HTML-коду.
Одним з останніх HTML-редакторів є EVR Soft 1st Page 2000 v2.
Його гасло - "Create 1st class websites!" ( "Створюйте першокласнівеб-сайти! "). Редактор має кілька режимів - Normal, Easy,
Advanced/Expert і Hardcore, тобто ви можете вибрати свій рівень, а зчасом перейти на більш високий. Ще одна особливість - досить великаколекція скриптів на JavaScript та DHTML. Все це досить зручно розбитоза категоріями.
3.2 Графічні редактори
Створення та оптимізація графіки - складна й примхлива завдання.
Безумовно, можливе створення Web-сторінки і без використання графіки --за допомогою шрифтів, скриптів і таблиць стилів (CSS) - і це буде гарно істильно. Але ж остаточний вид документа залежить від великої кількостірізних факторів, таких як: ширина вікна браузера, попереднінастройки браузера, прийняті за замовчуванням розмір шрифту, його ім'я і колір. Дотого ж не всі скрипти та стилі підтримуються всіма браузерами. Якщо жбуде використана графіка, то відвідувач вашої сторінки побачить її точнотакий, який зробили і бачите її ви.
Основна складність роботи з Web-графікою полягає в тому, що пропускнаспроможність каналів Інтернету, в більшості випадків, дуже низька і передвами відразу постануть проблеми - як зробити графічний файл невеликий заобсягом, але гарної якості, які програми та прийоми будуть використані при йогооптимізації.
Саме цьому присвячений розділ про векторні і растрові графічнихредакторів, які є потужним інструментом обробки зображення вумілих руках.
Перш ніж розглянути векторні і растрові графічні редактори,варто усвідомити собі, в чому полягає відмінність між векторних і растровихподанням зображення.
Растрова графіка являє собою сітку (растр), осередки якоїназиваються пікселами. Кожен піксель растровому зображенні має строгопевний місце розташування і колір, отже будь-який об'єктпредставляється програмою як набір пофарбованих пікселів. Це означає, щокористувач, працюючи з растровими зображеннями, працює не надконкретними об'єктами, а над складовими їх групами пікселів.
Растрові зображення забезпечують високу точність передачі градаційкольорів і напівтонів, а також високу деталізацію зображення, тому вониє оптимальним засобом представлення тонових зображень, таких якскановані фотографії.
Для зображення растрової графіки завжди використовується фіксованийкількість пікселів, тобто якість растрового зображення безпосередньо залежитьвід роздільної здатності обладнання. Це означає, що будь-яка зміназображення (поворот, збільшення і т.д.) приводить до незмінного спотвореннякартинки і межі об'єктів виходять нерівними.
Векторні зображення формуються на основі математично описанихфігур, які називаються векторами, а вид зображення визначається параметрамивекторів. Іншими словами, векторна графіка складається з кривих, що маютькоординати, колір та інші параметри, а також замкнутих областей,заповнених певним кольором. Межі цих областей також описуютьсякривими. Файл з векторної картинкою містить координати і параметри кривих.
Результати обробки векторних зображень не залежать від роздільноїздатності обладнання, тому ви можете довільно змінювати їхпараметри (розмір, колір, форму і т.д.) - якість не погіршиться. Векторнаграфіка застосовується при створенні цифрових об'єктів з використанням дрібнихкеглів (розмірів шрифту) або таких об'єктів, як логотипи, для якихважливо зберігати чіткі контури, при необмеженій масштабування.
Графічні пакети (редактори) теж діляться на два типи: растрові івекторні. Давайте тепер розглянемо найбільш популярні з них.
А) Редактори растрової графіки
Microsoft Paint - простий (або краще сказати - найпростіший) редактор,що входить в стандартне постачання операційних систем Microsoft. Він маєнабором найпростіших функцій (пензлик, олівець, гумка і т.д.), якідозволяють створювати нехитрі малюнки. На жаль, для обробкиграфіки він практично не придатний. Зображення, яку ви бачите праворуч --це більше, на що здатний цей редактор.
Adobe Photoshop - на сьогоднішній день це самий потужний пакет дляпрофесійної обробки растрової графіки. Це цілий комплекс,володіє численними можливостями модифікації растрового малюнка,що має величезний набір різних фільтрів і ефектів, причому єможливість підключати інструменти незалежних виробників.
Пакет пропонує, наприклад, кошти для відновлення пошкодженихзображень, ретушування фотографій або створення найфантастичнішихколажів, які тільки може дозволити собі нашу уяву. Загалом,потенціал цього пакету поістене величезний. Починаючи з версії 5.5 в пакетвключена програма Adobe ImageReady, що надають величезні можливостіз обробки графіки під WEB (оптимізація зображень, створенняанімованих gif, "розрізання" картинок на більш дрібні і т.д.). Девізрозробників Adobe Photoshop - "Camera of your mind" - передбачає нетільки технічну досконалість, але і повну свободу творчості, на якулюдина, що працює з цією програмою, просто приречений.
PhotoPaint - ще один не менш відомий графічний редактор (зпакету Corel Draw) для обробки растрової графіки, що конкурує з Adobe
Photoshop. Тут також є всі необхідні інструменти для обробкиграфіки, різноманітні фільтри, текстури. Різниця лише в зручності роботи,інтерфейсі і швидкості накладання фільтрів - накладення відбувається трохиповільніше.
Painter - редактор надає чудові можливості для емуляціїреальних інструментів малювання: графіт, крейда, масло і т.д. Також дозволяєімітувати фактуру поверхні матеріалів, живопис, створювати анімацію.
Дуже зручний для розробки фонових малюнків або Web-сторінок в стиліживопису. Користуючись це програмою чуствуешь себе справжнім художником.
Існує ще ряд редакторів (Microsoft Photo Editor, Microsoft Photo
DRAW), також дозволяють реалізувати найпростіші завдання, але незадовольняють запитам професіоналів.
B) Редактори векторної графіки
Adobe Illustrator - пакет дозволяє створювати, обробляти іредагувати векторну графіку. За своєю потужністю він еквівалентний
растровому редактору Adobe Photoshop: має аналогічний інтерфейс,дозволяє підключати різні фільтри і ефекти, розуміє багатографічні формати, навіть такі як. cdr (Corel Draw) і. swf (Flash).
CorelDraw - безумовно, такий відомий графічний пакет не мігобійтися без засобів для обробки векторної графіки. Пакет за своєюпотужності практично не поступається графічним редакторам Adobe Photoshop і
Adobe Illustrator. Крім обробки векторної графіки, в цьому пакетііснує обробник растрової графіки (Photo Paint), трассировщикзображень, редактор шрифтів, підготовки текстур і створення штрих-кодів, атакож величезні колекції із зображеннями (CorelGallery).
Adobe Streamline - ще один продукт фірми Adobe, призначений длятрасування (переказу) растрової графіки у векторну. Це невеликий, аледуже корисний і потужний продукт. Особливо корисний, якщо ви створюєте Web -сторінки з використанням векторної графіки, наприклад, технології Flash.
4. Створення WEB-сторінок в WORD'97
4.1 Способи створення WEB-сторінок в WORD'97
Існують два способи створення Web-сторінок:
· за допомогою майстра або шаблону,
· перетворити існуючий документ Word у формат HTML.
У майстра Web-сторінок для спрощення процесу створення сторінкипропонуються зразки змісту сторінок - наприклад, індивідуальніпочаткові сторінки та реєстраційні форми і різні теми графічногооформлення - наприклад, свято або суспільство. За бажанням роботу можнапочати з порожньою Web-сторінки.
Сторінку Web можна зробити більш цікавою, розмістивши на ніймарковані й нумеровані списки, горизонтальні лінії, кольори фону,візерунки, таблиці, малюнки, відеозапису, рядок і форми. Більшістьцих елементів вводяться в сторінку так само, як в документ Word. Однак дляспрощення редагування Web-сторінок в Word для цих цілей передбаченідеякі нові спеціальні функції і команди.
4.2 Створення маркованих і нумерованих списків
Основна відмінність полягає в тому, що крім маркерів у списках можнавикористовувати графічні зображення. Набір таких зображень знаходиться вдіалоговому вікні Список (меню Формат). Крім графічних зображень, удіалоговому вікні пропонуються текстові маркери, підтримувані HTML для Web -сторінок. Графічні маркери зберігаються у форматі GIF (з розширенням
. gif), в той же каталог, що і Web-сторінка.
4.3 Горизонтальні лінії
Для її створення виберіть команду Горизонтальна лінія в меню Вставка.
Зі списку Вигляд виберіть потрібну лінію. При збереженні Web-сторінки такалінія зберігається разом з Web-сторінкою як графічний файл з ім'ямimage.gif, image1.gif і т. п.
4.4 Додавання фону
Щоб зробити документи Word і Web-сторінки більш привабливими,Використовуйте різноманітні види тла, в тому числі текстурну заливку. Можнастворити підкладку, яка буде видно тільки в надрукованому документі.
4.5 Робота з таблицями
Для створення і редагування структури таблиці використовується команда
Намалювати таблицю. Сітку таблиці можна вставити в текст за допомогою команди
Додати таблицю. Так як на Web-сторінках таблиці часто використовуються якприховане засіб форматування (наприклад, для розміщення тексту імалюнків), що вставляються в текст таблиці не мають кордонів. Щоб додатикордонів до таблиць використовуйте команду Межі (меню Таблиця). Межі,додані до таблиць на Web-сторінках, зображуються засобами перегляду
Web в об'ємному вигляді.
4.6 Робота з малюнками
Коли Web-сторінка зберігається у форматі HTML вперше, всі малюнкиперетворюються у формати GIF або JPEG. Тільки ці два види графічнихзображень підтримуються в Web.
Щоб вставити малюнок у Web-сторінку, виберіть команду Малюнок у меню
Вставка, а потім команду З файлу або Картинки. Якщо вставляється малюнокзаписаний у форматі JPG, він зберігається у форматі JPG. Якщо малюнок записаний віншому форматі, наприклад, TIF, він перетворюється у формат GIF. Якщо малюноквставляється з файлу, при збереженні він копіюється в ту ж папку, що і Web -сторінка, якщо не встановлено прапорець
Вставлений на Web-сторінку малюнок за умовчанням вирівнюється полівому краю. Розташування тексту і малюнків можна задати додатково здопомогою таблиці.
Графічні об'єкти - наприклад, автофігури, написи і фігурний текст --можна використовувати як об'єктів типу «Рисунок Microsoft Word». Післязакриття документа ці елементи не можна буде знову відредагувати. Вонибудуть перетворені в зображення формату GIF.
4.7 Створення гіперпосилань
Гіперпосилання дозволяють перейти до іншого розділу поточного документа або
Web-сторінки, до іншого документу Word або до іншої Web-сторінці або дофайлу, створеного в іншій програмі. За допомогою гіперпосилань можнапереходити також до файлів мультимедіа, в тому числі звукозапису тавідеозаписах.
Гіперпосилання можна робити на закладки, поміщені в даному чи іншомудокументі. Це дозволяє перейти на потрібний розділ, не гортаючидокумент.
Місце призначення гіперпосилання, наприклад Web-сторінка, можерозташовуватися на жорсткому диску того ж комп'ютера, в мережі інтранет або в
Інтернеті.
4.8 Вставка відеозапису в Web-сторінку
На Web-сторінці можна розмістити вбудовану відеозапис. Це означає,що відеозапис завантажується, коли користувач відкриває сторінку. Длявідеозапису можна задати два варіанти відтворення: відразу після відкриттясторінки або після клацання сторінки мишею. Так як не всі засоби перегляду
Web передбачають можливість перегляду вбудованої відеозапису, можливо,буде корисним забезпечити її дублюючим текстом і зображеннями або взагаліне розміщувати важливу інформацію у формі відеозапису.
Висновки
Таким чином, ми вивчили можливості мови HTML для створення Web -сторінок, дізналися, які HTML-і графічні редактори краще використовувати в
Web-дизайні, які переваги та недоліки тих чи інших програмнихпакетів. І, нарешті, ми з'ясували, які можливості для створення Web -сторінок має Word'97 з пакету Microsoft Office.
Отже, зрозумівши принцип побудови Web-сторінки, вивчивши можливостіз'єднання в ній різних видів інформації, ми можемо сміливо сказати, що
Web-сторінки, з їх потенціалом можуть застосовуватися для різних цілей.
Web-сторінка - це особа тієї фірми, того установи, людини, якарозмістив її в WWW. Саме тому сьогодні Web-дизайну приділяється такавеличезна увага, бо від нього на пряму залежить популярність того чиіншого інформаційного ресурсу Мережі. Недаремно зараз професія Web-дизайнерає однією з найбільш високооплачуваних.
Людина, що створює Web-сторінку, сполучає свої знання та навички зсвоїм творчим потенціалом. Вміння творити - ось що відрізняє справжнього
Web-дизайнера. Для того щоб створити Web-сторінку, яка б радувалаочей, потрібно поєднувати в собі якості художника і програміста.
Підводячи підсумок усьому вище сказаному, хочеться відзначити, що HTML став тимформатом передачі даних, який найбільш повно і якіснозадовольняє запити сучасного суспільства. Незаперечним фактом є іте, що майбутнє саме за HTML.
Список використаної літератури
| 1. | Левін "Internet для" чайників ", Москва 1996. |
| 2. | Рассохин і Лебедєв "World Wide Web - глобальна інформаційна |
| | Павутина в мережі Internet ", Москва 1997. |
| 3. | Перрі "Секрети World Wide Web", Москва 1996. |
| 4. | Уолл "Використання WWW", Москва 1997. |
| 5. | Хеслоп "HTML з самого початку", СПб: Санкт-Петербург, 1995 |
6. Kevin Werbach. Переклад: Станіслав Малишев. - Короткий посібник по HTML, Москва 1998.
Список сайтів інформація з яких було використано при написанні курсової роботи:
www.webschool.narod.ru www.pronet.ru www.lib . toxy.cv.ua www.education.kulichki.net www.gor.h1.ru www.infocity.kiev.ua
---------------- -------< br>
