Це стара версія документу!
Технології розробки сайтів. Інструменти розробки сайтів
Інструменти веброзробки дозволяють веброзробникам тестувати та налагоджувати свій код. Вони є інструментами, що використовуються для тестування інтерфейсу користувача вебсайту або вебпрограми.
Дані інструменти слугують доповненням для браузера. У більшості популярних веббраузерів, таких як Google Chrome, Firefox, Internet Explorer, Safari, Microsoft Edge та Opera інструменти веброзробки вже вбудовані для допомоги веброзробникам, також багато додаткових доповнень можна знайти у відповідних центрах завантаження плагінів.
Інструменти веброзробки дозволяють розробникам працювати з різними вебтехнологіями, включаючи HTML, CSS, DOM, JavaScript та інші компоненти.
Інструменти для створення сайтів
Редактор коду/Середовище розробки
Редактор коду
Насамперед, це корисний інструмент для тих, хто збирається самостійно створювати свій ресурс або вносити якісь поправки до нього. Якщо це так, то вам знадобиться написання коду на мовах html і css як мінімум, а можливо і на деяких інших. Для зручної роботи з ними потрібно якесь програмне забезпечення, в нашому випадку редактор, в якому цей код підсвічували, а також вилазили різні підказки по написанню. У будь-якому випадку, ви можете їх прибрати, якщо ви є досвідченим розробником.
Середовище розробки
Це щось подібне до того ж редактора, але включає в себе набагато більше можливостей. Сама назва говорить про це. У такому середовищі є все необхідне для того, щоб розробити сайт. Зазвичай таку програму встановлюють для того, щоб працювати з різними мовами програмування. В веб-програмуванні частіше всього використовується PHP, саме для роботи з ним ставлять середу.
Можна виділити таке програмне забезпечення:
Notepad++ — текстовий редактор, призначений для програмістів і тих, кого не влаштовує скромна функціональність програми «блокнот», що входить до складу Windows
Atom — розроблений компанією «GitHub» вільний текстовий редактор і редактор коду, який може використовуватися як самодостатнє рішення, так і у ролі технологічного стека для побудови різних спеціалізованих рішень
JetBrains PhpStorm — комерційне крос-платформове інтегроване середовище розробки для PHP, яке розробляється компанією JetBrains на основі платформи IntelliJ IDEA
JNetBeans IDE — вільне інтегроване середовище розробки (IDE) для мов програмування Java, JavaFX, C/C++, PHP, JavaScript, HTML5, Python, Groovy.
Конструктори сайтів як спрощені інструменти
Редактори коду чи середовища розробки призначені для програмістів, тому що розробка дизайну та його реалізація в коді вимагає чималих знань, а якщо їх немає, то треба наймати людей, які це зроблять.
Конструктор дозволяє піти набагато більш простим шляхом. При роботі в такій програмі вам, швидше за все, не знадобиться ніяких початкових знань в області сайтобудування (хоча все-таки корисно їх мати), всі настройки виконуються в візуальному режимі. Ви можете вибрати один з сотень шаблонів, і ваш сайт буде виглядати добре, хоча і не буде володіти унікальним оформленням, але це вже інше питання.
Деякі конструктори є великими веб-майданчиками, де ви можете зареєструвати собі домен, замовити додаткові послуги і т. д. Наприклад, Wix. А є просто програми-конструктори. Наприклад, DreamViewer або повністю візуальний Adobe Muse.
Adobe Dreamweaver (попередня назва Macromedia Dreamweaver) — редактор, що відноситься до категорії WYSIWYG-редакторів, має дуже багато переваг: зручний інтерфейс, настроювання функцій, підтримка великих проектів і ShockWave-технологій, можливість закачування файлів через FTP, підтримка SSI і багато чого іншого
Adobe Muse — це офлайн-конструктор веб-сайтів без коду, який використовують для створення фіксованих, плавних або адаптивних веб-сайтів без необхідності написання коду.
WYSIWYG
Візуальний редактор, також вживається назва WYSIWYG (вимовляється [wɪziwɪɡ], є абревіатурою від англ. What You See Is What You Get, «що бачиш, то і отримаєш») — властивість прикладних програм або вебінтерфейсів, в яких вміст відображається в процесі редагування і виглядає максимально близько схожим на кінцеву продукцію, яка може бути друкованим документом, вебсторінкою або презентацією. В даний час для подібних програм також широко використовується поняття «візуальний редактор».Локальний сервер
Для створення сторінок на мові HTML звичайно не потрібно ніяких додаткових програм, тільки блокнот і браузер, але для більш серйозних проектів, які будуть вимагати підтримку PHP і баз даних необхідно мати веб-сервер. Чому так? Та тому що PHP виконується на стороні веб-сервера, усі запити і їх опрацювання виконує веб-сервер.
Якщо ви вирішили програмувати сайт на PHP або ж навіть створити сайт на основі будь-якої CMS(такі системи, як Joomla, WordPress, Drupal, DLE і інші), тож і вам буде необхідний веб-сервер.
Денвер (від скор. Д.н.w.р або ДНВР — джентльменський набір Web-розробника) — набір дистрибутивів і програмна оболонка, призначені для створення та налагодження сайтів (вебдодатків, іншого динамічного вмісту інтернет-сторінок) на локальному ПК (без необхідності підключення до мережі Інтернет) під управлінням ОС Windows.
XAMPP — безкоштовна багатоплатформова збірка вебсервера з відкритим початковим кодом, що містить HTTP-сервер Apache, базу даних MariaDB, MySQL й інтерпретатори скриптів для мов програмування PHP та Perl, а також додаткові бібліотеки, що дозволяють запустити повноцінний вебсервер.
Apache HTTP-сервер (вимовляється /ə.ˈpæ.ʧi/) — відкритий вебсервер Інтернет для UNIX-подібних, Microsoft Windows, Novell NetWare та інших операційних систем.
Підтримка інструментів веброзробника
Кілька відомих веббраузерів мають вбудовані плагіни, які допомагають при розробці макету сторінки.
Адміністратор