Створення web-сайтів та web-сторінок

Размещено на http://www.allbest.ru/

Київський професійно-педагогічний коледж імені Антона Макаренка

Циклова комісія інформатики, комп'ютерних та інформаційних технологій, профільно-орієнтованих дисциплін

КУРСОВА РОБОТА

з дисципліни: «Інформатика та комп'ютерна техніка»

на тему: «Створення Web-сайтів та Web-сторінок»

Студента І курсу 24ЦТ групи

Спеціальності: «Професійна освіта. Цифрові технології»

Денисенка Павла Андрійовича

м. Київ 2021 рік

Зміст

Вступ

Розділ I. Призначення та класифікація web-сайтів

1.1 Основні види та дизайн web-сайтів

1.2 Використання програм для розробки веб-сайту

Розділ ІI. Призначення та класифікація web-сторінок

2.1 Створення web-сторінки

2.2 Оформлення

Висновок

Вступ

Актуальність курсової роботи: на сучасному рівні розвитку інформаційних технологій використання комп'ютера для збереження будь-яких видів інформації стає єдиним засобом, що надає широкі можливості керування інформацією. Важливу роль у процесі отримання інформації відіграє мережа Інтернет. Сьогодні в Україні послугами Інтернет з різною періодичністю користуються близько 9 млн. жителів України.

Internet сьогодні це найбільш розвинена у світі інформаційна система, за допомогою якої здійснюється комунікація між мільйонами користувачами. За допомогою мережі Internet забезпечується доступ до більш як п'яти мільйонів інформаційних Web-сайтів.

Якщо прийняти до уваги кількісні показники українського сегменту Internet, то вони налічують 200-300 тисяч користувачів, загальна кількість Web-серверів на сьогодні досягла позначки 4,5 тисяч. З самого початку розвитку Internet, а особливо з появою Web-технологій, мережа орієнтована на інформаційне забезпечення своїх користувачів.

Метою даної наукової роботи є дослідження розвитку сучасних Web-технологій та їх ефективного застосування на прикладі створення Web-сайту “Працівники організації” На сьогодні представлення організацій у мережі Internet є необхідним для покращення ефективності роботи організації, обміну інформацією між усіма учасниками ринкового процесу та способом заявити про свою діяльність великому загалу користувачів глобальної мережі. Саме тому темою наукової роботи було обрано використання Web-технологій для створення сайту організації, зокрема її кадрового складу

Мета курсової роботи полягає у характеристиці та використанні периферійних пристроїв

Завдання курсової роботи:

1. Визначити основні функції та види веб-сайтів та сторінок;

2. Дізнатися про їх дизайн та створення;

3. Охарактеризувати основні прийоми розробки.

Розділ I. Призначення та класифікація web-сайтів

1.1 Основні види та дизайн сайтів

Для початку розглянемо поняття веб-сайт та веб-сторінка. Ось означення з Вікіпедії -- вільної Інтернет-енциклопедії:

* Веб-сторінка (англ. Web-page) -- інформаційний ресурс, доступний у мережі World Wide Web, який можна переглянути у веб-браузері. Зазвичай ця інформація записана у форматі НТМL або ХНТМL і може містити гіпертекст із навігаційними гіперпосиланнями на інші веб-сторінки.

* Веб-сайт (англ, website, місце, майданчик в Інтернеті), також сайт (англ. site, місце, майданчик) -- сукупність веб-сторінок, доступних в Інтернеті, які об'єднані як за змістом, так і навігаційно. Фізично сайт може розміщуватися як на одному, так і на кількох серверах.

* Веб-сервер -- це підключений до Інтернету комп'ютер, який приймає запити на отримання певних даних, обробляє їх та видає результати, використовуючи протокол НТТР (Нуреr Техt Тrаnsfer Рrotocol --протокол передавання гіпертексту).

* Сукупність веб-сторінок, тематично пов'язаних між собою і розроблених як єдине ціле, називають веб-сайтом.

Це не повний перелік типів сайтів. Динамічний веб-сайт може змінюватися у процесі взаємодії з відвідувачем, а статичний надає всім відвідувачам однакову інформацію. Сайти можна класифікувати за доступністю сервісів, фізичним розташуванням і призначенням.

