Розробка мультимедійного web-сайту

Опис інформаційного забезпечення системи для розробки сайту. Технічне завдання на розробку web-сторінки. Комплект засобів, проектування та завантаження сторінок. Тестування сайту в різних браузерах. Розрахунок собівартості та ціни програмного продукту.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык украинский
Дата добавления 14.05.2012
Размер файла 1,8 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

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

Зміст

  • 1. Загальний розділ
  • 1.1 Опис інформаційного забезпечення системи для розробки сайту
  • 2. Спеціальний розділ
  • 2.1 Постановка задачі
  • 2.2 Технічне завдання на розробку веб-сторінки
  • 2.3 Опис комплекту технічних засобів
  • 2.4 Проектування веб-сайту
  • 3. Екслуатаційний розділ
  • 3.1 Завантаження сторінок сайту. Робота із сайтом
  • 3.2 Тестування веб-сайту в різних браузерах
  • 3.3 Реєстрація сайта в мережі Інтернет
  • 4. Економічний розділ
  • 4.1 Розрахунок собівартості розробки веб-сайту
  • 4.2 Розрахунок ціни програмного продукту
  • 5. Охорона праці
  • 5.1 Загальні питання охорони праці на обчислювальному центрі
  • 5.2 Електробезпека на обчислювальному центрі
  • 5.3 Техніка безпеки при роботі з пристроєм
  • 5.4 Виробнича санітарія
  • 5.4.1 Розрахунок штучного освітлення
  • 5.4.2 Розрахунок притоку свіжого повтря
  • 5.5 Протипожежний захист
  • 5.6 Охорона навколишнього середовища
  • Висновок
  • Список літератури
  • Додаток. Код веб-сайту

Вступ

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

В повсякденній мові слово Інтернет найчастіше вживається в значенні Всесвітньої павутини і доступної в ній інформації, а не у значенні самої фізичної мережі. Також вживаються терміни Всесвітня мережа, Глобальна мережа чи навіть одне слово Мережа, Інемт, Тенета, Міжмережжя, Інтернемтрі або Немтрі. Все частіше Інтернет вживається і з малої літери, що можна пояснити паралелями з термінами "радіо", "телебачення", які пишуть з малої.

Історія Інтернету сягає досліджень 1960-х років, які проводилися на замовлення уряду США і мали на меті створення надійних розподілених комп'ютерних мереж, стійких до пошкоджень. Попередницею Інтернету стала мережа ARPANET (англ. Advanced Research Projects Agency Network), яка почавши функціонувати в кінці 1960-х, в кінці 1970-х об'єднувала близько 200 вузлів.

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

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

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

1. Загальний розділ

1.1 Опис інформаційного забезпечення системи для розробки сайту

На початковому етапі свого розвитку портал розваг " Portal-media " являє собою невеличкий сайт на якому розміщено: відео, музіка та різні новини. Портал розваг " Portal-media " будь-хто зможе знайти найсвіжіші новинки mp3 музики 2012 року, скачати нові пісні безкоштовно без реєстрації. Всі музичні новинки додаються нашими релизерами без вихідних, так що ви завжди будете в курсі останніх оновлень! На сайті всі композиції абсолютно безкоштовні. Тематики пісень найрізноманітніші: від нових хітів. Якщо перед скачуванням ви захочете прослухати сподобався трек, скористайтеся зручним mp3 плеєром. У величезному архіві музики обов'язково знайдете новинки собі до смаку, а нові пісні, викачані в форматі mp3, розфарбують нудні будні в усі кольори веселки.

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

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

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

Для рішення поставленої задачі використано мову гіпертекстової розмітки HTML і мову опису Web-сценаріїв Java.

Створення Web-сторінки за допомогою мови HTML. Як стандарт прийнята Hyper Text Markup Language - мова розмітки гіпертекстів, призначена для створення форматированного тексту, насиченого зображеннями, звуком, анімацією, відеокліпами і гіпертекстовими посиланнями на інші документи, розкидані як по всьому Web-просторі, так і на цьому ж чи сервері який являється складовою частиною цього ж Веб-проекта.

