Процес (алгоритм) розробки власного Web-сайту.

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

Якщо ви вирішили створити некомерційний інформаційний сайт, тоді потрібно визначтеся, чому він буде присвячений.

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

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

Прикиньте і замалюйте компоновку ваших майбутніх web-сторінок (саме олівцем на папері).

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

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

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

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

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

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

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

Коли сторінка буде готова, її слід перевірити на ідентичність відображення в різних браузерах при різних екранних дозволах і колірних палітрах. Завантажте створений вами html-документ в Microsoft Internet Explorer, встановіть значення колірної палітри екрану рівним 256 кольорів, після чого послідовно зміните екранний дозвіл на 800x600 та 1024x768 крапок. Подивіться, чи не міняється компонування сторінки, чи не «злипаються» її елементи щодо один одного. Виконайте ту ж процедуру для інших браузерів. Якщо ніяких істотних змін ви не помітите, можна бути упевненим, що інші документи, створені з використанням того ж шаблону, з вірогідністю 95 % відображатимуться так само коректно.