1. Що таке сайт
Веб-сайтом (від англ. website: web - "павутина", "мережа" і site - "місце", букв. "місце в мережі") або просто сайтом - у спільній мережі вважають об'єднані під однією адресою (доменним іменем або IР- Адресою) сукупність документів (сторінок – кодованих файлів і контенту) приватної особи чи організації, які також мають спільну тему та дизайн. Найчастіше мається на увазі, що сайт розташовується в мережі Інтернет. Усі веб-сайти в сукупності становлять Всесвітню павутину. Сторінка в результатах пошуку в Гуглі (Google), сторінка з відео на Ютубі (YouTube), Ваша сторінка на Фейсбуці (Facebook) – все це частини однойменних сайтів.

 

2. З чого складається професійний сайт
⦁ Дизайн сайту
Це зовнішній вигляд і структура сайту: шрифти, кольори, кнопки, елементи меню, розділи тощо. Над ним розпочинають працювати відразу ж, як виникає ідея створити сайт. Дизайн є у всіх елементів сайту: від банера чи спливаючого меню на головній сторінці до кольору стрілочки переходу в чат.
⦁ Код сайту
Код — це текст, у якому розробники кодують дизайн і функціональність сайту зрозумілою для комп’ютерів мовою. Таку мову називають мовою програмування. Мови бувають різні: за допомогою одних кодують інтерфейс, за допомогою інших — функціонал сайту.
⦁ Контент сайту
Це вся інформація, яку власник сайту розміщує на його сторінках, це може бути: текст, посилання, фото, аудіо- чи відеоматеріали. Контент сайту зберігається на хостингу. Коли відвідувач заходить на певну сторінку, програмне забезпечення хостингу знаходить і завантажує потрібні дані.
Доповню, що для створення сайту нам не знадобиться розроблення дизайну та кодування. Ми будемо використовувати CMS-систему — це конструктор сайтів з тонкими налаштування, а тему розроблення контенту взагалі не будемо розглядати, так як, це не є нашою основною метою.

 