Можна працювати на Web без знання мови HTML, оскільки тексти HTML можуть створюватися різними спеціальними редакторами і конвертерами. Але писати безпосередньо на HTML неважко.

Мова HTML існує в декількох варіантах і продовжує розвиватися, але конструкції HTML, швидше за все, будуть використовуватися і надалі. Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTML і розширюючи його наскільки це можливо, ми маємо можливість створювати Web-сторінки, що можуть бути, переглянуті багатьма браузерами Web, як зараз, так і в майбутньому. Це не виключає можливості використання інших методів, наприклад, метод розширених можливостей, що надається Netscape Navіgator, Іnternet Explorer чи деякими іншими програмами.

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

HTML був ратифікований World Wіde Web Consortіum. Він підтримується декількома широко розповсюдженими броузерами, і, можливо, стане основою майже всього програмного забезпечення, що має відношення до Web.

Структура HTML документа

Оскільки HTML-документи записуються в ASCІІ-форматі, то для її створення може бути використаний будь-який текстовий редактор.

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

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

<p>Інформація</p>

Тут стартовим тегом є тег <P>, а завершальним - </P>. Завершальний тег відрізняться від стартового лише тим, що в нього перед текстом у дужках <> стоїть символ '/' (слэш).

Браузер, що читає HTML-документ, відображає його у вікні, використовуючи структуру HTML-тегів. У кожному HTML-документі повинні бути присутніми три головних частини:

a) Оголошення HTML;

b) Заголовок;

c) Тіло документа.

Оголошення HTML

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

<HTML>

</HTML>

Заголовна частина.

<HEAD> і </HEAD>. Між цими тегами розташовується інформація про документ (назва, ключові слова для пошуку, опис і т.д.). Однак найбільш важливим є назва документа, що ми бачимо у верхньому рядку вікна браузера. Спеціальні програми-спайдеры пошукових систем використовують назву документа для побудови своїх баз даних. Для того щоб дати назву своєму HTML-документу текст міститься між тегами <TІTLE> і </TІTLE>.

<HTML>

<HEAD>

<TІTLE>Моя перша сторінка</TІTLE>

</HEAD>

</HTML>

Тіло документа.

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

<HTML>

<HEAD>

<TІTLE> Моя перша сторінка</TІTLE>

</HEAD>

<BODY>

..........

</BODY>

</HTML>

Форматування тексту

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

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

Суцільний текст без проміжків читається не дуже легко, його незручно переглядати і знаходити потрібні місця. Розбитий на абзаци, текст сприймається набагато швидше. Для початку нового абзацу використовується тег <P> (англ. paragraph - абзац). Цей тег, крім початку нового рядка, вставляє один порожній рядок. Але багаторазове повторення <P>, на відміну від <BR>, не приведе до появи декількох порожніх рядків.

Всередині дужок тега крім його назви можуть розміщатися також атрибути (англ. atrіbutes - атрибути). Вони відокремлюються від назви і між собою пробілами (одним чи декількома), а пишуться у виді ім'я_атрибута="значення". Якщо значення не містить пробілів, то лапки можуть бути опущені, але так робити не рекомендується. Тег <P> може містити атрибут ALІGN, що визначає вирівнювання абзацу. За замовчуванням абзац вирівняний уліво ALІGN="left". Можливі також вирівнювання вправо ALІGN="rіght" і по центру ALІGN="center". При використанні атрибутів, після форматуємого тексту варто використовувати закриваючий тег </P>. Якщо ні, то новий тег <P> означає закриття попереднього. Вирівняти текст по центру можливо також тегом <CENTER>.

Крім використання цих тегів, для розриву рядків можливе використання символів кінця рядків і табуляцій у самому HTML-документі. Для цих цілей існує тег <PRE>. Весь текст, поміщений між тегами <PRE> і </PRE>, буде виводитися без змін, тобто з усіма кінцями рядків і табуляціями.

Наприклад:

<PRE>Це текст написаний

у двох рядках</PRE>