За доступністю сервісів їх поділяють на:

* Відкриті - усі сервіси повністю доступні для будь-яких відвідувачів і користувачів;

* Напіввідкриті - для доступу потрібно зареєструватися (зазвичай безкоштовно);

* Закриті - повністю закриті службові сайти організацій (наприклад, корпоративні сайти), особисті сайти приватних осіб. Такі сайти доступні для вузького кола людей.

Доступ нових людей можливий через запрошення.

За фізичним розташуванням якщо сайт доступний користувачам з Інтернету, він вважається зовнішнім, натомість сайт, доступ до якого можуть здійснювати лише користувачі локальної мережі, є внутрішнім. Прикладами внутрішнього сайту можуть бути корпоративний сайт підприємства або сайт приватної особи в локальній мережі провайдера.

За призначенням сайти поділяють на:

* Бізнес-сайти - сайти, що містять інформацію про компанії та їхні послуги, здійснюють функцію електронної торгівлі;

* Інформаційні сайти - призначені для інформування відвідувачів, поширення новин, тематичні сайти, енциклопедії, словники тощо;

* Сайти соціальних мереж - інтерактивні багатокористувацькі веб-сайти, які наповнюються самими учасниками мережі. Сайт являє собою автоматизоване соціальне середовище, що дозволяє спілкуватися групі користувачів, об'єднаних спільним інтересом;

* Веб-портали - універсальні сайти, через які можна вийти на інші ресурси Інтернету;

* Сайти сервісів - сайти служб, які існують у мережі Інтернет, зокрема, сайти пошукових служб (Google, Bing ), поштові сайти, веб-форуми, он-лайнові сховища даних (Skydrive), сайти служб онлайнового документообігу (Google Docs), зберігання та обробки фотографій ( Picnik, ImageShack, Panoramio, Photobucket), зберігання відео (You Tube).

Як створити веб-сайт?

Створення веб-сайту починається зі створення інформаційної моделі сайту. Будь-яку веб-сторінку можна оцінити за двома параметрами: зміст та зовнішній вигляд. Проте спочатку потрібно вирішити, яку інформацію потрібно на ній розмістити. Необхідно детально проаналізувати, скільки і якої інформації потрібно подати на веб-сторінці.

Створюючи проект сайту, потрібно добре продумати його загальну структуру, зміст інформації та посилання.

Структура веб-сайтів

Зовнішній вигляд кожного сайту є унікальним, проте в усіх сайтів можна знайти спільні за функціональністю частини. На будь-якому сайті першою відкривається головна сторінка. Її розробці приділяють особливу увагу, оскільки дослідження показали, що люди не здатні читати інформацію, що відображається на моніторі, так уважно, як книжки або журнали. Вони зазвичай лише поверхово переглядають її, наприклад, як рекламу. Якщо головна сторінка містить те, що шукає відвідувач, він читає її далі, а якщо ні -- переходить до інших сайтів, яких в Інтернеті дуже багато.

У верхній частині головної сторінки зазвичай розташована так звана шапка, яку дублюють на інших сторінках сайту. Це роблять спеціально, адже ця частина відображається у вікні браузера першою і відвідувач насамперед звертає увагу на неї.

Щоб забезпечити швидкий перехід до основних тематичних розділів сайту, створюють меню сайту -- список гіперпосилань на його розділи. Горизонтальне меню зазвичай розташовують у шапці, іноді дублюючи його в нижній частині сторінки, а вертикальне -- переважно в лівій частині сторінки, у місці, звідки відвідувач починає її переглядати. Меню є одним із найважливіших компонентів сайту, користувач постійно звертає на нього увагу, і тому вимоги до нього високі.

Меню має бути зручним, помітним і зрозумілим, інакше користувач не знатиме, як перейти до потрібного розділу, і покине сайт. Пункти меню мають бути чітко відділені один від одного.