3. Які бувають сайти
⦁ По доступності сервісів:
Відкриті - всі сервіси сайту повністю доступні для будь-яких відвідувачів і користувачів.
Напіввідкриті - для доступу до сервісів сайту необхідно зареєструватися (здебільшого безкоштовно).
Закриті - повністю закриті службові сайти організацій (у тому числі корпоративні сайти), власні сайти приватних осіб. Такі сайти доступні лише для певних користувачів. Доступ новим користувачам зазвичай надається через так званий інвайт (запрошення).
⦁ По фізичному розташуванню:
Загальнодоступні сайти – ті що розташовані в всесвітній мережі Інтернет.
Локальні сайти - доступні лише в межах локальної мережі. Це можуть бути як корпоративні сайти організацій, так і сайти приватних осіб в локальній мережі провайдера.
⦁ За схемою подання інформації, її обсягом та сферою використання, можна виділити наступні типи веб-ресурсів:
Інтернет-портал.
Інформаційні ресурси.
Інтернет-представництва власників бізнесу (торгівля та послуги, не завжди пов'язані безпосередньо з Інтернетом).
Веб-сервіс - сайт, створений для виконання якихось завдань або наданням послуг у рамках мережі інтернет.
Комбіновані веб-сервіси (соціальні мережі) - наприклад, Фейсбук (Facebook), Твіттер (Twitter).
Комбіновані веб-сервіси (спеціалізовані соціальні мережі) - наприклад, Майспейс (Myspase), Флікер (Flicker).

 

4. Методи створення сайтів
⦁ Замовити у веб-студії
У цьому разі нам не потрібно розумітися на дизайні та програмуванні. Ми обговорюємо з представником студії, що має бути на сайті, і вони вигадають дизайн та напишуть код за нас.
Що складніший сайт, то дорожче він коштує. Щоб сайт вийшов таким, як нам хочеться, потрібно спілкуватися з дизайнерами та розробниками. Описуємо, навіщо нам сайт і що ми хочемо на ньому бачити, наводимо приклади сайтів, які нам подобаються, і пояснюємо, чому. Якщо не переконатися, що ви з дизайнерами зрозуміли один одного, результат нас розчарує.
⦁ За допомогою графічних редакторів
Тобто за допомогою спеціальних програм, які орієнтовані на створення сайтів невеликих інтернет- магазинів і лендінг пейдж (сайт-вітрина (англ. landing page) — це завершальна сторінка колонки продаж, також — веб-сторінка, яка відкривається при натисканні на рекламне оголошення чи банер) без необхідності написання самого коду. Наприклад, для створення сайту де ви придбали мій навчальний курс, був використаний графічний редактор Адобе Мьюз (Adobe Muse).
⦁ Зробити самому
Сайт можна зробити самостійно, навіть якщо ми не вчили програмування. Для цього у нас є два інструменти: конструктори сайтів і CMS-системи.
Конструктор сайтів — це додаток, у якому сайт збирають із готових частин. Усе це робиться у візуальному редакторі. Спершу це порожня сторінка, потім ми додаємо туди елементи дизайну, налаштовуємо розміри та кольори. По бажанню ми можемо вибрати шаблон сайту та змінити зовнішній вигляд під себе.
Основній недолік таких додатків — обмежений функціонал. Це означає, що ми не зможемо додати на сайт функцію, якої немає в конструкторі. Тому конструктори підходять для простих сайтів, як-от для блогу, портфоліо, промо-сторінки чи невеликого інтернет-магазину.
CMS-система (Content management system, система управління контентом) — це конструктор сайту з тонкими налаштування. В конструкторі ми не обмежені його функціоналом, а можемо вибрати шаблон сайту та змінити його як завгодно.
У CMS більше можливостей. Ми можете встановлювати на сайт плагіни. Це додаткові функції типу онлайн-чату чи опитування. А якщо для потрібної функції чи елемента дизайну немає плагіна, можна найняти програміста. Доручаємо йому написати код конкретно для наших потреб і встановлюємо його на сайт.
Серед найпопулярніших CMS-систем — Джумла (Joomla), WordPress (Вордпресс) та Drupal (Друпал).

 

5. Що необхідно для роботи сайту
⦁ Хостинг
Як ми вже знаємо, що сайт — це файли з кодом і контентом. Щоб сайт бачили інші люди, файли мають зберігатися на хостингу. Так називається місце на спеціальному комп’ютері — сервері. Хостинг можна зробити в себе на комп’ютері, але простіше придбати його в спеціалізованих компаній які називають хостинг-провайдерами чи хостерами.
⦁ Доменне ім’я
Доменне ім’я — це буквенна адреса сайту. Адреса мого сайту 3sh.pw. Доменне ім’я потрібне, щоб користувачі могли легко перейти на наш сайт. Без домену, їм довелося б запам’ятовувати наш сайт в вигляді IP-адреси нашого хостингового сервера, який для мого сайту виглядає ось так: 92.119.113.254. Запам’ятати текст простіше, тому й запровадили доменні імена.

 

6. Який сайт ми будемо створювати
Як я вже згадував у другому пункті цього розділу, що для створення сайту ми будемо використовувати CMS – тобто система управління контентом, а саме CMS Joomla (далі просто Джумла).
Що таке Джумла
Джумла – універсальна система управління контентом з відкритим початковим кодом і можливістю розширення функціональності за рахунок установки додаткових плагінів. Це система в котрій можна розібратись навіть не маючи спеціальних навиків. Для її роботи нам необхідно мати унікальне доменне ім’я, підібрати і оплати тариф на хостингу та правильно установити саму систему.
Джумла дає можливість запустити проекти будь-якого ступеню складності і навіть самі об’ємні і функціональні сайти при правильному налаштуванні будуть працювати на відмінно.
CMS дуже гнучка і має практично необмежені можливості по розширенню. А для такого початківця-вебмастера як ви, щоб відчути як вона працює, буде достатньо стандартних візуальних інструментів редагування. Звичайно по бажанню ви зможете вивчити Джумлу докладніше, інформації на цю тему, на даний період, можна знайти в достатній кількості. Та я і сам, уже планую створення наступного курсу на тему поглибленого вивчення CMS Джумла.
Також в край важливо відмітити, що Джумла це безкоштовна система управління контентом, тобто в інтернеті вона знаходиться в вільному доступі і її може скачати кожен бажаючий. Можна сказати, що це як плюс так і недолік системи, тому що відкритий код дає можливість зловмисникам зламати наш сайт створений на Джумла, але це з легкістю можна вирішити установленням спеціальних додаткових плагінів захисту.
Тепер Ви знаєте, як саме ми будемо створювати наш сайт. Так що переходимо до наступного розділу і будемо продовжувати!

Якщо під час вивчення курсу і подальшого створення сайту у Вас виникнуть будь-які питання, обов'язково звертайтеся в спільноту Допомога - Сайти з С. Шевченко на месенджері Viber, або в особисте листування за моїм номером 380683431150 також через Viber.

Перейти до наступного розділу II. ЯК ПРАЦЮВАТИ З ДОМЕННИМИ ІМЕНАМИ