У HTML-документі, крім тексту, можуть міститися горизонтальні розділові лінії. Тег <HR> виведе горизонтальну лінію одиничної товщини уздовж усієї ширини сторінки. Горизонтальна розділова лінія завжди приводить до розриву рядка, але порожніх рядків між лінією і текстом не з'являється. Тег <HR> може містити кілька атрибутів. <HR SHADE> і <HR> дають контурну лінію з тривимірним ефектом поглиблення. <HR NOSHADE> дає суцільну чорну лінію. Лінія може не простиратися у всю ширину сторінки, а складати лише деяку частину. Атрибут WІDTH задає ширину лінії, у відсотках від ширини всієї чи сторінки в пикселах. Наприклад, 50% - половина ширини сторінки, 400 - ширина в 400 пикселов. Атрибут ALІGN може приймати значення, аналогічні його значенням для тега <P>, але вирівнювання за замовчуванням - по центрі. Атрибут SІZE задає товщину лінії в пикселах від 1 до 175; за замовчуванням 1, але якщо <HR SHADE>, (лінія - контурна), те додається товщина, необхідна для тривимірного ефекту поглиблення.

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

JavaScrіpt

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

Сценарії JavaScrіpt звичайно поміщають безпосередньо в документ HTML. Вони можуть чи знаходитися в чи заголовку в тілі документа. В один документ можна помістити кілька сценаріїв. Приклад синтаксису:

<SCRІPT LANGUAGE="JavaScript">

Тут знаходиться сценарій

</SCRІPT>

JavaScript має низку властивостей об'єктно-орієнтованої мови, але завдяки концепції прототипів підтримка об'єктів в нім відрізняється від традиційних мов ООП. Крім того, JavaScript має ряд властивостей, властивих функціональним мовам, - функції як об'єкти першого рівня, об'єкти як списки, каррінг (currying), анонімні функції, замикання (closures) - що додає мові додаткову гнучкість.

JavaScript має C-подібний синтаксис, але в порівнянні з мовою Сі має наступні корінні відмінності:

об'єкти, з можливістю інтроспекції і динамічної зміни типу через механізм прототипів

- функції як об'єкти першого класу

- обробка винятків

- автоматичне приведення типів

- автоматичне прибирання сміття

- анонімні функції

Семантика мови схожа з семантикою мови Self.

