mozok.click » Інформатика » Створення сайтів. Веб-сторінки і сайти
Інформація про новину
  • Переглядів: 2521
  • Автор: admin
  • Дата: 14-09-2017, 06:06
14-09-2017, 06:06

Створення сайтів. Веб-сторінки і сайти

Категорія: Інформатика

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

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

Вказівник миші в разі наведення на гіперпосилання набуває вигляду руки:  Гіпертекст є складовою веб-сторінки, веб-сторінки об’єднуються

у веб-сайти, а сукупність усіх веб-сайтів складає Всесвітню павутину.

Сайт, або веб-сайт («місце в мережі», від англ. web — мережа, site — місце), — це об’єднання тематично пов’язаних веб-сторінок і документів під одним доменним іменем.

Розміщення сайтів

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

Хостинг (англ. hosting) — це можливість використання дискового простору (місця на жорсткому диску) сервера, постійно під’єднаного до мережі, для розміщення, функціонування та обслуговування сайтів, файлових сховищ, електронної пошти тощо.

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



Етапи створення сайтів

Створення професійного сайта — це трудомісткий і тривалий процес. Розглянемо етапи розробки сайта.

1. Маркетингові дослідження

На цьому етапі з’ясовують призначення сайта й мету його створення, вивчають запити майбутніх відвідувачів сайта, ознайомлюються з подібними сайтами і визначають оригінальні риси майбутнього сайта.

2. Планування структури сайта

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

Для сайта з невеликою кількістю сторінок доцільною буде ієрархічна структура (рис. 20.1), коли за 2-3 клацання користувач зможе відкрити потрібну йому сторінку. Лінійну структуру (рис. 20.2) краще використовувати для сайтів, перегляд сторінок на яких відбуватиметься послідовно. Але для більшості сайтів застосовують мішану структуру, яка поєднує ієрархічну та лінійну структури.

3. Розробка дизайну

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


4. Конструювання сайта

Веб-сторінки сайта повинні однаково добре відображатися й працювати в усіх інтернет-браузерах. Сконструювати сайт можна шляхом написання html-коду або за допомогою онлайн-систем — CMS (від англ. Content Management System — система керування контентом).

Популярними безкоштовними CMS є WordPress (переважно для ведення блогів), Joomla (здебільшого для сайтів новин), OpenCart (в основному для інтернет-магазинів), SocialEngine (головним чином для соціальних мереж) та ін.

5. Наповнення сайта вмістом (контентом)

Для наповнення сайта треба заздалегідь заготовити необхідний матеріал (тексти, зображення тощо), який і становитиме контент сайта.

6. Тестування сайта

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

Для створення локального сервера з метою розробки й тестування сайта можна використати безкоштовні програми Apache, PHP, MySQL, phpMyAdmin або програму Denwer, яка об’єднує ці програми.

7. Розміщення сайта в Інтернеті

Для доступу користувачів Інтернету до сайта він повинен мати доменне ім’я. Зазвичай послугу реєстрації доменних імен пропонують хос-тинг-провайдери. Вони також забезпечують цілодобовий доступ до сайта. У разі наявності постійної ІР-адреси можна розмістити сайт і на власному комп’ютері-сервері, який має бути постійно ввімкнений.

8. Обслуговування сайта

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


9. Просування сайта

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

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

Створювати сайти можна мовами гіпертекстової розмітки та веб-про-грамування. Але для вебмайстрів-початківців зручнішим є автоматизоване створення сайтів за допомогою онлайн-систем.

Веб-сторінки зі спільним доступом до них можна створювати в додатку Google Sites.

Нескладно і швидко можна розробити власний сайт за допомогою онлайн-систем на сайтах www.hostinger.com.ua;www.UTOz.ua; www.webkonstruktor.com, які також надають послуги безкоштовного хостингу, реєстрації доменних імен, електронної пошти та ін.

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

Питання для самоперевірки

1. Дайте означення гіпертексту.

2. Що таке сайт?

3. Що таке хостинг?

4. Назвіть основні етапи створення сайта.

5. Назвіть особливості ієрархічної структури сайта; лінійної структури; мішаної структури.

6. Що таке CMS?

7. Наведіть приклади безкоштовних CMS.

8. Як розробити дизайн сайта за допомогою онлайн-систем?

Вправа 20

Спланувати структуру власного сайта.

1) Запустіть текстовий процесор, створіть новий документ Вправа 20.

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

3) Знайдіть в Інтернеті сайти схожого призначення та визначтеся, чим ваш сайт відрізнятиметься від решти подібних. Продумайте структуру (меню, посилання, інші елементи) майбутнього сайта.

4) Розробіть (намалюйте) у графічному редакторі дизайн головної сторінки сайта, використовуючи як зразок зображення головних сторінок існуючих сайтів схожого призначення.

5) Вставте зображення головної сторінки майбутнього сайта в документ.

6) Продумайте та створіть наповнення (контент) однієї зі сторінок майбутнього сайта, вставивши потрібні тексти і малюнки в документ. Збережіть документ. Завершіть роботу за комп’ютером.

Комп'ютерне тестування

Виконайте тестове завдання 20 із автоматичною перевіркою на сайті «Інтерактивне навчання».

Практична робота 9

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

Завдання: створити і розмістити на хостингу сайт із використанням онлайн-системи.

Обладнання: комп’ютер, під’єднаний до мережі Інтернет.

Хід роботи

Під час роботи з комп’ютером дотримуйтеся правил безпеки.

1. Продумайте структуру майбутнього сайта або скористайтеся документом Вправа 20.

2. Запустіть браузер і відкрийте веб-сторінку www.webkonstruktor.com. 3. Відкрийте на сайті сторінку безкоштовного створення сайта.

4. Користуючись вказівками, заповніть форму створення сайта.

5. Відкрийте свою поштову скриньку та за посиланням в отриманому електронному листі перейдіть на свій сайт.

6. Внизу на сторінці свого сайта виберіть команду Змінити, а потім, клацнувши кнопку Меню у лівому верхньому куті, розгорніть меню налаштувань та виберіть команду Стиль ^ Шаблони. Примітка. Надалі для входу в режим адміністрування слід до адреси сайта додавати «/login». Наприклад: mysite.jimdo.com/login

7. Виберіть шаблон сайта, що якнайкраще відповідає вашим задумам та збережіть зміни, клацнувши кнопку Зберегти.

8. Змініть колірну схему і шрифт (меню Стиль) заголовка на власний розсуд.

9. Установіть фоновий малюнок (меню Фон) відповідно до ескізу. Закрийте меню налаштувань.

10. У візуальному режимі конструктора змініть назву сайта, опис, відредагуйте навігаційне меню та підменю згідно із задумом.

11. Клацніть одну з кнопок меню вашого сайта і створіть нову сторінку, заповнивши її текстами та малюнками відповідно до ескізу.

12. Вийдіть із режиму редагування сайта (виберіть команду меню: Мій акаунт ^ Вихід). Надішліть адресу свого сайта вчителеві. Завершіть роботу за комп’ютером.

Зробіть висновок: які етапи розробки сайтів під час створення власного сайта з використанням онлайн-системи були несуттєвими і чому.

 

Це матеріал з підручника Інформатика 9 клас Бондаренко

 






^