Опис інформаційного забезпечення системи для розробки сайту
Вступ
Інтернет - всесвітня система взаємосполучених комп'ютерних мереж, що базуються на комплекті Інтернет-протоколів. Інтернет також називають мережею мереж. Інтернет складається з мільйонів локальних і глобальних приватних, публічних, академічних, ділових і урядових мереж, пов'язаних між собою з використанням різноманітних дротових, оптичних і бездротових технологій. Інтернет становить фізичну основу для розміщення величезної кількості інформаційних ресурсів і послуг, таких як взаємопов'язані гіпертекстові документи Всесвітньої павутини (World Wide Web - WWW) та електронна пошта.
В повсякденній мові слово Інтернет найчастіше вживається в значенні Всесвітньої павутини і доступної в ній інформації, а не у значенні самої фізичної мережі. Також вживаються терміни Всесвітня мережа, Глобальна мережа чи навіть одне слово Мережа, Іне́т, Тенета, Міжмережжя, Інтерне́трі або Не́трі. Все частіше Інтернет вживається і з малої літери, що можна пояснити паралелями з термінами "радіо", "телебачення", які пишуть з малої.
Історія Інтернету сягає досліджень 1960-х років, які проводилися на замовлення уряду США і мали на меті створення надійних розподілених комп'ютерних мереж, стійких до пошкоджень. Попередницею Інтернету стала мережа ARPANET (англ. Advanced Research Projects Agency Network), яка почавши функціонувати в кінці 1960-х, в кінці 1970-х об'єднувала близько 200 вузлів.
Урядове фінансування магістральної мережі Національного наукового фонду США в 1980-х, а також приватне фінансування для інших комерційних магістральних мереж в усьому світі призвело до участі в розробці нових мережевих технологій і злиття багатьох мереж.
Комерціалізація в 1990-х міжнародної мережі привела до її популяризації та впровадження в практично кожен аспект сучасного життя людини. З 2011 року більше 2,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="3-118923.php">2