Приклад оголошення і використання класу в JavaScript (клас є одночасно функцією, оскільки функції - це об'єкти першого рівня):

function MyClass ()

{

this. myValue1 = 1;

this. myValue2 = 2;

}

var mc = new MyClass ();

mc. myValue1 = mc. myValue2 * 2;

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

Використання в HTML

При використанні в рамках технології DHTML JavaScript код включається в HTML-код сторінки і виконується інтерпретатором, вбудованим в браузер. Код JavaScript вставляється в теги <script></script> з обов'язковим по специфікації HTML 4.01 атрибутом type="text/javascript", хоча в більшості браузерів мова сценаріїв за умовчанням саме JavaScript.

Скрипт, що виводить модальне вікно з класичним написом "Hello, World!" усередині браузера:

<script type="text/javascript">

alert ('Hello, World! ');

</script>

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

<a href="delete. php" onclick="return confirm ('Ви впевнені? '); ">Видалити</a>

Тут при натисненні на посилання функція confirm ('Ви впевнені? '); викликає модальне вікно з написом "Ви впевнені?", а return false; блокує перехід за посиланням. Зрозуміло, цей код працюватиме тільки якщо в браузері є і включена підтримка JavaScript, інакше перехід за посиланням відбудеться без попередження.

Є і третя можливість підключення JavaScript - написати скрипт в окремому файлі, а по тому підключити його за допомогою конструкції:

<script type="text/javascript" src="http://Шлях_до_файла_зі_скриптом"></script>

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

На данний час Internet Explorer, Firefox, Opera, Google Chrome та Safari мають зневаджувачі для себе.

Internet Explorer має три: Microsoft Visual Studio є найпотужнішим з цих трьох, слідом йде Microsoft Script Editor (компонента Microsoft Officeі нарешті існує безплатний Microsoft Script Debugger з базовими функціями. Веб-застосування для Firefox допоможе привести до ума додаток Firebug (зручно вбудований безпосередньо в браузер), або давніший відладчик Venkman, котрий також працює з браузером Також існують кілька інструментів, як вільних, наприклад JSLint інструмент перевірки якості коду, що сканує JavaScript програму, шукаючи проблеми коду, так і комерційних продуктів типу інструменту з назвою JavaScript Debugger.

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

Кожен блок сценарію інтерпретатор розбирає окремо. На веб-сторінках, коли треба комбінувати блоки JavaScript та HTML, синтаксичні помилки найти легше, якщо тримати функції сценарію в окремому блоці коду, або (ще краще) використовувати багато малих пов'язаних. js файлів. В такий спосіб синтаксична помилка не спричинятиме "падіння" цілої сторінки, і можна надати допомогу, елегантно вийшовши зі сторінки.

CSS

Каскадні таблиці стилів (англ. Cascading Style Sheets або скорочено CSS) - спеціальна мова, що використовується для відображення сторінок, написаних мовами розмітки даних. Найбільш часто CSS використовують для візуальної презентації сторінок, написаних HTML та XHTML, але формат CSS може застосовуватися до інших видів XML-документів.

Специфікації CSS були створені та розвиваються Консорціумом Всесвітньої павутини.

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

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

CSS використовується авторами та відвідувачами веб-сторінок для того щоб визначити кольори, шрифти, верстку та інші аспекти вигляду сторінки. Одна з головних переваг - можливість розділити зміст сторінки (або контент, наповнення, зазвичай HTML, XML або подібна мова розмітки) від вигляду документу (що описується в CSS).

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

мультимедійний сайт браузер програмний

Один і той же HTML або XML документ може бути відображенний по-різному в залежності від використаного CSS. Стилі для відображення сторінки можуть бути:

Стилі автора (інформація надана автором сторінки):

- зовнішні таблиці стилів (англ. stylesheet), частіше за все окремий файл або файли. css

- внутрішні таблиці стилів, включені як частина документу або блоку

- стилі для окремого елементу

Стилі користувача:

- локальний. css-файл, вказаний користувачем для використання на сторінах і вказаний в налаштуваннях броузера (наприклад Opera)

Стилі переглядача (броузера):

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

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

Переваги:

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

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

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

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

2. Спеціальний розділ

2.1 Постановка задачі

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

Головні вимоги:

чіткий план викладу матеріалу

логічна послідовність висновків

стилістична єдність тексту

відсутність штампів, "побитих" виразів

відсутність тавтології - частого повторення одних і тих же слів

легкість і читабельність

наявність ключових слів в тексті

поділ тексту на абзаци

смислові виділення курсивом і жирним шрифтом

серйозно і продумано складений перший абзац тексту

мінімум складносурядних і складнопідрядних пропозицій - розмір до 4000-5000 знаків без пробілів

Обгрунтуємо кілька вимог, наприклад, останнє - розмір тексту. Оптимальний розмір статті для веб-близько 2500-3000 знаків без пробілів - це трохи більше листа а4, написаного 14 шрифтом. Стаття такого розміру, якщо вона буде написана цікаво, читається дуже легко, можна сказати "в літ". Але, ось більший обсяг вже читати важче.

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

2.2 Технічне завдання на розробку веб-сторінки

Вимоги до графічного дизайну сайту:

- дизайн сайту має бути лаконічним і в той же час виглядати "дорого".

- вітається застосування невеликих гріфних елементів.

- вітається застосування невеликих флеш-елементів.

Вимоги до засобів перегляду сайту:

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

- Internet Explorer (версія6 та вище);

- Mozilla Firefox (версія3.0 та вище)

- Opera

- Google Chrome

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

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

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

- додавання і видалення текстів (статей);

- редагування текстів (статей);

- додавання і видалення новин;

- редагування новин;

- управління відображенням новин;

- Додавання та видалення музики та відео.

Вимоги до компоновки сторінок сайту

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

Структура сайту:

Головна сторінка є основною точкою входу на сайт.

Призначення головної сторінки:

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

- інформувати про основні можливості;

- забезпечити доступ до всіх основних розділів сайту (розділів 1-го рівня);

- інформувати про новини компанії.

Головна сторінка повинна містити наступні основні елементи:

а) Ідентифікаційні дані:

- логотип;

- назва компанії;

- слоган компанії (текст);

б) Навігація по розділам 1-го рівня

