Вступ
World Wide Web - глобальна комп'ютерна мережа на сьогоднішній день містить
мільйони веб-сайтів, на яких размещенавсевозможная інформація. Люди отримують
доступ до цієї інформації за допомогою використання технології Internet.Для
навігації в WWW використовуються спеціальні програми - Web-браузери, які
істотно полегшують подорож побескрайнім просторами WWW. Вся інформація в
Web-браузері відображається у вигляді Web-сторінок, які є основним
елементом байтів WWW.
Web-сторінки, підтримуючи технологію мультимедіа, поєднують в собі різні
види інформації: текст, графіку, звук, анімацію і відео. Від того, наскільки
якісно і гарно зроблена та чи інша Web-сторінка, залежить багато в чому її
успіх у Мережі.
Користувачеві приємно відвідувати ті Web-сторінки, які мають стильне
оформлення, не обтяжені надмірно графікою і анімацією, швидко завантажуються і
правильно відображаються у вікні Web-браузера.
Створити Web-сторінку непросто, але мабуть кожна людина хотіла б спробувати
себе в ролі дизайнера. І я, вдань випадку, не є винятком, тому й
вибрала таку тему для своєї курсової роботи.
У своїй роботі я зробила спробу розібратися в тому, що необхідно
знати вміти для створення Web-сторінки, яке програмне забезпечення є
інструментарієм створення Web-сторінок і як егоеффектівно використовувати.
Також в даній роботі мною розглянуті основи мови програмування Web-сторінок
- HTML, який являетсяобщепрінятим стандартом WWW. Це дасть нам можливість
ознайомитися з структура Web-сторінки і прийомами її правільногооформленія.
1.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-сторінки можуть існувати в будь-якому форматі, але як стандарт прийнятий
HyperText 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, AllaireHomeSite або 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 1stPage 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.
Список сайтів інформація, з яких було використано при написанні курсової
роботи:
Www.webschool.narod.ru
Www.pronet.ru
Www.education.kulichki.net
Www.gor.h1.ru
