Советы для новичков в сфере ВЕБ-РАЗРАБОТКИ


Какими бывают сайты?


Способы раскрутки и оптимизации сайтов

   
Веб-дизайн | Создание сайтовГЛАВНАЯ
СОЗДАНИЕ САЙТА

 

Что для этого необходимо

Как заказать создание сайта
Художественный образ
Используемые технологии
Размещение в Интернете

Стоимость создания сайта

Срок исполнения

Тематика сайта

 

КАК СОЗДАЮТСЯ САЙТЫ

 

Какими бывают сайты

Корпоративный сайт
Авторский веб-дизайн
Последовательность работ

Анализ и оценка сайта
Оптимизация сайта

Оптимизация контента

 

ТЕХНОЛОГИИ ВЕБ-ДИЗАЙНА

 

Веб-дизайн. Браузеры

Экранное разрешение

Иллюстрирование сайта

Обновление сайта

Заработок в Интернете

Курсы веб-дизайна

Терминология веб-дизайна

Счётчики посещаемости сайта

Ликбез

Склейка доменов

Статьи

 

ОФИС



Технологии создания сайтов

В далекие 90-е годы, когда интернет только зарождался, сайты, по сегодняшним меркам, были очень примитивными, с довольно примитивными технологиями веб-дизайна и в прямом смысле представляли собой набор статичных страничек. Для каждой страницы сайта создавался свой html-файл, содержащий свой контент. Например для раздела «О компании» — файл about. html, в который вручную добавлялась нужная информация, осуществлялась разметка страницы при помощи html-тегов, и такой файл загружался на сервер. Таким образом, когда пользователь в строке адреса набирал www. kakoi-to-domen. ru/about. html, ему в браузер загружался непосредственно файл about. html.

Веб-дизайн | Технология создания сайтов

Конечно этот подход уже изрядно порос бородой, но если вы только собираетесь изучать искусство разработки сайтов по современным технологиям веб-дизайна, вам наверняка придется столкнуться с ним, хотя бы для того, чтобы изучить язык html, на базе которого до сих пор отображается страница любого сайта. Вообще HTML прост как 3 копейки и практически не претерпел никаких изменений за последние почти 20 лет. Но чтобы научиться создавать красивые сайты, придется узнать что такое верстка. А для того, чтобы делать сайты функциональные — придется изучать программирование и в частности язык PHP, о котором пойдет речь дальше.

Технологии веб-дизайна: язык PHP

Несмотря на простоту создания сайта на базе HTML, недостатки «ручного» создания веб-страниц сайта очевидны: руками можно сделать 5-10 страниц, но когда их число достигает сотен — возникают проблемы. И сложность заключается скорее не в создании, сколько в управлении технологиями веб-дизайна. Ведь для правки какого-то повторяющегося блока на сайте, например часть веб-дизайна или элементов меню, придется дублировать изменения во всех файлах сайта. Понятно, что перебирать сотни файлов чтобы добавить в каждый из них пару строчек — мало приятного.

Веб-дизайн | Технология создания сайтов

На смену чистому html пришел язык программирования PHP, а с ним и новые возможности. Во-первых при помощи PHP появилась технология веб-дизайна, при помощи которой конечная веб-страница сайта собиралась из нескольких блоков. Можно было в одном файле описать элементы шапки сайта, в другом — меню, в третьем — подвал, а во всех остальных файлах описывать только суть — непосредственно контент страницы. Однако недостатком подобного подхода было то, что работа с контентом сайта по прежнему велась на уровне файлов. А это требовало как минимум хороших знаний html для корректного форматирования текста, и умений работать с файлами на хостинге.

Веб-технологии: да придет спаситель в лице связки PHP + MySQL!

По-настроящему мощным инструментом программирования и создания сайтов является связка PHP + MySQL. MySQL — это База Данных, набор таблиц, в которых хранится та или иная информация. PHP выступает в качестве инструмента, который умеет читать из таблиц базы нужные данные и на их основе формировать html-код.

Приведу пример.

Пусть в базе данных имеется следующая таблица
№ text
1 Привет, я первая страница
2 Я страница номер 2

Тогда при помощи php мы можем написать алгоритм, такой, что передавая в URL номер нужной нам строки в таблице, мы сможем выводить на экран нужную информацию. Например, по URL www. vash-domen. ru/?page=1 скрипт поймет, что значение переменной «page» равно единице, а значит нужно вывести данные из первой строки таблицы, которая содержит фразу «Привет, я первая страница». Если же изменить URL на www. vash-domen. ru/?page=2, значение переменной page = 2, а значит нужно вывести вторую строку таблицы. Не буду выходить за рамки статьи и рассказывать по какой именно технологии веб-дизайна можно  сделать подобный алгоритм на PHP. Цель статьи — провести обзор технологий создания сайтов, а не узких технологических решений.

Веб-дизайн | Технология создания сайтов

Итак, предположим что выводить нужные данные из базы мы научились. Но ведь в php помимо чтения существует технология записи в базу сайта новых данных. Для отправки данных от пользователя используются html-формы и на php можно реализовать механизм обработки этих форм. Таким образом после того как пользователь заполнил форму и нажал кнопку «отправить» php-скрипт ловит данные из формы и выполняет вставку новой строки в базу.

Технологии веб-дизайна: что такое CMS?

Итак теоретически мы научились читать и записывать данные в Базу, а значит обладая достаточными знаниями технологий веб-дизайна, PHP и MySQL можем самостоятельно сделать полноценный механизм управления информацией. Правда ситуация осложняется тем, что одной таблицы для хранения данных явно не достаточно. В реальности их число обычно достигает нескольких десятков (таблица для хранения статей, комментариев, опросов, пользователей, меню, системных настроек и т. д.).

При этом для каждой таблицы для каждого типа данных нужно запрограммировать как минимум 3 действия: создание / редактирование / удаление. Результат: десятки таблиц, сотни php-файлов, тысячи строчек кода... Качественно выполнить такую работу с нуля — задача не простая. Но предыдущие поколения программистов уже потрудились за нас. Сегодня на просторах интернета можно найти множество различных готовых вариантов систем управления контентом, или сокращенно CMS (Content Management System).

В CMS все функции работы с БД уже запрограммированы, а интерфейс по работе с сайтом максимально прост и удобен. Таким образом администратор сайта видит лишь отдельные элементы управления (формы добавления статей, элементы управления меню и т. д.), и ему совершенно не нужно быть программистом чтобы управлять сайтом. Он лишь задает команду, например, «создать статью», а движок выполняет всю механическую работу за него, а именно обрабатывает входные данные и вставляет их в нужные таблицы БД. И поэтому сегодня администратор сайта может быть совсем далек от программирования, но иметь возможность управлять контентом.

Это можно сравнить с вождением автомобиля. Ведь вам совершенно не обязательно знать, как работает двигатель. Достаточно нажать на педаль газа, и машина поедет. Однако повторюсь, что в сущности CMS — это набор PHP файлов, при помощи которых осуществляется управление базой данных (как правило MySQL). На сегодняшний день среди бесплатных CMS можно выделить 3 наиболее популярные: Drupal, Wordpress, Joomla. Что касается платных продуктов, думаю вы наверняка могли слышать о системе управления 1С-Битрикс.


 


Теги:

Технологии веб-дизайна,  cms, php, html


 


 

Веб-дизайн | Создание сайтов На главную

 


«Интернет без ошибок». МСД ©

 ВСЕ ПРАВА ЗАЩИЩЕНЫ


Веб-дизайн | Создание сайтовКачество сайта | Создание сайта