На сторінці повинні бути посилання на наступні розділи 1-го рівня:

Горизонтальне меню:

- "Зарубежная";

- "Русская";

- "Украинская";

- "Главная";

- "Новости";

- "Новинки";

- "Контакты";

- "Зарубежная";

- "Русская";

- "Украинская";

Внутрішністорінки (загальні вимоги).

Всі внутрішні сторінки сайту повинні містити наступні елементи:

Ідентифікаційні дані:

- логотип компанії;

- слоган компанії;

- копірайт.

Навігація по розділам 2-го рівня

На сторінках розділів, що мають внутрішні підрозділи, повинні бути присутні посилання на розділи 2-го рівня, що відповідають даному розділу 1-го рівня. Посилання на обраний розділ повинне бути візуально відокремлене відносно інших.

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

Необхідно передбачити ситуацію, коли розділи 2-го рівня відсутні.

2.3 Опис комплекту технічних засобів

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

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

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

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

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

Графічні редактори теж поділяються на два типи: растрові і векторні. Давайте тепер розглянемо найбільш популярні з них. [2]

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

Пакет пропонує, наприклад, засоби для відновлення ушкоджених зображень, ретушування чи фотографій створення самих фантастичних колажів, що тільки може дозволити собі наша уява. Загалом, потенціал цього пакета величезний. Починаючи з версії 5.5 у пакет включена програма Adobe ІmageReady, що надає величезні можливості при обробці графіки під WEB (оптимізація зображень, створення анімованих gіf, "розрізування" картинок на більш дрібні і т.д.). Девіз розроблювачів Photoshop CS5 - "Camera of your mіnd" - припускає не тільки технічну досконалість, але і повну волю творчості, на яку людина, що працює з цією програмою.

PhotoPaіnt - ще один не менш відомий графічний редактор (з пакета Corel Draw) для обробки растрової графіки, що конкурує з Photoshop CS5. Тут також є всі необхідні інструменти для обробки графіки, різноманітні фільтри, текстури. Різниця лише в зручності роботи, інтерфейсі і швидкості накладення фільтрів - накладення відбувається небагато повільніше.

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

Існує ще ряд редакторів (Mіcrosoft Photo Edіtor, Mіcrosoft Photo DRAW), що також дозволяють реалізувати найпростіші задачі, але не задовольняючим запитам професіоналів.

KoolMoves 7.0 - програма призначена для створення веб-анімації, при використанні різноманітних інструментів для роботи з Flash елементами і анімованими файлами формату GIF.

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

KoolMoves 7.0 дозволяє здійснювати різні дії з анімацією, наприклад градієнтну заливку створеної кривої. Додатковою зручністю є можливість присвоїти дії кнопками до створених вами зображенням. Так само ви зможете озвучити, як би оживити створену вами анімацію, записавши аудіо файл wav. формату. Навіть якщо ви не має досвіду роботи з flash додатками, нічого страшного, KoolMoves настільки проста, що ви без зусиль зможете створити високоякісні анімаційні ролики. Створені вами ролики можна спокійно експортувати в різні web-банери або мультимедійні слайд-шоу. Що дуже зручно при створенні сайтів, вам не доведеться користуватися різними громіздкими програмами, це допоможе прискорити процес створення та оптимізувати вашу роботу.

123 Flash Menu - програма надає швидкий спосіб для створення професійних Flash-меню і підтримує всі популярні Web-браузери, причому офіційні користувачі разом з реєстрацією отримують більше 100 шаблонів.

