Проект програмного засобу

рисунок з сайту: http://webstudio2u.net/ua/webdesign/68.html

Етапи створення веб-сторінки (сайтів)

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

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

НТМL-код веб-сторінки можна переглянути за допомогою текстового редактора, наприклад, Блокноту. Вигляд головної сторінки одного з освітніх сайтів та її НТМL-код.

Створювати веб-сторінки і веб-сайти можна в спеціальних редакторах створення веб-сайтів.

Веб-сайти створюються у кілька етапів:

1. Планування — визначення тематики і призначення майбутнього сайта.

2. Розробка — розробка структури сайта, добір матеріалів, вибір програмних засобів для його створення.

3. Створення окремих сторінок - відповідно до структури, включення до них гіперпосилань.

4. Тестування — перевірка та редагування веб-сайта.

5. Розміщення — розміщення сайта в Інтернеті.

6. Підтримка — оновлення вмісту сайта.

Планування

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

Розробка

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

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

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

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

Прикладом довільної побудови структури сайта може бути Інтернет-енциклопедія Вікіпедія. Цей проект стартував у 2001 р. Нині статті до цієї енциклопедії пишуться 250 мовами народів світу. Характерною особливістю Вікіпедії є те, що її статті відкриті для доповнення і змін будь-яким користувачем.

У Вікіпедії на даний час розміщено більше 6 млн. статей. Орієнтовна кількість авторів та редакторів — 50 тис. В україномовному розділі енциклопедії налічується 124 тис. статей, працюють 15 тис. авторів та редакторів.

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

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

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

Створення

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

Тестування

Дуже важливим при створенні сайта є етап тестування. На цьому етапі потрібно перевірити:

• чи правильно працюють усі гіперпосилання;

• чи зручною є навігація сайтом;

• чи відкриваються при відкритті сторінок графічні зображення;

• чи зручно розташовані для сприйняття матеріали на сторінках тощо.

У разі необхідності, потрібно внести зміни в наповнення або структуру сайта, зміни¬ти гіперпосилання.

Розміщення

На наступному етапі потрібно визначити, де буде розміщено створений вами сайт. Веб-сайт можна розмістити:

• на власному сервері установи;

• на сервері вашого провайдера;

• на сервері організації, яка спеціалізується у наданні послуг розміщення сайтів користувачам Інтернету;

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

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

ресурс: http://edufuture.biz/index.php?title

Для повноцінної "роботи" веб-сторінки на компютері користувача, необхідно використовувати такі мови програмування як HTML, CSS та JavaScript. Тобто проект може містити файли трьох типів:

- файли з розширеннями HTML: .html, .htm або XHTML: .xhtml, .xht, .xml

- фали каскадних таблиць стилів з розширеннями: .css

- файли динамічно, об'єктно-орієнтованої мови програмування JavaScript: .js