Урок №20. Інструктаж з БЖД. Етапи створення веб-сайтів. Конструювання сайтів

Перегляд створених онлайн-форми  https://docs.google.com/document/d/1doGgCEhawkHs_ieSHiTFYWyvhmOnYP9vjnEsar_94f0/edit?usp=sharing 

Де розміщена інформація в Інтернеті? 

Що таке гіпертекст, гіперпосилання? 

Скільки часу на добу працює сайт? 

Де розташовані сайти?

Сайти та хмари — це те ж саме? 

З якого часу користувачі можуть заходити на вперше створений сайт? 

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

4. Розміщення сайту в Iнтернеті передбачає вибір та реєстрацію доменного імені, вибір хостинг провайдера, завантаження усіх файлів на сервер. Після цього сайт починає працювати у мережі.

               Хостинг — це віддалений комп’ютер-cервер (чи декілька таких комп’ютерів), на якому розташовано файли сайту.

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

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

6. Просування (розкрутка) сайту — сукупність заходів, спрямованих на підвищення відвідуваності й цитованості веб-сайту за допомогою:

1. • контекстної реклами, тобто розміщення рекламної інформації, при якому рекламна інформація відповідає змісту сторінки, на якій він розташований. Рекламним матеріалом для контекстної реклами може бути і звичайне текстове оголошення, і банер — графічне зображення рекламного характеру. Найпопулярнішим різновидом контекстної реклами є пошукова реклама, розташована у пошукових системах на сторінках видачі результатів пошуку;

   • медійної реклами (з використанням різних медійних засобів).

Як згадано, банери можна використовувати і в контекстній рекламі. Але цілі контекстної реклами з використанням текстового оголошення й медійної реклами різні:

4. • • текстові оголошення контекстної реклами використовують для залучення конкретного відвідувача-клієнта на сайт;

     • медійну рекламу використовують для розкрутки бренду, формування певної думки, впливу на бажання тощо.

   • оптимізації контенту:

     • доборі ключових слів;

     • насиченні змісту сайту заданими пошуковими запитами і легким для сприйняття текстом без спотворення змісту;

     • форматуванні сторінок відповідно до стандартів WWW. Одну й ту саму сторінку можна оформити різними способами, при цьому вона може виглядати однаково при використанні певних браузерів. Але неграмотне використання засобів розмітки сторінки зазвичай веде до неправильних результатів. Правильна розмітка сторінки дозволяє пошуковій системі виділити зі сторінки найважливіші моменти, що надалі позитивно відіб'ється на рейтингу даної сторінки у видачі пошукових систем;

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

     • посилальному ранжируванні — додавання зовнішніх посилань на сайт для підвищення індексів цитованості. Наприклад, за допомогою PageRank (алгоритм розрахунку авторитетності сторінки, що використовує пошукова система Google) і ТІЦ (Тематичний Індекс Цитування — засіб визначення авторитетності ресурсів, покликаний забезпечити релевантність розташування ресурсів у рубриках каталогу пошукової системи Яндекс). Кількість посилань на веб-сайт також впливає на його позицію у видачі пошукових систем.

Конструювання веб-сайтів за ступенем автоматизації поділяють на два основні методи: візуальний і програмований.

Візуальний метод дозволяє конструювати веб-сайт з високим ступенем автоматизації. Метод виник з необхідності зменшити трудомісткість створення сайту і скоротити терміни виконання робіт. Головним принципом візуального методу є принцип WYSIWYG (англійською "What you see is what you get" — «Що бачу, те й отримую»).

При створенні сайтів з використанням візуального методу необхідно вибрати інструмент — редактор візуального конструювання: Microsoft FrontPage, DreamWeaver (Macromedia), NamoWEbEditor, Adobe GoLive чи інший. Під час створення веб-сайту такий редактор забезпечує можливість працювати без безпосереднього підключення до мережі Інтернет.

Для конструювання веб-сайту можна використати систему управління вмістом (CMS, Content Management System), надану платними або безкоштовними сервісними службами. Це конструктор що дозволяє створювати сайт і супроводжувати його у подальшому. При створенні структури і навігації по сайту в системі CMS зазвичай не потрібно глибоких знань мови розмітки гіпертексту HTML.

Але для професійної роботи необхідно опанувати мовою HTML. Створення сайту виключно написанням коду називають програмованим або ручним методом конструювання. Для написання HTML-коду використовують текстовий редактор з підсвіткою і підказкою щодо службових слів. Такий редактор (наприклад, Sublime Text) істотно полегшує розробнику веб-сайту введення і редагування основних конструкцій мови HTML. Хоча все це можна зробити і напростішими текстовими редакторами без підсвітки і підказки щодо службових слів.

При потребі (наприклад, для програмування інтерактивності) крім HTML використовують інші мови програмування. Наприклад Java Script чи PHP.

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

Популярність таких програм обумовлена такими їхніми перевагами:

• немає необхідності опановувати мовою програмування веб-ресурсів;

• наявність безкоштовних конструкторів сайтів;

• наявність вже готових шаблонів;

• оперативна публікація сторінок;

• висока швидкість виконання проєкту;

• можливість редагування в режимі он-лайн;

• зручний інтерфейс.

Досвідчені фахівці знають і про недоліки таких програм:

• нерозв'язність проблеми відсутності потрібного шаблону;

• залежність сайту від сервісу: сервіс закрили — сайт зник;

• громіздка назва.

Приклади онлайн сервісів для конструювання сайтів: A5, Fo, Nethouse, Wix, uCoz, Umi — спеціалізований під інтернет-магазин.

Конструктори сайтів поділяють на три групи: конструктори початкового рівня, середнього і високого.

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

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

3. Конструктори високого рівня. Такі конструктори є самими багатофункціональними, а їх розробка потребує постійного фінансування, щоб удосконалювати можливості. В них є модулі для роботи з каталогами, формами зворотного зв'язку, картою сайту, архівом статей і новин, гостьовою книгою, бібліотекою зображень, інтернет-магазином, рекламними панелями і багато іншого.

Уявіть, що вам необхідно створити сайт. У зошиті письмово оформити та визначити: його тематику, спланувати структуру, приблизний дизайн та наповнення.