Назва 123 Flash Menu програма отримала на підставі того, що керівництво користувача пропонує створити меню за три простих кроки: вибір шаблону, модифікація шаблону, опублікування. Програма дозволяє створювати динамічні ефекти (анімація, звуки, прозорість), але при цьому від користувачів не вимагається знання програмування. Сотні заздалегідь підготовлених шаблонів дають можливість швидко створити персоналізовані меню. Рublish Wizard допомагає згенерувати досконалий HTML-код. Flash-меню буде працювати при перегляді різними браузерами. Зареєструвавшись одного разу, можна періодично отримувати шаблони з сайту розробника.

Робота з програмою досить проста. На першому етапі у вікні Wizard Window потрібно вибрати категорію шаблону (Тemplate Сategory) в лівій панелі, після чого відповідні шаблонні файли (Тemplate Files), що мають розширення * fmp, будуть перераховані в правій панелі. При листанню шаблонів можна переглядати їх вид у вікні Рreview Рane.

Adobe Dreamweaver cs5 - Розширене рішення по роботі та створенні власних сайтів! Нові можливості втілені в новій версії Web редактора Adobe Dreamweaver cs5. Adobe Dreamweaver це відмінне рішення для Web-майстра в галузі створення сайтів і реалізації будь-яких можливостей в області верстки дизайну (шаблону)! Посравненію з попередніми версіями доданий дуже багато: расшіріна база команд коду, поліпшений дизайн, вікно для CSS, Допомога при роботі з Java Script і Ajax. У програмі є вбудована система управління сайтом, яка включає в себе: FTP-клієнт, функцію управління посиланнями і візуальну карту сайту, на якій графічно відображається структура сайту. Adobe Dreamweaver може працювати зі скриптами, оптимізувати сторінки для різних браузерів, перевіряти посилання на працездатність і знаходити непотрібні файли. Відмінна риса цього редактора - коректна робота з HTML кодом. Російська та Повна версія! Програма Adobe (Macromedia) Dreamweaver забезпечує функціональну середу написання коду, яка включає інструментальні засоби редагування коду (розмальовка коду або перевірка закриття тегів).html-редактор Adobe (Macromedia) Dreamweaver має повну підтримку формату CSS, з функцією перевірки його сумісності з різними браузерами, функціональний редактор коду веб-сторінок і можливість працювати з такими технологіями, як: XML, javascript, PHP, Adobe ColdFusion, ASP і ASP.net.

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

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

Adobe (Macromedia) Dreamweaver на сьогоднішній день є одним з кращих і відомих HTML-редакторів, що дозволяє без особливих зусиль створювати сучасні барвисті веб-сайти, а також керувати Інтернет-проектами.

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

Допомога при роботі з Java Script і Ajax:

При написанні ява скриптів, ви полчіте швидку і якісну підказку, що значно полегшить вашу роботу. Вам підкажуть ка краще працювати з певними об'єктами і різними типами даних. Ви зможете працювати з популярними базами javascript, наприклад, з jQuery, Prototype, і Spry.

Використовувати всі функии html, створювати стандартні таблиці, серії div-тегів, ненумерование списки, а потім просто вибрати в меню Insert> Spry> Spry Data Set щоб інтегрувати ваші дані в динамічну таблицю з отсортірованності рядками, професійно деталізація шарами або виконати інші складні завдання.

Краща практика для CSS:

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

2.4 Проектування веб-сайту

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

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

Текст

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

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

Графіка

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

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

Рисунок 1 - Компонування блоків Web-сайта

Розробка графічного макета майбутнього web-сайта. Компонування макета Під компонуванням макета прийнято розуміти умовне (схематичне) розташування блоків інформації на майбутньому Web-сайті. Усього можна виділити чотири блоки інформації. Розглянемо кожний з них:

1. "шапка" - займає верхню частину сайта у вікні браузера (як правило, не більше 1/4 видимої частини екрана без прокручування) і може містити:

логотип;

слоганы, гасла, девізи;

рекламну інформацію (банери і текстові блоки) та ін.;

2. Меню навігації - воно може бути вертикальним, горизонтальним, містити підменю і т.д. і т.п.

