Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

1. Інструментальні засоби реалізації дипломного проекту

сайт інтернет віртуальний програмний

1.1 Загальна характеристика використаних методик та програмних продуктів що використовують при розробці сайтів

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

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

Веб-сайт - це інформація, представлена в певному вигляді, яка розташовується на веб-сервері і має своє ім'я (адресу). Для перегляду веб-сайтів на комп'ютері користувача використовуються спеціальні програми, які називаються браузерами. Залежно від того, яке ім'я (адреса) сайту у рядку «Адреса», браузер завантажуватиме в своє вікно відповідну інформацію.

Сайтом також називають вузол мережі Інтернет, комп'ютер, за яким закріплена унікальна ІР-адреса, і взагалі будь-який об'єкт в Інтернеті, за яким закріплена адреса, що ідентифікує його в мережі (FTP-site, WWW-site тощо).

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

В даний час у всесвітній павутині розміщено декілька мільйонів веб-сайтів і їх число постійно росте. Це особисті сторінки, що містять інформацію про автора, його інтереси. Їх створюють для того, щоб знайти друзів по інтересах, розширити свій кругозір.

Офіційної класифікації сторінок в Інтернеті не існує, але є основні характеристики, за якими можна розділити існуючі сайти, які слугують діловому світові.

Сайт-візитка

Саме той набір інформації, поширення якої в Інтернеті, безсумнівно, корисно як починаючим, так і «акулам» бізнесу. Це своєрідний довідник про фірму, який містить всі необхідні контактні дані та інформацію про діяльність компанії. Це повинна бути коротка, чітка і найважливіша інформація про сферу діяльності, інтереси. Не варто перевантажувати сайт-візитку інформацією, яка можливо, не знадобиться потенційному клієнтові, або партнерові.

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

Kорпоративний сайт

Більш серйозним виглядом представництва компанії в Інтернеті є корпоративні сайти. Це обов'язковий інструмент успішного бізнесу будь-якої компанії. У першу чергу, сайти подібного роду допомагають формувати позитивний імідж компанії, залучають нових замовників, які можуть не знати про існування фірми на ринку, і відповідно, розширюють ринок збуту компанії. За допомогою корпоративного сайту клієнти та замовники отримують інформацію про ціни на товари і послуги в зручному вигляді. Значно збільшити прибуток можна шляхом надання можливості робити замовлення клієнтам прямо в Інтернеті, на офіційній сторінці.

Отже, корпоративний сайт - це:

· доказ серйозності і перспективності бізнесу;

· гідне представництво компанії на ринку;

· найдешевший і наймасовіший вид реклами бізнесу;

· зручно і комерційно виправдано.



Промо-сайт

Прекрасним рекламним інструментом може служити промо-сайт. Особливо, якщо планується провести рекламну компанію окремого товару. Структура промо-сайту сама по собі повинна виконувати функцію рекламного проспекту, або буклету, і привертати увагу клієнтів. Також на такому сайті можна розмістити ту інформацію, яка не поміститься на сторінці журналу, в радіоповідомленні, телевізійному ролику. Обсяг промо-сайту - до 10 сторінок, на яких можна розмістити дані про компанію, напрямок діяльності, просування послуги, контактні дані. Окремо повідомляється інформація про акцію, із зазначенням термінів і місця проведення, умов участі, новин та ін. [8]

Промо-сайт - це:

· використання можливостей Інтернету для впливу на цільову аудиторію;

· донесення до потенційних клієнтів максимум інформації про товар і послугу;

· потужний й ефективний інструмент реклами компанії та її продуктів.

Сайт-вітрина

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

Сайт-вітрина - це:

· максимальний прибуток при мінімальному вкладенні сил та засобів;

· стабільний дохід;

· позитивний імідж компанії.

Інтернет-магазин

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

1.2 Статистичні та динамічні сайти

Крім класифікації сайтів за характеристиками можна розрізняти веб-сторінки і за складністю. Всього існує два види: статичний або динамічний сайт.

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

У цьому плані, динамічний сайт має безліч переваг. Для функціонування подібних веб-сторінок використовується система CMS. Це забезпечення, яке дозволяє оновлювати інформацію, публікувати і змінювати її без залучення фахівців. Досить провести навчання персоналу лише в області порядку роботи з системою. [5]

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

