Етапи розробки сайту

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

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

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

1) у першу чергу, виходячи із цілей створення сайту, – інформація повинна бути в центрі уваги, а дизайн сприяти її розумінню, не відволікати. Тому все, що заважає швидкому завантаженню й зручній передачі інформації при розробці дизайну сайту не було «включено», зокрема мова йде про gіf і флеш-анімацію;

2) кольорова гамма, кількість графічних елементів повинні бути максимально збалансовані;

3) розташування та вид панелей навігації не повинні примушувати відвідувачів «годинами» шукати необхідну інформацію.

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

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

• абзац — бажано, щоб мав перевагу який-небудь один з видів вирівнювання на сторінці, наприклад відступ з лівого краю або вирівнювання уліво;

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

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

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

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

Дотримання цих правил дозволить надати сторінкам професійного вигляду і зробить інформацію офіційного сайту легкодоступною і корисною. В основу Web-сторінок покладена мова HTML і визначається вона як текст у форматі ASCII зі вставкою спеціальних розмічувальних кодів (або тегів). Зараз існують два основних броузери, особливості яких повинен враховувати Web-дизайнер при виготовленні сторінок. Це "Netscape Navigator" і "Microsoft Internet Explorer". Насправді броузерів набагато більше, але вони усі разом складаютьусього біля 1% ринку і, як правило, прагнуть до сумісності з одним з двох лідерів. Між собою броузери-лідери ділять ринок у співвідношенні приблизно 75/25 (на сьогодні лідирує "Microsoft Internet Explorer"). Тому нижче розглядатимуться саме ці програми.

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

Третє правило, недотримання якого приводить до того, що сторінка не буде розглядатися, полягає у тому, щоб використовувати тільки стандартні шрифти, які поставляються з Windows і гарантовано знаходяться на машині клієнта. Це "Arial", "Times New Roman", "Courier".

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

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

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

Мапа сайту – сервіс, який дозволяє швидко орієнтуватися в структурі сайту.

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

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

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

Пошукова оптимізація сайту. Одним з найефективніших методів реклами визнане так зване "пошукове розкручування". Дійсно, всі ми, коли шукаємо щось в Інтернеті, у першу чергу, звертаємося до пошукових систем Yandex, Google, Meta і т.ін. Суть "пошукового розкручування" зводиться до того, що більшість сайтів у мережі Інтернет абсолютно не адаптована до алгоритмів пошукових систем. Часом користувач ретельно намагається знайти потрібний сайт через пошукову систему, але він виявляється далеко не на першій сторінці, до якої мало хто доходить. Однак загалом пошукова оптимізація – це потужний інструмент, що дозволяє щодня залучати нових відвідувачів. Важливо, що ці відвідувачі будуть цільовими.

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

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

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

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

Число користувачів, що мають доступ до публікацій через мережу - величезне і постійно росте. Зараз вже десятки мільйонів людей у США використовують Internet. За оцінкою Марка Андерсена, одного із засновників компанії Netscape Communications, уже 17 мільйонів чоловік використовують Netscape Web. У Північній Америці більшість організацій, що надають мережні послуги, включають у свій сервіс доступ до Internet. За межами Північної Америки цей процес розвивається повільніше, хоча у Великобританії, наприклад, щомісяця 4 тисячі родин підписуються на доступ до Internet.

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

За своєю природою мережі повинні поєднувати людей, що використовують різні типи комп'ютерів. Таким чином, публікація розміщена у мережі заохочує і майже нав'язує повну багатоплатформність. На даний момент HTML - один з засобів, що пропонує мережні можливості та режим роботи, цілком незалежні від системи. Для інших систем необхідні правильно підібрані інструментальні засоби створення чи поширення публікацій. Такі системи можуть включати програми відтворення на базі SGML, такі як Dyna Text компанії Electronic Books Technologies, мови сценаріїв із засобами відтворення, як Kaleida Script, Sybase GainMomentum і Adobe Acrobat. З них тільки формат PDF системи Acrobat може претендувати на статус стандарту для мережі, оскільки тільки він забезпечує спосіб збереження публікацій, виконаних на рівні, не нижчому ніж HTML.