локальні сервера. Denwer. OpenServer - використовувані Web-розробниками для розробки сайтів на «домашній» (локальній) Windows-машині без необхідності виходу в Інтернет. Головна особливість Денвера - зручність при віддаленій роботі відразу над декількома незалежними проектами і можливість розміщення на Flash-накопичувачі.
Chromium, Google Chrome, Opera, Mozilla Firefox, Safari, IE
Браузери Використовують дебагери (Хром - F12, Mozilla - FireBug)
Сторона сервера - це частина програмного коду, яка виконується на віддаленому або локальному сервері.
PHP (англ. PHP: Hypertext Preprocessor - «PHP: препроцесор гіпертексту»; спочатку Personal Home Page Tools - «Інструменти для створення персональних веб-сторінок») - один з лідерів серед мов програмування, що застосовуються для створення динамічних веб-сайтів. скриптова мова програмування загального призначення, інтенсивно застосовується для розробки веб-додатків. І фреймворки на його основі.
Фреймворки - Kohana, Zend Framework, Yii.
MySQL - вільна система управління базами даних.
* Програмний фреймворк (англ. Software framework) - це готовий до використання комплекс програмних рішень, включаючи дизайн, логіку і базову функціональність системи або підсистеми. Відповідно - програмний фреймворк може містити в собі також допоміжні програми, деякі бібліотеки коду, скрипти і взагалі все, що полегшує створення та поєднання різних компонентів великого програмного забезпечення або швидке створення готового і не обов'язково об'ємного програмного продукту.
- Мови програмування, які є клієнтськими, але активно взаємодіють з сервером.
Сторона клієнта - частина програмного коду яка виконується безпосередньо на комп'ютері користувача (у його браузері).
HTML (від англ. HyperText Markup Language - «мова розмітки гіпертексту») - стандартна мова розмітки документів у Всесвітній павутині. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Мова HTML інтерпретується браузерами і відображається у вигляді документа в зручній для людини формі.
HTML5 - Основний її метою є поліпшити мову, що підтримує роботу з новітніми мультимедійними додатками, при цьому зберігається легкість читання коду для людини і ясність виконання для комп'ютерів.
CSS (англ. Cascading Style Sheets - каскадні таблиці стилів) - формальна мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки.
- Динамічно змінювати вміст веб-сторінок;
- Прив'язувати до елементів обробники подій (функції які виконають свій код тільки після того, як учиняться певні дії);
- Виконувати код через задані проміжки часу;
- Управляти поведінкою браузера (відкривати нові вікна, завантажувати зазначені документи і т.д.);
- Створювати і зчитувати cookies;
- Визначати, який браузер використовує користувач (також можна визначити ОС, дозвіл екрана, попередні сторінки, які відвідував користувач і т.д.);
- Перевіряти дані форм перед відправкою їх на сервер і багато іншого.
LESS - це надбудова над CSS. Це означає, що будь-який CSS код - це валідний LESS, але додаткові елементи LESS не працюватимуть в простому CSS. Це чудово, тому що існуючий CSS вже є працездатним LESS кодом, що зменшує поріг входження в нову технологію.
LESS додає багато потрібних динамічних властивостей в CSS. Він вводить змінні, операції, function-like елементи і домішки.
CoffeeScript, MooTools, Yahoo! UI Library (YUI), Dojo,
Системи управління контентом (CMS)
WordPress - Система управління вмістом (контентом) (англ. Content management system. CMS) [1] - інформаційна система ілікомпьютерная програма, яка використовується для забезпечення і організації спільного процесу створення, редагування і управління контентом (тобто вмістом). Написана на PHP, в якості бази даних використовує MySQL. Сфера застосування - від блогів до досить складних новинних ресурсів і інтернет-магазинів.
Підходи до розробки
Зазвичай статичний веб-сайт являє собою набір файлів HTML, розміщених на веб-сервері.
· Для створення сторінки не потрібно знати мови веб-програмування.
· Хороша кешувального сторінки.
· Швидка швидкість завантаження сторінок.
· Мінімальні вимоги до веб-сервера і мінімальне навантаження на нього.
· Простота переносу на інший сервер або локальний комп'ютер.
· Неможливість динамічної генерації вмісту.
· Неможливість повноцінної підтримки відвідувачів (вибір зовнішнього вигляду, підтримка браузерів, cookie).
· Для наповнення сайту інформацією необхідно отримувати доступ до файлів-сторінок за допомогою FTP, або стороннім веб-скриптів, що дозволяє редагувати сторінки.
· При великій кількості сторінок (файлів), якщо виникає необхідність внести однотипні зміни (дизайн, оформлення, додавання нових розділів) необхідно використовувати стороннє ПО (утиліти).
· Сайт-візитка - містить загальні дані про власника сайту (організація або індивідуальний підприємець). Вид діяльності, історія, прайс-лист, контактні дані, реквізити, схема проїзду. Фахівці розміщують своє резюме. Тобто детальна візитна картка.
· Каталог продукції - в каталозі є докладний опис товарів / послуг, сертифікати, технічні та споживчі дані, відгуки експертів і т. Д. На таких сайтах розміщується інформація про товари / послуги, яку неможливо помістити в прайс-лист.
· Домашні сторінки користувачів.
Також статичні сторінки часто використовуються як шаблони динамічних сайтів.
Основна властивість даних сайтів (як видно з назви) - гнучкість, рухливість інформаційне системи в підборі і поданні інформації, відповідної "запитом" відвідувачів сайту.
Сторінки сайту формуються сервером «на льоту» з різних блоків відповідно до запитаної, відвідувачем сторінкою.
У файлової системи сервера лежать виконувані скрипти (програми). Весь контент (інформація) сайту зберігається в базі даних, яка часто фізично розташована на іншому сервері, недоступним з Інтернету.
Динамічний сайт може містити флеш- заставки, ролики, анімацію, а також окремі статичні сторінки.
· Динамічний сайт, як правило, повністю управляється через нескладний веб інтерфейс. Управління можливо не тільки окремими сторінками, а й структурою розділів, а також інформаційної сіткою сайту.
· Управління сайтом є (і рекомендується) менеджерам, які безпосередньо спілкуються з клієнтами і знають які питання потрібно оперативно висвітлити на сайті.
· Так як динамічний сайт легше управляється, то, як правило, він швидше розвивається, ніж статичний, і швидше окупається його розробка.
· Безсумнівним плюсом є великий термін служби динамічного сайту. Оскільки сайт постійно змінюється за рахунок нових матеріалів, розділів і т.д., він «не відстає від життя», і питання про редизайн динамічного сайту встає тільки при серйозної реорганізації компанії або виробленні нового стилю компанії.
· Динамічний сайт, як правило, дорожче в розробці, ніж статичний і порівняємо за вартістю з флеш сайтом.
· Динамічний сайт дорожче в технічній підтримці, ніж статичний, тому що вимагає від компанії, яка здійснює підтримку, більш високої кваліфікації фахівців.
· Динамічний сайт вимагає більшу кількість ресурсів сервера, і не всі провайдери можуть здійснювати його технічну підтримку.
Динамічний сайт вимагає великих витрат на розробку і технічну підтримку, ніж статичний, але ці витрати швидше окупаються за рахунок зниження витрат на редагування контенту і розвиток інформаційної системи сайту. Динамічний сайт служить довше і ефективніше статичного. Доручати технічну підтримку динамічного сайту краще його розробнику, тому що такий сайт не всі провайдери зможуть підтримувати коректно, і не завжди можна розібратися, хто винен - розробник або провайдер в разі збоїв в його роботі.
Флеш-сайт - це по суті добре анімовані картинки і / або інтерактивні мультики.
Насправді флеш-сайт також може бути статичним і динамічним. Але динамічні флеш-сайти дуже рідкісні і дороги в розробці, тому нижче мається на увазі статичний флеш-сайт, звичайно з елементами інтерактиву.
· Професійно зроблений флеш-сайт виглядає ефектно.
· Розробка флеш-сайту сьогодні коштує невиправдано дорого.
· Часто флеш-ролики мають великий обсяг (вага файлів), довго завантажуються і створюють додатковий трафік.
· Флеш-ролики по суті - картинки. З цього флеш-сайти практично не знаходяться пошуковими системами.
Флеш-сайт буде цікавий тільки тим, хто любить дивитися мультики. Для відвідувача, який шукає конкретну інформацію, флеш-сайт швидше стоятиме на заваді, ніж корисним інструментом. Він повільно завантажується і часто змушує користувача дивитися одне і теж багато раз. Вартість флеш розробки сайту велика, а управління сайтом часто є лише професійному дизайнерові.