У майбутньому, якщо потрібно розмістити сайт в Інтернеті, обов'язково потрібний веб-хостигн. Веб-хостинг - це послуга з розміщення веб-сайтів на спеціалізованих серверах та забезпечення доступу до них через мережу Інтернет. Компанії, що надають послуги веб-хостингу (хостинг-провайдери), виділяють місце на своєму власному або орендованому сервері і надають необхідну ширину інтернет-каналу. Компанії також можуть надавати послугу розміщення серверів інших компаній у своїх дата-центрах: так звану послугу спільного розміщення або колокейшн (Colocation). Її часто називають одним з підвидів хостингу, а іноді виділяють в окремий вид послуг.

Можливості послуг хостингу можуть істотно відрізнятися. Найпростіший вид хостинга - це розміщення односторінкових веб-сайтів, які завантажуються за протоколом FTP (File Transfer Protocol) або веб-інтерфейсу, при цьому файли зазвичай зберігаються на сервері без змін. Багато інтернет-провайдерів надають цю послугу безкоштовно для своїх клієнтів. Хостинг персональних сайтів зазвичай коштує достатньо дешево, або взагалі надається безкоштовно (часто за умови показу реклами на сайті). Хостинг комерційних сайтів зазвичай коштує дорожче. Персональні сайти, зазвичай, односторінкові. Великі веб-сайти чи інтернет-портали потребують цілого набору додаткових послуг, зокрема послуги розміщення бази даних і платформ розробки (наприклад PHP, Python, Java та інших), необхідних для встановлення програмного забезпечення, що забезпечує роботу форумів, а також для керування змістом сайту.

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

Щоб переміщувати дані на сайт потрібна програма «співпраця» із FTP. Протокол передачі файлів (англ. File Transfer Protocol, FTP) дає можливість абоненту обмінюватися двійковими і текстовими файлами з будь-яким комп'ютером мережі, що підтримує протокол FTP. Установивши зв'язок з віддаленим комп'ютером, користувач може скопіювати файл з віддаленого комп'ютера на свій, або скопіювати файл з свого комп'ютера на віддалений.

При розгляді FTP як сервісу Інтернет мають на увазі не просто протокол, а саме сервіс - доступ до файлів, які знаходяться у файлових архівах.

FTP стандартна програма, яка працює за протоколом TCP, яка завжди поставляється з операційною системою. Її початкове призначення - передача файлів між різними комп'ютерами, які працюють у мережах TCP/IP: на одному з комп'ютерів працює програма-сервер, на іншому - програма-клієнт, запущена користувачем, яка з'єднується з сервером і передає або отримує файли через FTP-сервіс. Все це розглядається з припущенням, що користувач зареєстрований на сервері та використовує логін та пароль на цьому комп'ютері.

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

Коли здійснюється вхід, можна:

· переглядати папки та файли на FTP-сервері;

· завантажити файли на сервер;

· запакувати файли та зберегти архів на сервері або відправити поштою;

· встановити ПЗ;

· копіювати, переміщати та видаляти.

1.3 Можливості платформи WordPress

Cайт був написний за допомогою платформи WordPress. Коротко розглянемо про можливості, дизайн і управління системою платформи WordPress.

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

Дизайн, управління системою та інші можливості WordPress:

· простота встановлення, простота налаштувань;

· підтримка веб-стандартів (HTML, CSS);

· модулі для підключення (плаґіни) з унікально простою системою їх взаємодії з кодом; можливість автоматичного встановлення та оновлення версії безпосередньо з панелі адміністратора;

· підтримка так званих «тем», з допомогою яких легко змінюється як зовнішній вигляд, так і способи виведення даних;

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

· «теми» реалізовані як набори файлів-шаблонів на PHP;

· багато бібліотек «тем» і «плаґінів»;

· потенціал архітектури дозволяє легко реалізовувати складні рішення;

· СЕО-оптимізована система;

· наявність українського перекладу. [3]

Про можливості публікації і редагування у WordPress:

· миттєва публікація;

· підтримка RSS, Atom, trackback, pingback;

· наявність ЛЗУ (людино-зрозумілий URL);

· редагування WYSIWYG-редактором з можливістю вставлення форматованого тексту (наприклад з програми Microsoft Word) або редагування за допомогою HTML-розмітки.

Про контент у платформі WordPress:

· наперед заплановані публікації;

· багатосторінкові записи;

· прикріплення файлів та зображень до записів;

· можливість створення статичних сторінок;

· можливість створення свого типу контенту у власних темах;

