Перш ніж викласти сайт або блог в інтернет, його слід протестувати, наскільки правильно буде виглядати дизайн сайту, як будуть працювати скрипти, форма зворотнього зв'язку, Плагіни і так далі.
Ось з цієї причини багато Веб-розробники ( блогери, веб-дизайнери або веб-програмісти) Використовують тестові майданчики, на яких вони проводять перевірки, проби, експерименти, в загальному, будь-яку тестову роботу над майбутнім проектом.
Існують два способи по створенню тестових майданчиків.
1. Тестова майданчик на хостингу
Деякі новачки використовують для тестування проектів платні хостинги, розміщуючи при цьому два сайти - один основний (робочий) і другий додатковий, тестовий.
Мінуси такого способу:
- нестача місця на хостингу;
- низька швидкість інтернету;
- не завжди є гроші, щоб купити платний хостинг для тестування проектів.
2. Тестова майданчик на вашому комп'ютері
Цей спосіб, на мій погляд, кращий. Його я хочу розглянути з вами більш детальніше. Спочатку скажу про плюси:
- не потребує підключення інтернету;
- не потрібні фінансові витрати
Що це за тестовий майданчик на комп'ютері? Мова йде про локальному сервері, Який встановлюється на ваш комп'ютер. За допомогою локального сервера ви зможете легко і швидко протестувати проект.
Хтось може сказати: а навіщо взагалі проводити тестування свого проекту через локальний сервер? Адже досить відкрити файл «index.html» і ми побачимо, як буде виглядати сайт в інтернеті. Так, це правда, досить і цього, але якщо ви використовуєте на сайті, чати, форуми, різні (WordPress, Joomla, drupal), то тут без локального сервера ніяк. Тим більше, якщо ви використовуєте для свого проекту CMS движок (WordPress, Joomla, drupal), то там потрібна не тільки підтримка php, але ще і база даних MySQL.
Отже, локальний сервер - це спеціальний набір програм, що забезпечує правильну роботу скриптів прямо у вас на комп'ютері. У збірку входять: сам сервер, компілятор PHP ( з його допомогою браузер може прочитатиphp код і обробити правильно сторінку), Компоненти для роботи з БД (База Даних) і багато інших програм.
Підготував для вас список популярних локальних серверів для сайту. Читайте, оцінюйте, качайте і користуйтеся.
Список популярних локальних серверів для сайту.
Denwer - це безкоштовний локальний сервер для тестування сайтів, веб-додатків або Інтернет сторінок. У Denwer входить: веб-сервер Apache, панель phpMyAdmin і MySQL для роботи з БД (базами даних) і інші програми.
Локальний сервер Denwer працює тільки на операційну систему Windows.
Завантажити можна з офіційного сайту denwer.ru
XAMPP– це безкоштовний локальний сервер для тестування сайтів, веб-додатків або Інтернет сторінок з простим призначеним для користувача інтерфейсом. Підтримує роботу в системі Windows, Solaris, Mac OS X і Linux.
Завантажити можна з офіційного сайту www.apachefriends.org/en/xampp.html
AppServ - ще один безкоштовний локальний сервер. Швидка і легка установка.
Завантажити можна з офіційного сайту www.appservnetwork.com
VertigoServ - простенький по установці локальний сервер.
Працює тільки в операційній системі Windows.
Завантажити можна з офіційного сайту vertrigo.sourceforge.net
Zend Server Community Edition - безкоштовний локальний сервер.
Завантажити можна з офіційного сайту www.zend.com
Open Server - це безкоштовний локальний сервер з високим функціоналом по розробці і створенню сайтів. Працює в операційній системі Windows.
Завантажити можна з офіційного сайту open-server.ru
Особисто я користуюся безкоштовним локальним сервером. Чому Denwer, а не якийсь інший? Швидше за все звичка. Я починав з локального сервера Denwer, тому тільки їм і користуюся. А вам потрібно самим вибрати, з яким локальним сервером будете працювати.
Завантажуйте локальний сервер, встановлюйте на комп'ютер, читайте або дивіться відео урок або інструкцію з використання. Тестируйте свої веб-проекти і нехай вони вам приносять багато доходу!
Сучасний сайт являє собою не просто набір HTML-документів, але і включає в себе безліч технологій, в тому числі серверних, таких як: SSI (Server-Side Includes, включення на стороні сервера), PHP (PHP: Hypertext Preprocessor, PHP: препроцесор гіпертексту), бази даних та багато іншого. Для ознайомлення та вивчення цих технологій помилкою буде використовувати відвідуваний робочий сайт в Інтернеті, тому має сенс встановити необхідний комплект програм на локальний комп'ютер і тестувати всі на ньому.
Найбільш популярною зв'язкою таких програм є веб-сервер Apache, мова програмування PHP, Система управління базами даних MySQL, оболонка для адміністрування баз даних PhpMyAdmin, шаблонизатор Smarty.
Зазначені програми працюють переважно під управлінням Linux подібних систем, але є і версії під Windows. Основний плюс цієї зв'язки програм в універсальності. Сайт, створений і перевірений на локальному комп'ютері під Windows, легко може бути перенесений на сервер з FreeBSD. До того ж цей набір підтримує переважна більшість хостерів.
Надалі будуть розглянуті програми для домашнього комп'ютера з операційною системою Windows.
Коротко опишемо, що представляють собою технології, які будуть використовуватися для створення сайту.
Веб-сервер
Веб-сервером називається програма, яка аналізує приходять запити і формує готові документи відправляються користувачеві. Як веб-сервера часто виступає Apache, як найбільш усталений і популярний в Інтернеті. За різними оцінками його частка становить майже 50% від загального числа використовуваних веб-серверів.
PHP
Популярна мова програмування, що використовується при розробці сайту.
MySQL
Система управління базами даних.
PhpMyAdmin
Веб-інтерфейс для створення і управління базами даних MySQL. Дозволяє переглядати таблиці, змінювати їх зміст, модифікувати структуру, робити вибірку даних, сортувати інформацію. Всі дії здійснюються прямо в браузері, в спеціально розробленому під нього дружньому інтерфейсі.
Smarty
Потужна система шаблонів для PHP. Використовує свою власну мову, який поєднує HTML і спеціальні теги Smarty. Шаблони потрібні для поділу програмного коду та подання документа або по-іншому, для відділення логіки від змісту.
Всі зазначені програми та технології є відкритими, можуть бути безкоштовно завантажені і вільно використовуватися.
можна встановити необхідні програми, Скачавши їх з сайту виробника і налаштувавши під свої потреби. Однак це часом вимагає знайомство з програмою і володіння необхідною кваліфікацією, якої у початківців немає. оскільки мова йде не щодо повноцінного робочому сервері, а про комп'ютер для тестування і налагодження, то має сенс використовувати готові комплекти. Такий комплект містить у собі всі необхідні для веб-розробника програми, легко налаштовується і управляється. Далі піде мова про деякі популярні комплектах веб-розробника.
Привіт, шановні читачі блогу сайт. Що таке локальний сервер? Ну, для початку варто зрозуміти,. Уже знаєте? Ну, тоді вам буде зрозуміло, що локальний server - це набір компонентів, що дозволяє працювати з сайтом прямо на комп'ютері (без використання хостингу).
Навіщо це потрібно? Ну, наприклад, при розробці сайту для прискорення і підвищення зручності цього процесу, або при істотному його оновленні, коли ви не хочете кроїти шаблон безпосередньо на сайті, який відвідують користувачі (копіюєте файли на комп'ютер, вносите зміни, тестируете, налаштовуєте і вже потім заливаєте на хостинг).
Раніше я для цієї мети завжди використовував. Правда, він не оновлювався вже багато років, хоча і цілком собі працездатний. Однак, в коментарях до статті про мені порадили звернути свою увагу на OpenServer, Що я і не забув зробити.
Що сказати про Open Server? Дійсно, зручно, більш сучасно і цілком працездатний. Крім цього, ОпенСервер не вимагає установки, а значить (разом з усіма сайтами, що ви в ньому створюєте і тестируете), в той час, як Денвер прив'язаний до комп'ютера, на якому він встановлений. Також є розширений пакет, куди включаються десятки корисних Вебразработчик програм, знову ж таки не вимагають установки. Але про все по порядку.
Що таке Open Server і який пакет слід завантажити
Open Server являє собою так званий WAMP комплекс, суть якого можна зрозуміти з розшифровки цієї абревіатури:
- Windows - операційна система, для роботи в якій призначений даний локальний сервер
- Apache - web-сервер, який «піднімається» при запуску програми Open Server
- MySQL - дуже популярна система управління базами даних, яка є обов'язковою умовою для роботи багатьох двигунів сайтів, в тому числі таких популярний, як Joomla та WordPress
- PHP - інтерпретатор серверного мови програмування, на якому написано більшість CMS і створено безліч інших веб-додатків
Крім цього «джентельменський набір» Відкритий Сервер має в своєму запасі (популярний веб-сервер, часто встановлюється разом з Apache) і ще дещо, показане на наведеному нижче скріншоті. До того ж, цей локальний сервер дозволяєте в налаштуваннях вибрати один з декількох варіантів Apache, PHP, MySQL та інших компонентів.
Мені, як не фахівцю в веб розробці, досить важко усвідомити всю грандіозність цього проекту під назвою OpenServer, але, судячи з відгуків, розробка комплексу ведеться з урахуванням побажання користувачів і величезною увагою до деталей (якщо порівнювати з Денвером, то отримаєте «Вольво» замість «Лади», хоча і те, і те їздить). є зручний інтерфейс управління локальним сервером, створеними на ньому сайтами і додатками, а також до тих інструментами і утилітами, які входять в його комплект.
Ну, і навіть такого нубу, як я, зрозуміло, що простий набір слів «Не вимагає установки» значить дуже багато. Можна розпакувати архів з дистрибутивом Open Server на флешку, переносний жорсткий диск і навіть на CD / DVD (правда, з обмеженнями). Після цього з вашими сайтами і веб-додатками можна буде працювати на будь-якому комп'ютері вдома, на роботі, в интерне-кафе або де-небудь ще, де є відповідна операційна система (Windows 8 / Windows 7 / Windows Server 2008 / Windows Vista / Windows XP SP3).
Однак, просто портативного локального сервера Open Server веб розробникам може бути не достатньо. Так, на основному комп'ютері у них, звичайно ж, встановлений весь необхідний в роботі софт і навіть понад те. Але ось вставивши флешку з ОпенСервером в чужий комп'ютер, ви вже багато з того, до чого звикли і що просто необхідно в роботі, не знайдете.
Що примітно, автори подбали і про це, пропонуючи на сторінці завантаження відразу три пакети. Завантажити Open Server можна за посиланням, обравши зі списку потрібний пакет і пройшовши капчу:
Який же дистрибутив вибрати? Давайте подивимося:
До речі, скачування згаданих пакетів локального сервера можливо на двох швидкостяхДуже повільно і максимально швидко. Ви яку вважаєте за краще? Ну, тоді доведеться заплатити 100 рубликів в фонд творців комплексу. В іншому випадку навіть пакет Open Server Mini викачуватиметься пару годин.
Установка OpenServer на комп'ютер і його налаштування
Скачаний дистрибутив представляє з себе самораскривающіеся архів, зашитий в екзешний файл. Коли ви його запустите, то через деякий час вам буде запропоновано, куди він буде розпакований. За замовчуванням традиційно пропонується «диск С», але ви вільні вибрати інше місце (в тому числі і зовнішній носій, Типу флешки або переносного диска).
Ніяких ярликів на робочому столі або в меню кнопки «Пуск» не створюється, бо програма портативна. Значить для запуску сервера йдемо в папку OpenServer на тому диску, який ви вказали при установці, і запускаємо файлик Open Server.exe (Можете витягнути його ярличок на робочий стіл). Я встановлював версію Міні, тому у мене це справа виглядає так:
Далі вибираєте мову (мені ще запропонували встановити бібліотеку З ++) і після закінчення установки спостерігаєте з'явився в треї новий значок у вигляді червоного прапорця, що означає, що локальний сервер поки що не запущено.
При кліці по ньому клавішею миші ви побачите контекстне меню, яке і служить основним інструментом управління OpenServer. Звідти можна буде запускати веб сервер, зупиняти його або перезапускати, а також отримати доступ до створених на його базі сайтам і вебпріложеній (зараз там тільки localhost доступний). Так, до речі, виберіть пункт «Запустити» і після перефарбовування прапорця в зелений колір вставте в адресний рядок браузера:
Http: // localhost /
Якщо побачите сторінку з привітанням, то значить:
Давайте для початку заглянемо в його настройки за допомогою однойменного пункту контекстного меню:
У деяких релізах Вінди може знадобитися установка галочки «Вимагати обліковий запис Адміністратора »для успішної роботи даного локального сервера (доступу до файлу). На вкладці «Модулі» ви зможете вибрати потрібні вам версії Apache, PHP, MySQL (якщо робите доопрацювання сайту, то має сенс їх вибрати такими ж, як і у вас на хостингу, в уникненні траблів при перенесенні).
Можна також на вкладці «Меню» поставити галочку в полі "Показувати сайти в головному меню», щоб не потрібно було ловити їх в випадаючому. Ну, і можна відразу ж призначити браузер, де будуть відкриватися ці самі ваші сайти після кліка по їх назві з контекстного меню піктограмки прапорця в треї.
Отже, для того, щоб почати роботу зі своїм сайтом на даному локальному сервері (або встановити движок сайту), спочатку потрібно буде перейти з контекстного меню по пункту «Папка з сайтами», або відкрити, наприклад, в Тотал командер папку «d: \\ OpenServer \\ domains \\». Всередині буде знаходитися папка «localhost». Поруч з нею створюємо нову папку для нашого сайту з будь-якою назвою, в якому можна використовувати такі символи (зверніть увагу, що нижнє підкреслення використовувати не можна).
Власне, все. З контекстного меню значка Відкритий Сервера в треї виберіть пункт, після чого в списку сайтів у вас з'явиться нова назва, клікнувши по якому відкриється сторінка заданого в настройках браузера, що відображає ваш сайт.
Якщо в створеній всередині «d: \\ OpenServer \\ domains \\» папки ще нічого немає, то і сторінка буде відповідна. Скажу чесно, що у мене на цьому етапі виник серйозний затикаючи з роботою цього локального сервера. Причина була в тому, що мій файл Hosts був призначений лише для читання, Тому OpenServer при запуску постійно з цього приводу лаявся і не показував серед сайтів створену мною нову папку.
Розпаковуєте архів і весь його вміст (то, що всередині папки wordpress) копіюєте в тільки що створену нами папку сайту в «d: \\ OpenServer \\ domains \\»:
Теперка потрібно і про базу даних для нашого майбутнього блогу подумати. Природно, що в комплекті з цим локальним сервером йдуть різні утиліти, серед яких є добре нам знайомий, доступ до якого можна буде отримати з контекстного меню іконки сервера в треї (Меню\u003e Додатково\u003e PHPMyAdmin). Для входу використовуйте:
У вікні PHPMyAdmin переходите в верхньому меню на вкладку «Користувачі» і натискаєте на розташовану у вікні кнопку «Додати користувача»:
У вікні, вписуєте бажане ім'я користувача бази даних, використовуючи символи. Генеруєте і зберігаєте «на папірці» складний пароль, після чого ставите галочку в полі «Створити базу даних з ім'ям користувача в назві і надати на неї повні привілеї», тиснете на розташовану внизу праворуч кнопку «ОК».
Тепер в папці вашого сайту в папці OpenServer знаходите файлик wp-config-sample.php і перейменовувати його в wp-config.php, Після чого відкриваєте його на редагування, наприклад, в Нотепад ++. Вводите в показані на скріншоті поля назва бази даних, ім'я користувача і пароль, які ми тільки що поставили при створенні цієї самої БД (НЕ зітріть випадково одиничні лапки, в яких повинні будуть розміщуватися ці значення):
Трохи нижче в файлі wp-config.php ви можете перейти за посиланням https://api.wordpress.org/secret-key/1.1/salt/ і скопіювати створені ключі безпеки. Вставте їх на місце розташований трохи нижче порожніх заготовок:
Ну, а ще трохи нижче ви можете поміняти префікси для створюваних Вордпресс сторінок в вашій базі даних. Це теж може трохи підвищити безпеку роботи з сайтом.
Зберігаєте вироблені в файлі wp-config.php зміни, і переходите на сайт, вибравши його назву з контекстного меню іконки OpenServer в треї:
На сторінці, даєте сайту назва (потім зможете поміняти, якщо що), придумуєте логін (латиниця і деякі інші символи можна використовувати), складний пароль, вказуєте свій Емайл і тиснете на кнопку «Встановити WordPress».
Після цього вас привітають з успіхом і запропонують, ввівши тільки що придумані логін і пароль:
Адреса адмінки буде виглядати як «http: //robapera.loc/wp-admin/» - додайте його в закладки браузера, щоб не набирати вручну. Як працювати з цим движком далі, можете дізнатися з рубрик: і. Тільки починайте читати з кінця (внизу перейдіть на останню сторінку), щоб йти від простого до складного.
Удачі вам! До швидких зустрічей на сторінках блогу сайт
Вам може бути цікаво
пропало ліве меню в адмінці WordPress після поновлення 
Установка WordPress в деталях і малюнках, вхід в адмінку WP і зміна пароля Де завантажити WordPress - тільки з офіційного сайту wordpress.org 
Зниження споживаної в WordPress пам'яті при створенні сторінок - плагін WPLANG Lite для підміни файлу локалізації 
Оптимізація теми (шаблону) WordPress для зниження його навантаження на сервер хостингу, плагін WP Tuner і число запитів до БД 
Високе навантаження створювана WordPress-блогом на сервер і вкрай безглузде рішення цієї проблеми 
Як увійти в адмінку WordPress, А так само поміняти логін і пароль адміністратора видані вам при установці движка Як відключити коментарі в WordPress для окремих статей або всього блогу, а так само прибрати або навпаки підключити їх в шаблоні 
Hyper Cache - включаємо плагін кешування в Вордпресс для оптимізації WP блогу і зниження його навантаження на сервер хостингу 
404 помилка (not found) - якою має бути ідеальна сторінка помилки і як її створити засобами CMS або через файл htaccess
Не важливо, з якої причини вам знадобилося створення власного сайту головне підійти до цієї справи з усією відповідальністю і діяти поетапно. Перше що необхідно зробити, це встановити на свій комп'ютер локальний веб-сервер за допомогою якого ви зможете потренуватися і приступити до створення власного сайту навіть без доступу в Інтернет.
Для того щоб перетворити свій локальний комп'ютер на повноцінний (тестовий) веб-сервер необхідно завантажити і встановити спеціальний програмний комплекс. Подібних комплексів досить багато, але в їх склад, як правило, входить стандартний набір продуктів - веб-сервер Apache, СУБД MySQL, мова PHP та інше.
У даній статті ми розглянемо один з найпопулярніших програмних комплексів для веб-розробників під назвою Denwer. І саме Denwer ми і будемо встановлювати на локальний комп'ютер під управлінням операційної системи Windows 7. Якщо у вас інша версія операційної системи нічого страшного Denwer без проблем встановлюється на Windows XP і Windows 10.
Де скачати Denwer
Перш ніж почати установку необхідно завантажити Denwer (Денвер) з офіційного сайту розробника, де необхідно заповнити свої особисті дані, такі як ім'я та адреса електронної пошти, Після чого посилання на дистрибутив вам вишлють на вказану вами адресу. А можна піти іншим шляхом і завантажити точно такий же дистрибутив з нашого сайту за.
процес установки
Тепер приступаємо до установки Денвера на Windows 7. Нагадаю, що для інших версій Windows будь то XP або 10ка весь процес буде аналогічним.
Запускаємо тільки що скачав дистрибутив Денвера і спостерігаємо попередження системи безпеки, яке свідчить - чи дійсно ми хочемо дозволити програмі вносити зміни на комп'ютер. Говоримо, що ми згодні, натиснувши на кнопку «Так» і переходимо до наступного кроку.
У вікні інсталятора на питання «Ви дійсно хочете встановити базовий пакет? » натискаємо «Так» і чекаємо, поки архів розпакується.
Після розпакування архіву перед Вами відкриється вікно браузера і консоль. У браузері, як правило, немає ніякої для нас корисною інформацією більш того в більшості випадків він намагається відкрити неіснуючу сторінку на вашому комп'ютері, тому його можна сміливо закрити. Консоль ж чіпати не варто, вона нам знадобиться для установки Денвера.
Після закриття вікна браузера, хоч це і не обов'язково, переходимо до консолі і тиснемо клавішу Enter.
Далі читаємо, що щось подібне до «бла бла бла», а в самому кінці консолі вказана директорія, в яку буде встановлений сервер, за замовчуванням це C: \\ WebServers, але ніхто не забороняє вказати інший диск, просто вписавши новий шлях, як на скріншоті нижче:
Далі підтверджуємо установку в обране місце, в моєму випадку папка D: \\ WebSrv вже існує і з'явилося попередження про те, а чи дійсно я хочу виконати установку в неї, не звертаємо на все це увагу і натискаємо на кнопку «Y» якщо хочемо продовжити, або на кнопку «N», якщо передумали.
Наступним кроком знову підтверджуємо те, що ми хочемо встановити веб-сервер саме в цю директорію натисканням на клавішу «Enter». Все стандартно в стилі дрібном'який (Microsoft).
На наступному етапі буде створено віртуальний диск, який необхідний для функціонування всіх компонентів системи. Вибираємо будь-яку вподобану букву диска, за замовчуванням це буква «Z», її, мабуть, і залишимо.
Натискаємо «Enter», а потім ще раз і перед переходом до наступного кроку - чекаємо, поки розпакуються всі файли.
Тепер нам належить вибрати, як саме довантажувати віртуальний диск, Варіанти всього два:
- Диск створюється і з'являється відразу при завантаженні системи і не відключається при завершенні роботи.
- Диск створюється при запуску веб-сервера, а після того як веб-сервер зупинений диск зникає.
В принципі обидва варіанти гарні по-своєму, вибираємо те, що подобається. Я зазвичай вибираю перший варіант, в такому випадку навіть при вимкненому сервері можна працювати з файлами на диску (звичайно можна це робити прямо в зазначеній на початку установці папці, але мені так зручніше).
Натискаємо «Enter» і переходимо до наступного кроку.
На завершення установки Денвер запитає приблизно наступне - «а чи не хочете розмістити ярлики на робочий стіл?», Настійно рекомендую відповісти «хочу», в такому випадку в подальшому з ним буде зручніше працювати. Натискаємо кнопку «Y» і тиснемо «Enter». Після чого на робочому столі створюється 3 ярлика для запуску, зупинки і перезапуску сервера.
На цьому установка локального веб сервера Denwer завершена, а на робочому столі можна спостерігати 3 ярлика:
- Restart Denwer - перезапустити сервер
- Start Denwer - запустити сервер
- Stop Denwer - зупинити сервер.
Виглядають вони наступним чином:
