Процес створення свого сайту від А до Я
Я хочу створити свій сайт, але у мене не те, що досвіду, а навіть знань, як робити і з чого починати - немає. Як вийти з цієї ситуації, і що робити в початкових етапах я розповім вам в цьому пості.
Думаю відповісти собі на питання, як самому швидко, прям сьогодні і зараз створити свій сайт дуже важко і навіть півгодинні пошуки в системах Google і Яндекс не дадуть вам однозначну відповідь. А знаєте чому? Та тому, що для недосвідченого людини все здається корисним і новим, і будь-яка інформація, де буде хоч одне словосполучення створити сайт. вже буде здаватися корисною і потрібною.
Я вас розчарую, не всі в мережі корисно і потрібно вивчати. І навіть не всі що в ТОП 10 може бути корисним для вас, давайте спробуємо зараз розібратися зі всіма моментами створення сайту, від початкового шляху, до його просування в мережі. Запасайтесь терпінням, писати я буду багато, але відразу скажу, це корисна інформація, як для новачка, так і для будь-якої компанії бажає створити свій сайт, але не мають досвіду в цій сфері.
Створення сайту своїми руками з чого все починається
Перед тим, як буде написана перша строчка коду, або переглянуло веб студія по розробці сайтів, слід відповісти собі на питання для чого і головне для кого ми створюємо сайт. Поставте себе на місце ваших майбутніх відвідувачів сайту, що вони будуть отримувати з вашого сайту, можливо ви будете відповідати на питання, чи продавати товар або просто ваш сайт це обличчя компанії, де максимально чітко і прозоро описані всі дії і можливості останньої.
Маючи уявлення про те, хто буде до вас заходити, що вони будуть шукати і бажати отримати ви вже зможете зрозуміти який функціонал треба на вашому сайті, яка інформація знадобиться в першу чергу. Виходячи з цього починайте складати ТЗ - технічне завдання на розробку сайту. Не важливо будете робити сайт ви самі, ваш колега або стороння компанія, постарайтеся максимально описати функціональність майбутнього ресурсу. Можете сміливо вказувати на приклади тих чи інших рішень на сторонніх ресурсах, ніхто вам не забороняє зібрати з мережі все найкраще і зробити у себе.
- Витримка по навантаженню сайту (людина в секунду)
- Реєстрація користувачів
- оформлення сторінок
- Адаптивність і кроссбраузерность сайту
- стиль дизайну
- Колірна гамма сайту
- Взаємодія з відвідувачами
- Які ролі користувачів
- Форум
- Блог
- статті
- Новини
Після цього сміливо віддаємо сайт на розробку, компанії, студії, фрілансеру або самому собі.
Послідовність створення сайту
Що ж робити, якщо я для себе хочу сайт і мені немає потреби до якогось там ТЗ та іншої нісенітниці, я усвідомлюю, що ще не доріс до неї і мене цікавить лише сайт і не більше.
Я допоможу вам розібратися з відповіддю на це питання і навіть вкажу з чого почати і куди рухатися. Але на початку пару слів про те, що ж таке створення сайту і з чого воно починається.
Про ТЗ ми вже поговорили на початку статті, тепер мова піде про промальовуванні і затвердження макета сайту, який робить дизайнер. В цьому етапі робляться ескізами візуального оформлення сайту із зазначенням, де і який блок буде розміщуватися і яка його роль на сторінці. Ескізи затверджуються з замовником і після цього отрісовуются в графічних програмах таких як, Фотошоп, Ілюстратор, Корелов.
Дизайнер малює все сторінки, які будуть хоч якось відрізнятися від основних, тобто від головної. Після закінчення відтворення готовий макет ще раз стверджує замовник і за справу береться верстальник.
Верстальник - це фахівець, який робить точну копію графічного макету, тільки вже з використанням мови гіпертекстової розмітки HTML і каскадних таблиці стилів CSS. Якщо ви не розумієте про що я, натисніть клавіші Ctrl + U і ви побачите код, ось той код і є наслідок роботи верстальника. Зверстаний макет сайту містить наступні елементи:
Коли зверстаний макет готовий фахівець або команда таких, вирішує на якому движку (cms) буде знаходитися сайт. Що таке движок сайту?
Движок сайту - це система, яка максимально автоматизована для створення нових сторінок і наповненням контенту сайту, а також дозволяє без особливих знань мови html, js і php наповнювати сайт. Існують безкоштовні ліцензії на такі системи і платні, тобто комерційні. Серед безкоштовних можливо ви чули такі як: Joomla, WordPress, MODX, Drupal, uCoz. Ці системи управління контентом можна абсолютно безкоштовно використовувати в своїх цілях.
Залежно від складності сайту і його ТЗ термін виконання робіт по розробці сайту може коливатися від 1 тижня до декількох місяців. Зворотно ж все це моменти окремих компаній або фрілансерів.
Послідовність навчання створенню свого сайту
Думаю читаючи ви вже помітили якусь послідовність дій при створенні сайту, давайте їх перерахуємо ще раз: ТЗ → промальовування, начерку макета → отрисовка макета → верстка макета → перенесення на cms → тестування → наповнення сайту.
Кожен з етапів виконує фахівець у своїй галузі, але не виключено, що одна людина може це зробити все сам, такі люди є і зазвичай вони працюють самі на себе.
Давайте поговоримо про кожен етап докладніше, що і як потрібно знати, щоб все це справа зробити самому.
складання ТЗ
Отже ТЗ повинен становити людина, яка знає тонкощі робіт різних сайтів (візитки, портали, блоги, новостнікі, інтернет-магазини, і т.д.). Також він повинен бути в курсі вимог пошукових систем до роботи сайтів, щоб чітко розписати функціонал в адмінці сайту для програмістів, які будуть його розробляти. Бажано, щоб такий люд сам умів створювати сайти або працював в компанії, яка їх створювала. Ідеальний варіант, коли ТЗ пише людина, яка має досвід роботи Адміністратором сайтів.
Малюнок макета і отрисовка
Це робить людина володіє навичками і досвідом малювання веб інтерфейсів, не плутати з художниками. Такий фахівець добре обізнаний в тренді інтерн мережі, знає багато про юзабіліті і розвивається в цьому напрямку. Він може чітко аргументувати чому той чи інший блок знаходиться в тому чи іншому місці. Цей же чоловік після затвердження з замовником малює макет в графічних програмах.
Верстка макета сайту
Перенесення на cms
Тестування готового сайту
Може провести абсолютно будь-яка людина, що вміє працювати з сайтами в адмінській панелі і знає як описати баги і різного роду неполадки сайту, як в адмінки так і в зовнішньому його відображенні. Ідеальним варіантом буде адміністратор сайтів.
Наповнення сайту
Проводиться будь-якою людиною, навченим для роботи саме з цим сайтом і цією системою управління контентом. Зворотно ж ідеальним буде людина- адміністратор сайту зі знанням SEO та Інтернет маркетингу.
На цьому все дорогі мої читачі, сподіваюся інформація була і буде корисною ще довгий час, всім дякую за увагу.
Хоч і не дуже легкий шлях, але при певних зусиллях дуже багато можуть розібратися з темою створення сайту, єдине про що потрібно пам'ятати, це не кидати навчання на півдорозі і результати обов'язково будуть. А ось для ледачих зараз є купа готових движків і конструкторів, але це вже окрема історія.
У мене процес створення сайту починався як хобі. У мене було достатньо зайвого вільного часу і бажання не бути рослиною, а розвиватися і не стояти на місці. Створення сайтів було абсолютно новою епохою моєму житті. Багато часу пішло на те що Ви так добре і детально описали в цій статті. Можна роздрукувати собі і використовувати як алгоритм дій при створенні сайтів. Дякую Вам і удачі.
І вам спасибі за хороші відгуки. Також успеза в подальшому розвитку і підкорення вершин.
Коли прийшло бажання завести свій сайт був повним нулем в цій справі. Але хотілося робити. Трохи дізнався з мережі. Пробував на безкоштовному «Народе», там все так просто, що у мене не вийшло. Потім був вже платний хостинг, з недорогим тарифом і воля випадку звела з WordPress. Звичайно був готовий шаблон. Але вийшло.
А зробити щось самостійне звичайно набагато цікавіше. Буду вчитися.
Прочитала всю статтю! Стільки для себе зрозуміла. Планую створити свій сайт. Багато чого не знаю, але сподіваюся шляхом * тику * і експериментів, щось все-таки вийти. Дуже сподобалася перелік деталей ТЗ. Верстати не кожен зможе. І я в тому числі, по-цьому зараз на стадії вибору шаблону opencard.
Я створила свій блог рівно рік назад своїми руками легко і просто, пройшовши невеликий курс по створенню сайту на wordpress, де розповідали елементарні речі і дали покрокову інструкцію. Але це було всього лише початок. Потім у мене стали з'являтися питання по кожній дії, я витрачаю забагато добу на пошуки в мережі рішень елементарних проблем. Я вивчила великий обсяг інформації, пробувала різні рекомендації, після чого рази 3 доводилося відкочувати систему. 🙂 Але у мене було на цей час і мені подобалася ця робота, тому я рада, що змогла у всьому цьому розібратися. Але якщо у вас немає багато вільного часу і вам потрібен сайт. Я все-таки рекомендую замовити його, враховуючи рекомендації, наведені в статті.