Гіперпосилання, розміщені в тексті чи у вигляді графічних об'єктів, дозволяють переходити на різні сторінки сайту або навіть на інші сайти. На сайтах із дуже великим обсягом інформації є сторінки третього рівня, а якщо необхідно -- то й четвертого, п'ятого тощо.

Загалом виділяють три типи структур веб-сайтів -- лінійну, деревоподібну та довільну.

Подорожуючи сайтом із лінійною структурою, з головної сторінки ви перейдете на другу сторінку, з неї -- на третю тощо. На сайті з деревоподібною структурою з головної сторінки можна потрапити на одну зі сторінок другого рівня, звідти - на одну зі сторінок третього рівня тощо. Сайт із довільною структурою видається зовсім неорганізованим, але саме в цьому й полягає принцип його створення. Подорожуючи таким сайтом, ви можете переходити з однієї його сторінки на інші в різні способи, і ваш шлях назад не обов'язково має бути таким самим.

Вибір структури визначається особливостями завдань, що розв'язуються за допомогою веб-сайту.

Наведемо додатково чотири приклади структур сайту. Кожна із цих структур має свої недоліки та переваги у проектуванні веб-сайту.

Стандартна основна веб-сторінка містить посилання на інші документи вебсайту, а документи містять посилання, відповідно, на основну веб-сторінку. Це найпростіший і найпоширеніший спосіб організації веб-сайту.

Каскад у цьому випадку посилання в документах задані таким чином, що існує тільки один шлях обходу сторінок веб-сайту. За каскадного способу організації сторінок відвідувачі сайту можуть переміщуватися тільки в одному з напрямків -- вперед або назад.

Хмарочос. У цій моделі відвідувачі можуть опинитися на деяких сторінках, тільки якщо вони йдуть правильним шляхом.

Це нагадує підйом до потрібної кімнати у великому хмарочосі.

Павутина. У цьому випадку всі сторінки веб-сайту містять посилання на інші сторінки, і користувач може легко перейти з будь-якої сторінки практично на будь-яку іншу. Ця схема може перетворитися на лабіринт, якщо вийде з-під контролю, але вона популярна в тих випадках, коли посиланнями на документи користуються не надто часто.

1.2 Використання програм для створення веб-сайту

Етапи створення сайту

Створення сайту умовно можна розділити на такі етапи:

1. Попередній етап розробки сайту.

На цьому етапі розв'язуються питання загального характеру. Обговорюється загальна концепція сайту, формулюються та фіксуються цілі створення сайту.

2. Етап проектування сайту.

Визначення структури сайту: меню, посилання, розміщення модулів, побудова списку компонентів, що підключаються, тощо.

3. Етап розробки й тестування сайту

4. Розміщення сайту

5. Розвиток ресурсу.

І-ий спосіб (програма Блокнот)

Програмування сайту мовою HTML

Так як Веб-сторінки -- це документи, розмічені з використанням мови НТМL, то файли веб-сторінок зазвичай мають імена з розширенням .html чи .htm. Коди мови НТМL, за допомогою яких розмічають вихідний текст, називають тегами. Теги починаються із символу < і закінчуються символом >. Теги бувають парними і непарними. Парні теги можуть мати атрибути, за допомогою яких задаються їхні додаткові параметри.

НТМL - документ має чітко визначену структуру і складається з двох розділів -- заголовків і тіла документа.

Можна просто переглянути теги або програмку створення Html -документа.

Створення веб-сайту чи веб-сторінки за допомогою спеціальних програм (FrontPage, PowerPoint, Word)

Автоматизоване створення веб-сайту

Для створення, редагування та керування вмістом сайту використовують спеціальну систему керування контентом -- CMS (від англ. Content Management System). Це програмна оболонка, яка дозволяє легко вводити і редагувати дані -- текст, рсунки тощо, додавати і видаляти сторінки, тобто керувати сайтом у режимі онлайн, без знання HTML, мов програмування та інших спеціальних навичок.

Оскільки створити сайт за допомогою CMS можна швидко і без спеціальних навичок, цей інструмент стає дедалі популярнішим.