· категорії, теги, коментування тощо.

Мульти-блогінг - дозволяє вести одночасно на одному сервері декілька блогів. Якщо ж є бажання створити і вести на одному сервері декілька блогів, то можна встановити потрібну кількість WordPress в різні каталоги (віртуальні сервери) і в СУБД створити окрему базу даних для кожного блогу. Гілка WordPress Multi-User (WordPress MU, чи WPMU) дає змогу створити декілька блогів в одній інсталяції. WordPress MU також дозволяє кожному користувачу системи вести довільну кількість блогів і контролювати їх з панелі управління. Для кожного блогу створюється 8 таблиць в базі даних. Завантажити нову версію WordPress можна з офіційного сайту «WordPress - Україна».

2. Розробка сайту-візитки

2.1 Cтворення віртуального сервера Denwer

Для того, щоб почати роботу над створенням сайту потрібно забезпечити середовище в якому б він міг функціонувати, тобто створити локальний сервер для сайту. За локальний сервер відповідає програма Denwer. Коротко розглянемо кроки встановлення локального сервера на комп'ютер. Маємо Denwer в форматі для встановлення «.ехе» нажимаємо двічі по ньому і відкривається командна стрічка, яка має вказівку, щоб закрити вікно браузера, яке відкрилося під час запуску Denwerа.

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

Після натиску кнопки Enter програма пропонує вказати шлях до місця де буде розміщений сервер і вказати ім'я папки, яка буде створена для даного локального сервера. За замовчуванням програма пропонує створити таку папку за шляхом С:/ WebServers.

Якщо не потрібно змінювати шлях, де буде розміщений локальний сервер, натискується Enter. Наступний крок: програма запитує дозвіл на створення віртуального диску, пам'ять для якого виділяється з локального диску, на якому створена папка. В даному випадку диску С:/.

Після цього програма просить дати назву даному диску, тобто ввести букву, якою буде названий диск. Після цієї дії починається інсталяція програмних засобів Denwerа. [1]

Після завершення інсталювання програма запропонує вибрати режим роботи, їх два:

· віртуальний диск створюється при запуску операційної системи;

· при завантаженні ОС віртуальний диск не створюється.

В кінці програма запитує, чи створити ярлики на робочому столі для запуску програми. Потрібно ввести команду «у» тобто вона означає «так».

2.2 Встановлення WordPress на хостинг

Перше, що потрібно зробити - це завантажити найостаннішу версію самого двигунця вордпрес, яка буде встановлена на хостинг. Завантажити WordPress на хостинг можна двома способами:

1. Розпакувати архів локально на жорсткому диску комп'ютера, а потім, з допомогою FTP-клієнта завантажити всі файли в папку public_html на сервері. Це найбільш розповсюджений спосіб. Але, якщо користуватися чудовою адмінкою cPanel, то можна використати і альтернативний - більш зручний - спосіб завантаження WordPress, без використання FTP-клієнта.

2. З допомогою внутрішнього файл-менеджера завантажуємо архів WordPress в папку public_html і розпакувати вже там. Для цього вибрати закачаний архів і вибрати пункт меню «розпакувати вміст файлу» (extract file contents). Файли WordPress тепер знаходяться на хостингу.

Для забезпечення роботи WordPress-у, потрібно створити для нього базу даних. На щастя з допомогою cPanel зробити це простіше простого.

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



Рисунок 2.2.1 - Створення бази даних

У першій формі слід вказати бажане ім'я бази даних і натиснути «Створити базу даних». Слід вернути увагу, що база буде мати ім'я, яке складатиметься із двох частин: логін в cPanel + «_» + вказане ім'я. Тобто, якщо логін admin, а вказане ім'я mydb, то повне ім'я бази буде admin_mydb.

У другій формі слід вказати бажане ім'я користувача, пароль і натиснути «Створити користувача». Як і в першому випадку, повне ім'я користувача складатиметься з двох частин: логін в cPanel + «_» +вказане ім'я. І якщо вказане ім'я користувача user, то повне його ім'я за аналогією виглядатиме admin_user.

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



Рисунок 2.2.2 - Права на роботу з базою даних

