Введение в веб-технологии

Front-end web-программисты разрабатывают клиентскую часть сайта: дизайн и интерфейс.

Введение в HTML и CSS

Чтобы сайт выглядел красиво, его текст нужно правильно разметить HTML-тегами.

HTML-теги выделяют структуру документа так, что браузер видит уже не сплошной текст, а различает заголовки, разделы, статьи, параграфы, списки и т.д.

Оформление внешнего вида этих элементов описывается в каскадных таблицах стилей CSS (текстовые файлы с расширением css).

Связывая один и тот же документ HTML с разными таблицами стилей, мы можем менять дизайн страницы, не меняя содержание (таким образом, форма отделяется от содержания).

CSS позволяет разработать стили для всех структурных элементов: шрифты, цвет, размеры, фон, отступы, выравнивания, рамки и т.п.

Можно обойтись и без CSS, но тогда браузеры будут пользоваться собственными таблицами стилей на свой вкус.

CSS-фреймворки

Для ускорения процесса разработки веб-сайта созданы библиотеки шаблонов HTML и CSS. Популярные CSS-фреймворки:

Blueprint    Bootstrap    YAML    960 Grid System   

Введение в JavaScript

JavaScript — язык программирования интерактивных сайтов.

В отличие от PHP, он выполняется на стороне клиента и позволяет отслеживать и реагировать на действия пользователя в браузере. Например, менять дизайн элемента при наведении на него курсора.

JavaScript-фреймворки

Для ускорения процесса создания веб-приложения разработаны JavaScript-библиотеки:

AngularJS    Backbone.js    Dojo Toolkit    jQuery    jQuery UI    Leaflet    MooTools    Prototype   

Back-end технологии

Back-end web-программисты разрабатывают серверную часть сайта.

Введение в PHP

PHP — это язык программирования динамических сайтов. Сайты без PHP называются статическими.

Документ HTML состоит из головы и тела. Предположим, что сайт состоит из 100 страниц с одинаковой головой и разными телами. Можно сверстать 100 страниц с одинаковой головой для статического сайта, а можно сверстать одну голову и 100 тел и динамически генерировать странички, приставляя одну и ту же голову к разным телам (общий объём кода уменьшится на объём 99 голов).

PHP нужен для обработки форм и заказов, для работы с базами данных.

Другие серверные языки: C#, Python, Ruby, Java.

Платформы для разработки веб-приложений

Системы управления сайтами
Content Management System, CMS

CMS позволяют быстро создавать большие сайты без знания HTML, CSS и PHP.
С помощью CMS пользователи сами могут управлять контентом своих сайтов без помощи программистов.

Популярные коммерческие CMS

Популярные бесплатные CMS

Фреймворки
Web application framework, WAF

Каркасы веб-приложений упрощают разработку сложных сайтов.
С помощью WAF можно разработать свою CMS.

ASP.NET-фреймворк (Microsoft)

PHP-фреймворки

Java-фреймворки

Python-фреймворки

Ruby-фреймворки

HTML5 за один урок

Процесс создания сайта