Зараз популярними є безкоштовні CMS: Wordpress, Joomla, Drupal. Серед комерційних CMS -- це Bitrix, NetСat, ABO.CMS, Amiro.CMS, UMI.CMS, Host.CMS тощо. Крім того, значна кількість веб-студій використовують у створенні сайтів самописні універсальні.CMS власної розробки. Окремо можна відзначити CMS Data Life Engine (DLE), яка подається розробниками як движок для великих новинних порталів.

Після того, як сайт створено, його необхідно розмістити в Інтернеті.

Хостинг (від англ. host) -- це виділення місця на вінчестері серверу, що має цілодобове підключення до Інтернету, для розміщення сайту.

Цю послугу надають як Інтернет-провайдери, так і компанії, що спеціалізуються на наданні послуг хостингу. Зазвичай на хостинг-серверах розміщуються від кількох до декількох тисяч сайтів.

Розділ ІI. Призначення та класифікація web-сторінок

Типи веб-сторінок

Прикладом складеного документу є веб-сторінка, оскільки вона може включати дані різних типів: графічні зображення, анімацію, відео та музичні фрагменти. Веб-сторінки є інформаційними ресурсами служби World Wide Web, і у 9 класі ви знайомились з тим, як здійснювати пошук та перегляд цих ресурсів. Тепер познайомимось зі способами їх створення. При створенні веб-сторінок важливо враховувати їх структуру та типи, а також види сайтів, до складу яких будуть входити ці сторінки.

Розглянемо приклад веб-сторінки. Серед елементів, які на ній відображаються, можна виділити такі групи:

- контент (англ. content - зміст) - змістове наповнення веб-сторінки, доступне користувачу: тексти, зображення, відео, звукові дані та ін.;

- елементи навігації - засоби для переходу до інших веб-сторінок;

- елементи дизайну - елементи структурування контенту та його форматування, оформлення сторінки.

Залежно від призначення можна виділити такі типи веб-сторінок:

- головна (домашня) сторінка -сторінка, з якої розпочинається перегляд веб-сайту при переході на сайт за його URL-адресою. На ній, як правило, розкривається тематика сайту, його призначення, наводяться дані про розробників, пояснюється, які матеріали можна знайти на інших сторінках сайту;

- інформаційні сторінки (сторінки тематичних розділів) - містять тексти, зображення та повідомлення інших видів, які розкривають тему сайту або деякого його розділу. Головна сторінка сайту є частковим випадком інформаційної сторінки;

- сторінки-контейнери - містять списки посилань на ресурси даного або інших сайтів:

o веб-каталоги - посилання на веб-ресурси (веб-сторінки, веб-сайти);

o каталоги файлів - посилання на файли, які можуть бути завантажені користувачем;

- комунікативні (інтерактивні) сторінки -призначені для надання користувачам сайту засобів спілкування та зворотного зв'язку з розробниками сайту:

o сторінки форуму - призначені для організації спілкування у форумі;

o сторінки чату - призначені для організації спілкування в чаті;

o сторінки гостьової книги - призначені для надання можливості відвідувачам сайту залишати свої коментарі, як правило, для авторів сайту;

o сторінки форми - призначені для проведення опитування, з'ясування точки зору відвідувачів, здійснення вибору товарів або послуг на комерційних сайтах та інші.

Класифікація веб-сайтів

Різні веб-сайти можуть мати різну структуру - кількість веб-сторінок та їх типи, внутрішню тематичну організацію, сукупність внутрішніх зв'язків. Спільним для усіх сайтів є наявність у структурі головної сторінки, яка пов'язана з усіма тематичними розділами сайту. Розділи можуть мати власні початкові сторінки, що пов'язані з головною сторінкою та інформаційними сторінками. Кількість веб-сторінок та їх типи визначається обсягом та характером матеріалів сайту.

Класифікувати сайти можна за значеннями різних властивостей. Наведемо кілька можливих класифікацій.

Відповідно до основної технології, що була використана для створення веб-сторінок, веб-сайти поділяються на статичні(всі сторінки статичні), динамічні (всі сторінки динамічні), флеш-сайти (всі сторінки побудовані за флеш-технологією)

Залежно від того, хто є власником, сайти поділяються на:

- персональні, власниками та розробниками яких є приватні особи. Такі сайти містять дані про автора та його інтереси, професійні та творчі досягнення тощо. Персональні сайти іноді називають домашніми сторінками. Персональними сайтами є, наприклад, сайти письменниці О. Забужко, композитора О. Злотника та ін.;

- сайти комерційних організацій,що призначені для сприяння бізнесу з використанням засобів інформаційно-комунікаційних технологій. Структури сайтів комерційних організацій відрізняються залежно від мети використання сайтів, тому у цій групі можна виділити такі види сайтів:

o сайти-візитки, що містять загальні відомості про організацію, наприклад, сайт юридичної компанії ТОВ "Житомир правовий";

o промо-сайти (англ. promotion - сприяння, просування), призначені для реклами та просування певного товару або послуги, містять детальні дані про них, повідомляють про різноманітні рекламні акції та інші корисні відомості для потенційних покупців, наприклад, сайт фотостудії Prostofoto;

o сайти електронної комерції: Інтернет-магазини, що призначені для організації продажу товарів або послуг через Інтернет, он-лайн аукціони, електронні представництва - он-лайн офіси тощо,які мають засоби для проведення комерційних операцій, замовлення товарів, оформлення документації та здійснення оплати, наприклад, сайт книжкового магазину Азбука.

За призначенням виділяють такі типи сайтів:

- сайти, що надають інформаційні матеріали. За видом матеріалів та способом їх подання у цій групі можна виділити:

o інформаційно-тематичні сайти, наприклад, сайт навчальних матеріалів Шкільна фізика;

o сайти новин, наприклад, Новини України;

o електронні бібліотеки, наприклад, Бібліотека української літератури;

o енциклопедії, словники, каталоги, наприклад, Портал знань;

o сховища файлів різних видів, медіатеки, наприклад, сховище відеофайлів RuTube.

Сторінка сайту Портал Знань

- сайти для он-лайн контактів та спілкування. Вам вже відомі веб-сайти цієї категорії, на яких створені форуми та веб-чати. Крім того, засоби для спілкування також надають сайти соціальних мереж, блоги, сайти знайомств та мережних ігор та ін. Наприклад, сайт соціальної мережі ВКонтакте;

- сайти для здійснення комерційних операцій. До цієї групи входять Інтернет-магазини та аукціони, системи електронних платежів, сайти банків, бірж, пунктів обміну валют. До цього виду сайтів належать і ті, що пропонують різноманітні платні послуги - навчання іноземним мовам, консультації психолога та ін. Прикладом є сайт українського он-лайн аукціону Аукро;

- сайти он-лайн сервісів(лат. servio - служити, надавати послуги). Такими є вже знайомі вам сайти електронної пошти, пошукових систем, сайти закладок на інші сайти, наприклад, БобрДобр, перекладу слів та текстів, наприклад, он-лайн словник ABBYY Lingvo. Крім того, он-лайн сервісами, для яких створені відповідні сайти, є сервіси:

o надання хостингу (англ. hosting - виявлення гостинності) - виділення апаратних та програмних ресурсів сервера для розміщення файлів користувача, забезпечення доступу до них, опрацювання запитів. Хостинг надається, наприклад, на сайті Hvosting;

o он-лайн офіси - сервіс створення он-лайн документів: текстових, презентацій, електронних таблиць та ін. Прикладами є сервіс Документи Google он-лайн офіс Zoho Office Suite;

o сервіс автоматизованої розробки веб-сайтів. На сайтах, розроблених для підтримки цього сервісу, розміщують системи керування контентом CMS (англ. Content Management System - системи керування вмістом, контентом) - програми, що використовують для створення, редагування та керування вмістом веб-сайту. Прикладом є сайт uCoz.

За наповненням сайти поділяються на:

- малі, що складаються з кількох сторінок та містять незначну кількість інформаційних матеріалів, як правило з одного питання. Такими можуть бути домашні сторінки користувачів, сайти-візитки та ін. Наприклад, сайт-візитка українського художника Олексія Первухіна;