Для роботи із WordPress потрібно налаштувати кодування бази даних. Для цього слід скористатися скриптом керування базами даних phpMyAdmin. Посилання на нього знаходиться там само, де й посилання на бази даних MySQL. Після завантаження phpMyAdmin слід вибрати щойно створену базу даних, потім закладку «Операції» знайти внизу панель «Співставлення» і перевірити, що вибране потрібне кодування. У даній роботі йдеться про UTF-8. Дальше потрібно редагувати файл config.php, для цього потрібно знайти в кореневій директорії WordPress файл wp-config-sample.php і перейменувати його в wp-config.php. У змісті файла змінити всього три рядки:

define (`DB_NAME', `db_wp2_demo');

define (`DB_USER', `db_wp2_demo');

define (`DB_PASSWORD',»);

Слід вписати назву бази даних, ім'я користувача та пароль. В даному випадку проекті, це реалізовано наступним чином:



define (`DB_NAME', `admin_mydb');

define (`DB_USER', `admin_user');

define (`DB_PASSWORD', `ваш_пароль');

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

Рисунок 2.2.3 - Панель привітання WordPress

Для інсталяції WordPress необхідно ввести назву нового блогу та адресу електронної пошти і натиснути кнопку «Встановити WordPress».

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

2.3 Створення інформера «Погоди»

Інформер «Погоди» призначений для надання інформації про погоду, для користувачів сайту.

За для створення інформера «Погоди» на готовому інтернет-ресурсі rp5.ua. було створено код інформера і вподальшому скопійовано на сайт.

Рисунок 2.3.1 - Сайт створення інформера «Погоди»

Реалізація на сайті:

<table cellpadding=0 cellspacing=0 width=195 style= «border:solid 1px #75bcff; font-family: Arial; font-size:12px; background-color:#ffffff»><tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td width=8 height=30 background= «http://rp5.ua/informer/htmlinfa/topshl.png» bgcolor=#75bcff> </td><td width=* align=center background= «http://rp5.ua/informer/htmlinfa/topsh.png» bgcolor=#75bcff><a style= «color:#ffffff; font-family: Arial; font-size: 12px;» href= «http://rp5.ua/554/ua»><b>Гончарівка</b></a></td><td width=8 height=30 background= «http://rp5.ua/informer/htmlinfa/topshr.png» bgcolor=#75bcff> </td></tr></table></td></tr><tr><td valign=top style= «padding:0;»><iframe src= «http://rp5.ua/htmla.php? id=5483&lang=ua&um=00000&bg=%23ffffff&ft=%23ffffff&fc=%2375bcff&c=%23000000&f=Arial&s=12&sc=4» width=100% height=277 frameborder=0 scrolling=no style= «margin:0;»></iframe></td></tr></table>



2.4 Створення форми авторизації

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

<H2>Авторизація</H2>

<scriptsrc=» // .ru/js/ulogin.js»></script>

<divid= «uLogin» data-ulogin= «display=panel; fields=first_name, last_name; providers=vkontakte, odnoklassniki, mailru, facebook; hidden=twitter, google, yandex, youtube, webmoney, googleplus; redirect_uri=http % 3A % 2F % 2Ftranstirukraine.com.ua % 2Fproverka.php»><imgsrc= «http://ulogin.ru/img/button.png» width= «187» height= «30» alt= «МультиВход»/></a></div>

</li>

Дана форма дозволяє авторизуватися на сайті за допомогою таких відомих соціальних мереж як Vkontakte, Facebook, Однокласники, Мой Мир, Google + та інші.

2.5 Створення годинника

Годинник на даному ресурсі був взятий із іншого інтернет ресурсу, а саме agitki.ru, звідти було взято готовий код та вставлено у віджет сайту:

<objecttype= «application/x-shockwave-flash» height= «60» width= «180» data= «http://agitki.ru/flash/d_clock_000 b.swf»>

2.6 Створення «хмари» тегів

Хмарка тегів - візуальне представлення створених користувачами тегів для описання змісту веб-сайта. Зазвичай, теги є простими словами, і перелічуються в алфавітному порядку, а важливість тега відображається зміною розміру шрифта або кольору. Таким чином, можна шукати тег за алфавітом, та за його важливістю. Часто, теги є гіперпосиланнями на колекції елементів, що мають відношення до цього тегу. [10]

Для створення «хмари» тегів було завантажено з офіційного сайту wordpress.org плагін, який називається wp-cumulus, і його було встановлено на сайт-візитку.

Рисунок 2.6.1 - Завантаження плагіна wp-cumulus

Реалізовано за допомогою коду:

<li id= «wp-cumulus» class= «widget wp_cumulus_widget»> <h2 class= «widgettitle»>Хмарка тегів</h2> <script type= «text/javascript» src= «http://goncharivka.pp.ua/wp-content/plugins/wp-cumulu.»></script><div id= «wpcumuluswidgetcontent»><p style= «display:none»><a href='http://goncharivka.pp.ua/tag/100-ya-yuvileyu-xramu' class='tag-link-9' title='1 тема ' style='font-size: 8pt;'>100-я ювілею храму</a>

<a href='http://goncharivka.pp.ua/tag/istoriya' class='tag-link-17' title='1 тема ' style='font-size: 8pt;'>Історія</a>

<a href='http://goncharivka.pp.ua/tag/video-pro-selo' class='tag-link-10' title='1 тема ' style='font-size: 8pt;'>Відео про село</a>

<a href='http://goncharivka.pp.ua/tag/klimat' class='tag-link-18' title='1 тема ' style='font-size: 8pt;'>Клімат</a>

<a href='http://goncharivka.pp.ua/tag/pro-selo' class='tag-link-16' title='1 тема ' style='font-size: 8pt;'>Про село</a>

<a href='http://goncharivka.pp.ua/tag/rozklad-ruxu-avtobusiv-2' class='tag-link-8' title='1 тема ' style='font-size: 8pt;'>Розклад руху автобусів</a>

<a href='http://goncharivka.pp.ua/tag/futzal' class='tag-link-15' title='1 тема ' style='font-size: 8pt;'>Футзал</a></p><p>Облако тегов плагина WP Cumulus от сайта «<a href= «http://www.wordpressplugins.ru/">Плагины и шаблоны для WordPress</a>» требует для просмотра <noindex><a href= «http://www.adobe.com/go/getflashplayer» target= "_blank» rel= «nofollow»>Flash Player 9</a></noindex> или выше.</p></div><script type= «text/javascript»>var rnumber = Math.floor (Math.random()*9999999); var widget_so = new SWFObject («http://goncharivka.pp.ua/wp-content/plugins/wp-cumulu.. «+rnumber, «tagcloudflash», «190», «200», «9», «#ffffff»); widget_so.addParam («allowScriptAccess», «always»); widget_so.addVariable («tcolor», «0x333333»); widget_so.addVariable («tspeed», «100»); widget_so.addVariable («distr», «true»); widget_so.addVariable («mode», «tags»); widget_so.addVariable («tagcloud»,

2.7 Функція «поділитися»

Функція «Поділитися» призначена для користувачів соціальних мереж, які хочуть поділитись певним матеріалом з сайту для інших користувачів соціальних мереж.

Дана функція була створена на сайті задопомогою готового інтернет-ресурсу api.yandex.ru і реалізована таким кодом:

<scripttype= «text/javascript» src=» //yandex.st/share/share.js»

charset= «utf-8»></script>

<divclass= «yashare-auto-init» data-yashareL10n= «ru»

data-yashareType= «button» data-yashareQuickServices= «yaru, vkontakte, facebook, twitter, odnoklassniki, moimir, gplus»></div>

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

2.8 Створення «Опитування»

Опитування - це метод збору соціальної інформації про досліджуваний об'єкт під час безпосереднього (інтерв'ю) або опосередкованого (анкетування) спілкування соціолога респондентом. Також використовується для вимірювання громадської думки з різних питань. [5]

Для створення опитування було завантажено з офіційного сайту wordpress.org плагін, який називається wp-polls, і його було встановлено на сайт-візитку.



Рисунок 2.8.1 - Завантаження плагіна wp-polls

Реалізовано за допомогою коду:

<p style= «text-align: center; "><strong>%POLL_QUESTION%</strong></p><div id= «polls-%POLL_ID%-ans» class= «wp-polls-ans»><ul class= «wp-polls-ul»>

<li><input type= "%POLL_CHECKBOX_RADIO%» id= «poll-answer-%POLL_ANSWER_ID%» name= «poll_%POLL_ID%» value= "%POLL_ANSWER_ID%» /> <label for= «poll-answer-%POLL_ANSWER_ID%»>%POLL_ANSWER%</label></li>

<p style= «text-align: center; "><strong>%POLL_QUESTION%</strong></p><div id= «polls-%POLL_ID%-ans» class= «wp-polls-ans»><ul class= «wp-polls-ul»>

<li>%POLL_ANSWER% <small>(%POLL_ANSWER_PERCENTAGE%%, %POLL_ANSWER_VOTES% Голосів)</small><div class= «pollbar» style= «width:%POLL_ANSWER_IMAGEWIDTH%%;» title= "%POLL_ANSWER_TEXT% (%POLL_ANSWER_PERCENTAGE%% |%POLL_ANSWER_VOTES% Голосів)"></div></li>

<p style= «text-align: center; "><strong>%POLL_QUESTION%</strong></p><div id= «polls-%POLL_ID%-ans» class= «wp-polls-ans»><ul class= «wp-polls-ul»>

</ul><p style= «text-align: center; "><input type= «button» name= «vote» value=» Vote» class= «Buttons» onclick= «poll_vote (%POLL_ID%);» onkeypress= «poll_result (%POLL_ID%);» /></p><p style= «text-align: center;»><a href= "#ViewPollResults» onclick= «poll_result (%POLL_ID%); return false;» onkeypress= «poll_result (%POLL_ID%); return false;» title= «View Results Of This Poll»>View Results</a></p></div>

</ul><p style= «text-align: center;»>Кількість голосів: <strong>%POLL_TOTALVOTERS%</strong></p></div>

2.9 Створення «Карти сайту»

Щоб створити «Карту сайту» потрібно завантажити плагін Dagon Design Sitemap Generator із сайту my-wordpress.ru, і завантажити його на хостинг в папку plugins. Після цього потрібно активувати плагін в адмін панелі нашого сайту. Тепер нам потрібно створити нову сторінку, з назвою «Карта сайту», і вставити такий код <! - ddsitemapgen ->, і натиснути Опублікувати.

Рисунок 2.9.1 - Створення «Карти сайту»

2.10 Створення віджета «Календар»

Для створення віджету «Календар» потрібно зайти в адмін панель сайту, потім зайти в меню Дизайн, і там вибрати пункт Віджети. Для встановлення віджета потрібно перетягнути його в потрібний Sidebar.

Скріншот встановлення віджету «Календар» знаходиться у Додатку К.

Рисунок 2.10.1 - Вигляд віджета на сайті

2.11 Створення віджета «Нове на блозі»

Щоб створити віджет «Нове на блозі», потрібно завантажити плагін Enhanced Recent Posts, після чого потрібно розархівувати і завантажити його через FTP-кліент в папку plugins і активувати його через адмін панель сайту.

Все, що він робить так це додає в розділ «Віджети» новий елемент - Enhanced Recent Posts. Як це виглядає на практиці, показано у рисунку 2.11.1.



Рисунок 2.11.1 - Вигляд віджета Enhanced Recent Posts

У налаштуваннях віджету можна вказати:

· заголовок блоку;

· кількість відображуваних публікацій;

· відображення дати.

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

Рисунок 2.11.2 - Вигляд віджета «Нове на блозі» на сайті



Список використаних джерел

1. Грачев Андрей. Работа с WordPress.-СПб.:Питер, 2011-288 с. - ISBN: 978-5-49807-939-4.

2. Эрик Фримен, Элизабет Фримен. Изучаем HTML.-СПб.:Питер, 2012.-656 с. - ISBN 978-5-459-01060-2.

3. Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения.-СПб.:Питер, 2014.-320 с. - ISBN 978-5-496-00979-3.

4. Глушаков С.В. Програмирование Web-страниц.-СПб.:Харьков, 2002.-390 с. - ISBN 966-03-1787-5.

5. Пасічник О.В. Веб-дизайн: Підручник.-Львів, 2010.-520 с. - ISBN 978-966-2025-33-0.

6. Буров Є. Комп'ютерні мережі.-Львів, 2003.-584 с. - ISBN 966-7065-41-3.

7. Эрик Энж, Стефан Спенсер, Рэнд Фишкин. SEO - искусство раскрутки сайтов. - СПб.: BHV, 2014 - 688 с. - ISBN: 978-5-9775-0861-2.

8. Ашманов Игорь, Иванов Андрей. Оптимизация и продвижение сайтов в поисковых системах. - СПб.: Питер, 2014 - 464 с. - ISBN: 978-5-496-00312-4.

9. Економіка підприємства: Підруч. / За заг. ред. С.Ф. Покропив-ного. - 2-ге вид., перероб. та доп. - К.: Вид-во КНЕУ, 2010. - 528 с.

Размещено на Allbest.ru