Содержание:
Выбор технологии создания сайта
Самописный информационный сайт
Выбор технологии создания сайта в первую очередь зависит от самого будущего продукта, т.е. сайта, от его назначения и функционала, так сказать.
Так, если будущий ресурс несет только информационную нагрузку, не включая большого количества интерактивных и динамических элементов, то такой сайт может быть разработан самыми простыми и доступными средствами и технологиями: HTML и CSS, ну и, все же следует хоть какую-то динамичность добавить посредством javascript (хотя можно обойтись и даже без этого).
Таким требованиям отвечает, например, обычный информационный сайт-визитка или сайт-каталог (не магазин!). Таких сайтов еще недавно было достаточно много во всемирной паутине. Их можно было создать на локальном компьютере, а потом закачать по FTP-клиенту на сервер хостера. Обзавестись доменным именем (а на многих хостингах эта услуга предоставлялась сразу с размещением своего сайта) и вуаля! — Ваш сайт уже на просторах Интернета.
Сайт на «движке» и самописный интерактивный ресурс
Но современные тенденции развития в мире WWW демонстрируют иные требования или предпочтения. Пользователям уже не интересно просто «читать», им необходимо взаимодействовать с ресурсом.
Для обеспечения интерактивности и богатой функциональности сайта разработано и существует огромное количество так называемых движков. Их очень много, но большую часть из них отнесем к CMS системам (Content Management System).
Когда мы говорим о ресурсах такой сложности, то сразу возникает необходимость использования таких понятий как front-end и back-end. Очень поверхностное объяснение этим понятиям таково:
- front-end, или будем говорить интерфейсная часть, — это действительно, по сути, интерфейс сайта, т.е. его внешний вид. Занимаются разработкой front-end, как правило, веб-дизайнеры и «немножко» программисты. А если вы работаете с CMS системой, то это «ложится уже на плечи» самой системы, без вмешательства человека;
- back-end — это та часть сайта, которая программируется, причем программируется на серверной стороне, соответственно для этого используются серверные языки программирования. Но опять-таки, если говорить о CMS, — то и этот функционал там автоматизирован.
Таким образом, можно обойтись и без особых навыков веб-программирования, используя CMS. Но самые небольшие требуемые изменения повлекут к тому, что все же разбираться надо и в программировании, хотя бы поверхностно.
Для самописных сложных проектов потребуется примерно следующий арсенал инструментария:
front-end: HTML, CSS, Photoshop, Javascript (или библиотеки, например, jQuery) и т.п.
back-end: основной серверный язык программирования (например, PHP), средство для работы с базой данных (например, mySQL и, конечно, сам SQL-язык), jQuery (или другая библиотека), Ajax и т.п.
Список технологий и языков программирования может быть достаточно большим, здесь представлен один из вариантов.
Этапы разработки сайта
- Заливка системы на хостинг (сервер)
- Установка системы
- Проверка системы
- Лицензия
- Настройка Базы данных
- Название сайта
- Установка пароля системы
- Общая настройка системы
- Дата и время
- Регистрация пользователей
- Визуальный редактор
- Вывод материала
- Наполнение контентом
- Статичное содержимое
- Разделы и категории
- Адаптация дизайна под систему
- Расстановка меток
- Корректировка путей картинок и css
- Перенос дизайна в систему
- Загрузка картинок и css на сервер
- Разные модули и компоненты
Использование систем управления содержимым сайта (CMS)
CMS – создана для управления большими сайтами
Плюсы:
- Системой может управлять пользователь без глубокого знания html и css
- Быстрота создания сайта
- Оперативное обновление информации
- Расширяемость возможностей сайта (внедрение новых компонентов);
- Большой выбор профессиональных шаблонов
- Уменьшение сроков и стоимости разработки
Минусы:
- Время на изучение;
- Умение работать с локальным сервером
- Сайты на CMS требуют больше ресурсов («тяжелые»)
Технические требования к оборудованию (хостингу)
- Хостинг (сервер)
- PHP
- MySQL
- Локальный компьютер
- Denwer
Необходимые параметры:
Принцип работы системы
- Установка среды для работы (локального сервера с базой данных)
- Создание БД
- Установка Joomla! на сайт
- Работа с административной панелью по созданию сайта
Локальная установка системы
- Установка среды (локальный сервер Denwer): Denwer… .exe.
- Установка базы данных:
- Запустить ярлык сервера Start Denwer.
- Запустить браузер, в строке поиска браузера набрать: http://localhost/Tools/phpMyAdmin.
- Создать БД, записав ее имя в поле Создать новую БД (например,
project
). Щелкнуть Создать. - В папке z:\home\ cоздать папку с будущим названием сайта (латинскими буквами, например: z:\home\ivanov_site\ ). В этой папке создать еще папку www
- Извлечь архив Joomla… .zip. Все содержимое папки Joomla … Russian скопировать в созданную папку www.
- Запустить ярлык сервера Restart Denwer.
- Запустить браузер. В адресной строке ввести http://ivanov_site
Конфигурация
- Перейдите в браузер и наберите в строке адреса: http:// имя_папки_с_сайтом.
- Начальная проверка, Лицензия: оставьте как есть (щелкаем Далее) до пункта База данных.
- База данных:
- запишите имя созданной БД в поле Имя базы данных
- в поле Название хоста:
localhost
- в поле Имя пользователя:
root
- поле Пароль оставьте пустым
- Конфигурация FTP: пропустите, ничего не вводя. Далее.
- В поле Название сайта: любое название для Вашего сайта (например,
Электронный учебник
). - В поле Ваш e-mail: служебные данные с сайта отсылаются на этот электронный ящик.
- Придумайте Пароль администратора (вход в административную часть осуществляется по нему).
- Не нужно устанавливать демо-данные.
- Удалите папку installation (Z://home/имя_папки_с_сайтом/www/installation).
- Зайдите в область admin (заполните: Логин:
admin
(или другой ранее созданный), Пароль: указанный ранее пароль). - Чтобы заходить из браузера, наберите: http://название_сайта/administrator/.