- тематичні сайти, які детально висвітлюють певну тему. Подібні сайти популярні серед кола осіб, інтереси яких збігаються з тематикою сайту. Наприклад, таким є сайт Київського товариства захисту тварин та ін.;

- багатофункціональні сайти, портали, що містять багато різнопланових даних та надають різноманітні послуги користувачам, можуть зацікавити будь-якого відвідувача сайту. Прикладом є Український портал та ін.

Оцінювання веб-сайтів

Здійснюючи навігацію ресурсами Інтернету, ви, напевно, звертали увагу на те, як по-різному сприймаються сайти однакової тематики та спрямованості. На одних сайтах ви затримувались надовго, з деяких відразу переходили на інший ресурс. Тривалість перегляду залежить від привабливості дизайну сайту, зручності пошуку потрібних матеріалів. Для відвідувача при оцінюванні веб-сайту важливими показниками є:

- ступінь інформативності веб-сайту, можливість отримання корисних матеріалів, які не повторюють відомості з інших ресурсів;

- частота оновлення даних на сайті, що свідчить про увагу розробника до власного проекту;

- наявність інтерактивних засобів, можливість проведення обговорень, отримання відповідей, звертання до розробника за додатковими відомостями та коментарями;

- мови, якими доступні матеріали на веб-сайті;

- візуальна привабливість сайту, дизайн, стиль оформлення;

- юзабіліті сайту (англ. usability - зручність), тобто зрозумілість, зручність навігації, легкість знаходження потрібних даних, структурованість матеріалу, все те, що забезпечує простоту, комфортність та ефективність у процесі використання сайту

Тривалість перебування відвідувачів на сайті, повторне звертання до його ресурсів визначають популярність сайту та його рейтинг у базах даних пошукових систем.

2.1 Створення веб-сторінок

Але найбільші можливості HTML можна отримати лише завдяки використанню спеціальних програмних засобів web-дизайну. Програми для web-дизайну дозволяють:

1) створювати й редагувати Web-сторінки (наприклад, власну домашню Web-сторінку, яку можна потім розмістити в Інтернет);

2) редагувати документи HTML, отримані з Інтернету, так, щоб функціонували всі вбудовані в документ об'єкти (картинки, анімації і т.ін.);

3) створювати мультимедійні презентації, шоу, демонстраційні проекти завдяки гіпертекстовим посиланням і можливості вставляти в документ HTML малюнки, діаграми, анімації, відеокліпи, музичний і мовний супровід, текстові спецефекти (наприклад, рядок, що біжить).

Існують три основних способи створення Web-сторінок (або документів HTML):

1) використання текстового редактора Блокнот (NotePad), убудованого в Windows, і перегляд результатів за допомогою броузера. Цей найпростіший спосіб рекомендується початківцям. Його ми використовуємо як основу методики навчання web-дизайну;

2) використання спеціальних редакторів документів HTML, наприклад Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad тощо;

3) використання редактора Word для створення тексту документа, що потім конвертується в HTML-формат.

2.2 Оформлення

Створивши сторінку, її інформаційне та змістове наповнення, можна приступати до дизайну - тобто графічного оформлення цієї сторінки. За стандартом HTML таке оформлення задається через стилі, а точніше каскадні аркуші стилів.

Стилі визначають форматування, а також розташування елементів у документі. Так, можна змінити вигляд усіх заголовків чи вирівнювання усіх зображень документа. Крім того можна задати певне оформлення для горища чи підвалу сайту, навігаційної панелі тощо.

Прикладами стильових ефектів є наступні:

background - колір тла;

font-family - вид шрифта;

font-size - розмір шрифта;

color - колір шрифта;

text-decoration - оздоблення тексту;

font-weight - жирність шрифта;

text-align - вирівнювання тексту;

border-width - ширина границі;

border-style - стиль оформлення границі;

margin-top - відстань від верхнього рядка;

line-height - висота рядка.

Підключати аркуші стилів можна:

· в окремому файлі:

<link rel="stylesheet" type="text/css" href="mysite.css">

· на початку веб-документа:

<style type="text/css">

...

</style>

· в конкретному тезі:

<h1 style="font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #336">Заголовок </h1>