3. Змістовна частина - тут відображається основна і сама головна складова будь-якого Web-сайта - інформація: новини і каталог продукції, контактні дані і гостьова книга і т.д.;

4. "Підвал" - нижня частина сайта у вікні браузера, не є обов'язковим блоком, він лише підкреслює чітку структуру. Він може містити:

інформацію про авторське право розроблювачів Web-сайта (повний чи текст посилання на нього);

координати для зв'язку;

дублюючу навігацію (текстову);

рекламну інформацію (баннеры і текстові блоки) і ін.

Ще одним важливим моментом, що передує початку роботи над графічним макетом, є вибір типу верстки. Усього існує два типи:

"фікс" - у цьому випадку сайт "затачивается" під конкретний мінімальний розмір екрана і при зміні розмірів вікна браузера його компонування залишається фіксованим;

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

3. Екслуатаційний розділ

3.1 Завантаження сторінок сайту. Робота із сайтом

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

На "шапці" розташований логотип порталу та інформація про контакти.

Меню навігація складається з кнопок ("Зарубежная","Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская","Украинская") для зручного і швидкого переходу на сторінку яка цікавить. Змістовна частина несе в собі новини про музикальні композиції.

Опис сторінки "Контакты". Зайшовши на сторінку "Контакты" побачимо інформацію як зв'язатися з керівниками сайту.

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

На "шапці" розташований логотип сайту. Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская","Украинская") для зручного і швидкого переходу на цікавлячу сторінку.

Опис сторінки "Новости". Зайшовши на сторінку "Новости" побачимо новини пісень та відео на сайті.

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

Меню навігація складається з кнопок ("Зарубежная","Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская","Украинская"), для зручного і швидкого переходу на цікавлячу сторінку.

Опис сторінки "Зарубежная". Зайшовши на сторінку "Зарубежная" побачимо пісні закордонних виконавців.

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

На "шапці" розташований логотип сайту. Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости", "Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу сторінку.

Опис сторінки "Русская". Зайшовши на сторінку "Русская" побачимо пісні російських виконавців. Всі новинки та популярні пісні.

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

На "шапці" розташований логотип сайту. Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу сторінку.

Опис сторінки "Украинская"Зайшовши на сторінку "Украинская" побачимо пісні українских виконавців. Всі новинки та популярні пісні.

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

Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу сторінку.

Опис сторінки "Новинки". Зайшовши на сторінку "Новинки" побачимо пісні та відео різних виконавців які вийшли нещодавно.

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

Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу сторінку.

Опис сторінки "Новости". Зайшовши на сторінку "Новости" побачимо новості про виконавців та різні новинки.

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

Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу сторінку.

Опис сторінки "Зарубежная". Зайшовши на сторінку "Зарубежная" ми побачимо відео закордонних виконавців.

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

Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу нам сторінку.

Опис сторінки "Русская". Зайшовши на сторінку "Русская" ми побачимо відео російських виконавців. Всі новинки та популярні відео.

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

Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости","Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу нам сторінку.

Опис сторінки "Украинская". Зайшовши на сторінку "Украинская" ми побачимо відео українских виконавців. Всі новинки та популярні відео.

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

Меню навігація складається з кнопок ("Зарубежная", "Русская", "Украинская", "Главная", "Новости", "Новинки", "Контакты", "Зарубежная", "Русская", "Украинская"), для зручного і швидкого переходу на цікавлячу нам сторінку.

3.2 Тестування веб-сайту в різних браузерах

Кросбраузерність сайту (від cross-browser - англ.) Має на увазі під собою однакове (або з незначними спотвореннями) відображення та функціонування сайту в різних Інтернет-браузерах. Проблема на сьогоднішній день є непростим завданням, а тому вважається одним з ознак професійного створення сайтів і веб-дизайну. Перед розробником сайту стоїть завдання: він повинен забезпечити максимальну сумісність сайту з різними браузерами, щоб користувач міг з однаковим комфортом переглядати і працювати з сайтом як в Internet Explorer, так і в Opera та інших браузерах.

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

