Імасайтер Імасайтер

інструменти моделювання та аналізу сайтів

Як створити свій сайт. Крок 2: Створення сайту візитки

Вітаю всіх, що вижили після найскладнішої роботи із створення свого сайту - виявлення ідеї сайту!

Далі справа техніки.

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

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

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

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

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

Отже, що нам треба, щоб зробити сайт візитку?

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

Якщо ви плануєте замовити сайт візитку, цей абзац можна пропустити. В протилежному випадку, розглянемо вибір інструмента. Існують різноманітні програми для створення сайтів: конструктори сайтів, CMS, візуальні редактори html для швидкого верстання (наприклад, Dreamweaver або FrontPage), і як не дивно, навіть найпростіший невізуальний текстовий редактор Notepad (точніше, його спеціалізований аналог Notepad++ або подібні йому програми). Навіть MS Word створює html-сторінки з набраного тексту, хоча так зробити сайт візитку (не кажучи вже про складніші сайти) - це все ж таки збочення. Якщо для вас важливіша задача - написати сайт самому, навчитися верстати, програмувати, в цілому розробляти сайти, - вибирайте Notepad++ та аналоги, ніяких візуальних редакторів! Але якщо на першому місці стоїть задача створити свій сайт (а ця серія статей призначена саме для таких випадків), то в якості інструмента вибираємо конструктор сайту візитки.

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

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

  • Головна сторінка
    • Про їжаків
      • Види їжаків
      • Утримання та піклування за їжаками
      • Імена для їжаків
      • Фото їжаків у природі
    • Їжаки шукають хороших хазяїв
      • Як купити
      • Способи оплати
    • Наш розплідник їжаків
      • Як добратися
    • Про нас
    • Контакти

В даному прикладі того, як можна зробити сайт візитку, у нас дворівнева структура сайту (головна не в рахунок рівнів). Намагаємося відобразити в структурі сайту всю важливу інформацію та всі можливі дії, які ми б хотіли бачити на своєму сайті. Як видно, сторінка "Фото їжаків у природі" далі може стати зручною фотогалереєю, весь розділ сайту сторінки "Їжаки шукають хороших хазяїв" - це потенційно інтернет-магазин, в т.ч. "Способи оплати" можуть перетворитися в онлайн-оплату прямо з сайту, тощо. Але на цьому етапі задача зробити сайт візитку, тому всі ці сторінки поки що залишаються простими інформаційними сторінками (текст, таблиці, картинки). Перед тим як щось ускладнювати та автоматизувати, потрібно в ручному режимі створити та перевірити. В даному випадку, після створення структури сайту, необхідно буде заповнити всі ці сторінки контентом (змістом), а саме написати тексти, підготувати (якщо потрібно) фотографії або інші зображення.

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

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

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

Тому продумуємо схему розміщення назви сайту (далі тут буде логотип), меню, основного контенту, а також додаткових інформаційних блоків: контакти, копірайт тощо. Намічаємо кольорові рішення (основні кольори, що будуть використовуватися), шрифт та розмір тексту, зовнішній вигляд посилань, таблиць, списків, пунктів меню. Якщо вже є підходящі зображення, їх можна використати в шапці сайту або для фону. І поки що зупинимося на цьому. Реально по-серйозному про дизайн будемо думати на одному з наступних етапів, а для мети зробити сайт візитку простого дизайну більш чим достатньо. Настільки простого, що навіть використовувати Photoshop не має рації - по суті, відразу закладаємо в верстку (html та css) всі придумки, та й дивимося, як воно виходить. Не подобається отриманий колір чи розмір - змінили, не проблема. Як сами змінювати - залежить від інструмента, який використовується, тому детально на цьому зупинятися не будемо.

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

Тепер нехай він деякий період часу побуде у вас на локальному комп'ютері, чи де там ви його створювали. Хай ваш мозок трохи відволічеться на інші теми, відпочине, але ненадовго - незабаром ми повернемося до нашого сайту, і продовжимо. Попереду найвідповідальніший момент - запуск сайту!

Теги: як створити свій сайт

Авторизація

Останні роботи

Останні статті