· для спеціально виділених блоків:

<div style="font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #336">Hello World!</div>

· для блоку з ідентифікатором:

#para1 {

text-align: center;

color: red;

}

<p id="para1">Hello World!</p>

· для блоків з селектором класу:

.center {

text-align: center;

color: red;

}

<h1 class="center">Заголовок червоного кольору, вирівнювання по центру</h1>

<p class="center">Текст червоного кольору, вирівнювання по центру</p>

Тим, хто вперше починають працювати над створенням веб-сторінок, зазвичай представляється, що використання графіки тут повинне обмежуватися вставкою ілюстрацій, як в книгах. Проте не треба забувати, що веб-сторінка не книга, і її сприйняття відбувається по інших законах.

Звичайно, графічні елементи, з одного боку, річ небезпечна, оскільки графічні файли мають великі розміри і, відповідно, довго завантажуються з Інтернету. Тому документ, не в міру переобтяжений графічними елементами, може викликати справедливе роздратування у відвідувача: дійсно, нудно декілька хвилин чекати, поки завантажиться така сторінка (та і не тільки нудно: при почасовій оплаті доступу до Інтернету завантаження такої сторінки стоїть читачеві зайвих грошей, адже, поки вона не завантажилася, зазвичай важко зрозуміти, є там щось цікаве чи ні).

Але якщо на сторінці зовсім не використані елементи графіки, вона теж сприйматиметься неадекватно: одноманітність текстового викладу заважає читачеві сприймати матеріал, що навіть цікавить його.

Звичайно, можна багато чого досягти, використовуючи стильове оформлення сторінки (за допомогою каскадних таблиць стилів, описаних в наступному розділі). Проте є ще один спосіб “пожвавити” веб-сторінку. Він полягає у використанні невеликого числа дрібних графічних елементів як елементи оформлення. Звернете увагу на те, що ці елементи повинні бути дрібними. Це важливо по двох причинах: по-перше, вони не відволікають на себе увагу читача (а тільки надають веб-сторінці кращому зовнішньому вигляду), а по-друге, малі за розміром малюнки завантажуються з Мережі досить швидко, що зазвичай зіставно із швидкістю завантаження тексту.

Лінійки і буквиця

Які ж графічні елементи можливо застосовувати як таку “прикрасу”? Тут треба проявити фантазію. Якщо ви придумаєте що-небудь оригінальне, ваша веб-сторінка виглядатиме незвично, “не як інші”, і запам'ятається відвідувачеві. Проте перерахуємо декілька що стали вже традиційними варіантів такого застосування графіки. По-перше, це різні графічні роздільники, зазвичай горизонтальні, вживані замість горизонтальної межі (<HR>). Хоча тег <HR> і піддається настройці, графічний роздільник часто виглядає кращим.

Застосування графічних елементів оформлення - різні кнопки і маркери списків. Про них спеціально піде мова в наступному розділі.

Можна також застосувати графічний елемент як буквицю. Взагалі-то, незабаром підтримка буквиці передбачається і в HTML, але ця буквиця виконана об'ємною, з тінню і навіть як би з віддзеркаленням світла (хоча палітра цього GIF-файлу для зменшення розміру містить всього 16 квітів). Неважко здогадатися, яким чином вона вставлена в текст:

<IMG SRC="Images/bukvical.gif" WIDTH="121" HEIGHT="111" BORDER="0"'ALIGN="LEFT" АLТ="Д"> авним-давно жіл-бил на білому світі цар Горох. І були у нього поля горохові, і ліси горохові, і...

Для економії місця ми не приводимо текст сторіночки цілком, а тільки те місце де вставлена буквиця.) Установка атрибуту ALIGN="left" забезпечує обтікання текстом малюнка (буквиця). Про всяк випадок як альтернативний текст дається буква “Д”, щоб користувачеві з відключеною графікою не доводилося будувати здогадки щодо першої букви.

Для завершення оформлення можна ще створити градієнтний фон . Не забувайте тільки обов'язково указувати значення атрибуту ALT= у всіх тегах <IMG>.

