План розробки та супроводу сайту

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

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

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

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

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

    Система імен файлів.Краще зробити імена файлів осмисленими.

  • Особливості файлових систем.Слід враховувати деякі обмеження в назвах файлів для сумісності з усіма операційними системами. У назвах файлів краще використовувати лише літери, цифри та прості знаки: мінус "-", підкреслення "_". Багато інших спецсимволів мають особливе значення у різних ОС та у протоколі HTTP (наприклад, знак плюс «+»). По можливості (якщо це не обмежує Ваших потреб) слід обмежитися форматом імен у стилі DOS, тобто 8 символів імені та 3 символи у розширенні. Це забезпечить повну сумісність із усіма програмами (зокрема, зі старими архіваторами).

    • Оформлення сторінок.

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

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

    Графіка.Використання графіки має бути виправданим.

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

    • Проектування сторінок.

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

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

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

    Складання сайту.

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

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

  • Метод клонування.Зробивши каркас сайту заповнити готові сторінки інформацією, а нові сторінки робити шляхом копіювання наявних та заміни їх змісту на нове.

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

    • Тестування.

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

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