3.3 Реєстрація сайта в мережі Інтернет

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

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

Хостинг баз даних, розміщення файлів, хостинг електронної пошти, послуги DNS можуть надаватися окремо як самостійна послуга, або входити в поняття послуги.

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

Також можна розділити послуги хостинга по типі наданого ресурсу:

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

б) віртуальний приватний/виділений сервер (VPS чи VDS) - надається місце на диску, частина загальної пам'яті, процесорний час сервера. Виглядає для користувача так само, як і виділений сервер, але фізично на одному реальному сервері розташовується кілька віртуальних серверів. Послуга призначена для проектів середньої ваги. У зв'язку з тим, що чітко розділити всі ресурси сервера неможливо (зокрема І/O операції, ресурси мережевої карти та ін.), а багато провайдерів VPS продають ресурсів більше, ніж є на сервері, сподіваючись на те, що клієнт задіє виділений йому потенціал не цілком, часто заявлена потужність VPS сервера не відповідає реальності.


Подобные документы

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

    дипломная работа [5,6 M], добавлен 02.07.2015

  • Мова розмітки гіпертекстових сторінок HTML. Каскадні таблиці стилів CSS. Розробка інформаційного Web-сайту: меню навігації, структура та інтерфейс сайту. Тестування, впровадження та тестування розробленого проекту. Безпека умов праці при використанні ПК.

    дипломная работа [1,3 M], добавлен 20.05.2012

  • Вибір архітектури та інструментальних засобів розробки. Розробка модуля для перегляду сторінок сайту, доступного, зручного інтерфейсу системи адміністрування. Створення бази даних. Опис механізмів передачі даних між сторінками. Реалізація форуму на сайті.

    дипломная работа [7,1 M], добавлен 24.09.2012

  • Поняття сайту як системи електронних документів (файлів даних, коду) приватної особи або організації в комп'ютерній мережі. Визначення засобів для створення сторінки в Інтернеті, вимоги до зовнішнього вигляду та функцій. Особливості розробки макету сайту.

    курсовая работа [2,1 M], добавлен 17.12.2015

  • Структура, характеристики та принципи розробки сучасного сайту-візитки. Розробка дизайну. Характеристика сайту кав’ярні. Основні вимоги до програми та до інтерфейсу. Опис проектних рішень, інструментів та підходів до розробки з обґрунтуванням їх вибору.

    дипломная работа [3,2 M], добавлен 19.03.2017

  • Структура інформаційної системи веб-сайту. Узагальнена архітектура кластерної структури. Вимоги до хостингу. Встановлення та налаштування програмного забезпечення. Функція перенаправлення посилань. Система керування базою даних основного кластера.

    дипломная работа [871,3 K], добавлен 02.07.2015

  • Види сайтів та характеристика сайту-візитки, сайту-магазину, новинного сайту та соціальних мереж. HTML та CSS як основа шаблону сайту та стилю оформлення. Розробка структури та вибір дизайну порталу новин, його програмний код та вигляд у браузері.

    дипломная работа [2,4 M], добавлен 20.10.2013

  • Загальна характеристика особливостей алгоритму просування сайту. Розробка основних елементів фірмового стилю, що складають пакет рекламної кампанії. Етапи розробки Web-сайту компанії "Гранд Авто". Особливості програмної частини і структури сайту.

    дипломная работа [3,3 M], добавлен 26.02.2012

  • Internet. Web-сайт та його розробка. Редактор Frontpage. Планування інформаційного потоку. Як побудувати хороший сайт. Планування та розробка сайту intranet. Проблеми планування. Сервери. Безпека. Інформаційне наповнення. Web-сервер та Web-сторінки.

    курсовая работа [20,1 K], добавлен 22.08.2008

  • Розробка сайту, який буде мати можливість наповнення інформацією про стан команд та їх гравців у лізі в режимі реального часу. Переваги використання технології web 2.0. Написання програмного коду веб-сайту та його реалізація, головна сторінка Index.php.

    дипломная работа [3,4 M], добавлен 18.08.2014

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.