І, звичайно, не нехтуйте можливістю зробити графічні елементи активними - перетворити їх на гіперпосилання або навіть в карту графічних посилань. Наявність гіперпосилання завжди проводить хороше враження.

web-сторінка сайт дизайн

Висновок

У сучасному світі набули популярності веб-сайти та мережа інтернет.

Майже кожен сьогодні використовує веб-сайти чи веб-додатки для своїх потреб і кількість таких людей зростає щороку. Цей прогресс відбувся доволі швидко, так, якщо проаналізувати розвиток інтернету за останіх 10-15 років то можна помітити як різко розвивались веб технології та скільки різних можливостей добавилось с плином часу. Тому на перший погляд мережа Internet подібна до звичайних глобальних мереж. Але насправді вона має ряд абсолютно специфічних особливостей і унікальну структуру. Якщо звичайна глобальна комп'ютерна мережа може розглядатися як сукупність територіально розподілених локальних обчислювальних мереж, які, як правило, комутуються між собою за допомогою телефонної мережі, супутникових каналів зв'язку тощо і повністю підтримуються і керуються однією групою фахівців з єдиного центру, то мережа Internet складається з багатьох сотень вільно з'єднаних мереж. При цьому не існує єдиного центру управління, що відповідає за розвиток і функціонування Internet. Тому будь-яке підприємство або установа, маючи свою власну незалежну локальну комп'ютерну мережу, може безперешкодно мати вихід у загальний інформаційний простір, який називаємо Internet. Для отримання такого виходу немає потреби змінювати внутрішню мережну структуру, досить виконати ряд вимог щодо підключення до Internet і організації внутрішнього мережного адресного простору.[1]

Саме завдяки тому, що концепція, технологія і стандарти інформаційного обміну (за винятком лише деяких засекречених елементів) мали і мають відкритий характер, дана мережа і набула такої широкої популярності. Основна ідея відкритості мережі полягала в тому, що подібний підхід до проектування і розробки такого масштабного програмно-технічного комплексу забезпечував максимальну стабільність і надійність усієї мережі, робив її більш доступною і корисною. Ще одним важливим аспектом існування і розвитку Internet є той факт, що в цій мережі немає і не може бути єдиного власника, який розпоряджається всією мережею цілком на правах власності. Будь-яка компанія, що надає інформаційні послуги в Internet, будь-який науковий або навчальний центр мають тільки певну, дуже обмежену частину даної мережі у вигляді апаратного і програмного забезпечення, що відповідає за об'єднання розрізнених комп'ютерів в єдине ціле. З точки зору інформаційного змісту Internet слід зауважити, що вся інформація, яка циркулює в надрах даної мережі, не має власника і розповсюджується абсолютно вільно. Границі Інтернету досить розпливчасті. Будь-який комп'ютер, підключений до Інтернету, вже можна вважати його частиною, і тим більше це стосується локальної мережі підприємства, що має вихід в Інтернет. Веб-сервери, на яких розташовуються інформаційні ресурси, можуть знаходитися в будь-якій частині

Інтернету: у постачальника послуг, у локальній мережі підприємства і т. д., потрібно дотримуватися лише головної умови -- вони мають бути підключені до Інтернету, щоб користувачі мережі могли одержати доступ до її служб. Як служби можуть виступати електронна пошта, передача файлів великого розміру (FTP), всесвітня павутина (WWW) і інші, про які буде ідти мова трохи нижче. Інформаційною складовою служби Інтернету є самі різноманітні джерела. Це можуть бути книги, дані інформаційних агентств, інформація з фінансових ринків, фотографії, фрагменти фільмів і т. п. Служби в сукупності з їх інформаційною складовою є тією головною метою, до якої прагнуть користувачі і якої вони досягають за допомогою підключення до Інтернету.

Отже далі буде розглянуто функції веб-сайтів оскільки вони складають велику частину мережі інтернет, та буде проаналізовано їх можливості. Зовнішній вигляд кожного сайту є унікальним проте у всіх сайтів можна знайти спільні за функціональністю частини. На будь-якому сайті першою відкривається головна сторінка, її розробці приділяють особливу увагу.

Размещено на Allbest.ru

...