Пишем

Программирование сайта

Изготовив свой собственный неповторимый дизайн будущего сайта, мы подошли ко второму этапу, как сверстать наш дизайн в страницу html. Т.е. страницу, которую в принципе уже можно будет разместить на сервере, которая будет, по сути, полноценно работать. На данном этапе нам нужны будут знания по HTML, знания по CSS. И скорее всего то, без чего в интернете на сегодняшний день уже не обойтись – это знания по JavaScript и библиотеки jQuery.

Сверстанная HTML страница – это просто 1 страница. Далее нам нужно автоматизировать процесс добавления страниц, редактирования страниц, возможно регистрация пользователей. И вот здесь мы переходим уже на следующий этап – это этап программирования. Соответственно здесь нам будут нужны такие языки программирования как PHP и СУБД MySQL. Т.е. связка PHP с MySQL позволяет автоматизировать процессы на сайте. Допустим, чтобы всем было понятно, – это форма контакта на сайте, которую Вы наверняка встречали. Т.е. когда мы заполняем E-mail, имя, сообщение, жмем на кнопку «отправить». И все, письмо отправлено. Вот подобные вещи делаются непосредственно на PHP. Весь сайт, весь контент сайта, лежит в базе данных. И уже через MySQL добавляются связки PHP и MySQL, вытягивается на нужную страницу нужная информация.

Разберём другой путь построения сайта, например: Взять какую-нибудь готовую систему управлением сайта (CMS), например wordpress, joomla, в общем любую. И соответственно, сайт будет работать на выбранной CMS, но единственно, что темы для данных CMS (движков), как правило, однотипные. Для каких-то CMS больше для каких-то меньше, но, так или иначе, у вас всегда присутствует риск того, что у кого-то будет абсолютно идентичный с Вами сайт. Поэтому естественно, чтобы выделяться нужно будет что-то в данной теме поменять. Как правило, судя по опыту и вопросам на наших форумах, очень часто пользователи просят, как убрать картинку из данной темы, что-то добавить, передвинуть форму поиска как-нибудь по- другому, или в другое место ее переставить или просто ее убрать. Соответственно, чтобы сделать данные вещи, вносить правки в соответствующие темы, нужно в любом случае возвращаться на этап верстки, знаний html, css, javascript-a.

Если же нужен еще более глубокий функционал, касающийся не только поправления дизайна данной темы, то соответственно уже нужно будет знания как раз-таки языков PHP и MySQL.

Поэтому, в идеале, сразу лучше делать свою тему для какой-либо своей CMS или для готовой системы управлением сайта типа WordPress или joomla.

Видео уроки по вёрстке сайтов

Первое, что нужно изучить по верстке сайта

html5-cover

HTML является языком разметки гипертекста, который предназначен для создания web-страниц. Когда веб-страница открывается в браузере, он просматривает код HTML, в этом коде находит спецсимволы, которые называются тегами, и использует их для создания элементов, таких как: рисунки, таблицы, ссылки и др.

Обычный HTML может задавать цвет и размер текста с помощью тегов форматирования. Но если понадобится изменить параметры однотипных элементов на сайте, то придется просматривать все страницы, чтобы найти и поменять теги.

Каскадные таблицы стилей (Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Для быстрого изменения внешнего вида стиля документа используют набор правил форматирования, который называется Стилем CSS.

Курс изучения языка рассчитан на людей начинающих изучение языков программирования.

видеокурс о работе в фреймворке CakePHP

freephp-cover

PHP – это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере. Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)”.

PHP-скрипты выполняются на сервере и генерируют страницы HTML, которые посылается клиенту. Проще говоря, PHP превращает вашу статическую страничку HTML в динамическую.

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

видеокурс PHP и MySQL с Нуля до Гуру

PHP и MySQL с Нуля до Гуру

MySQL – самая популярная и самая распространенная СУБД (система управления базами данных) в интернете. Она предназначена для работы с небольшими объёмами информации, и её применение идеально для интернет сайтов, как небольших, так и достаточно крупных.

Приложение на РНР, использующее для хранения информации базу данных (в частности MySql) работает намного быстрее приложения, построенного на файлах. Потому, что базы данных написаны на языке C++, и написать на PHP программу, которая работала бы с жёстким диском эффективнее базы данных – задача неразрешимая по определению, поскольку программы на PHP в принципе работают медленнее, чем программы на C++, так как РНР – интерпретатор, а С++ – компилятор.

Основное достоинство базы данных MySql заключается в том, что она берёт на себя всю работу с жёстким диском и делает это очень эффективно.

JavaScript & jQuery для начинающих с нуля до профи

Javascriptэто язык программирования, с его помощью web-страницам придается интерактивность. Им создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем).

С помощью Javascript можно изменять страницу, стили элементов, удалять или добавлять теги. С его помощью вы будете знать о любых манипуляциях пользователя на сайте (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана…) Через Javascript можно к любому элементу HTML-кода получить доступ и проводить с этим элементом множество действий. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и много другого.

Создаем свой сайт на PHP

freecms

Аббревиатура CMS расшифровывается как «Content Management Software» («программное обеспечение для управления содержимым»). В нашей стране принято последнюю букву «S» расшифровывать как «System», а по-русски означает как «Система управления контентом».

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

Подстраиваем сайт под мониторы планшетов и телефонов

rezinovaya-verstka

Не секрет, что большинство пользователей для просмотра интернет ресурсов используют свои карманные планшеты. Для того, чтобы получить комфортный просмотр страницы сайта на гаджетах и мобильных устройствах применяется адаптивная вёрстка. Поэтому “резиновый” сайт это уже не роскошь, а потребность.

Как бы Вы не откладывали на потом, вам всё равно придется делать свой ресурс адаптивным, потому что видя некорректный вид вашего сайта на телефоне или планшете, пользователь просто его покинет.

Выбираем CMS платформу 

Если у вас нет желания тратить время и средства на разработку своей CMS, заточенной только под ваши нужды, то можно воспользоваться одной из уже имеющихся системы администрирования (CMS) с открытым кодом.

Как подойти к выбору CMS, на примере интернет-магазина, можно ознакомиться в статье Тараса Антюхова

Видео уроки по созданию сайтов на готовых CMS движках

Видео курс по изучению CMS WordPress

wp-cover

WordPress — система управления содержимым сайта с открытым исходным кодом; написана на PHP; сервер базы данных — MySQL; выпущена под лицензией GNU GPL версии 2. Сфера применения — от блогов до достаточно сложных новостных ресурсов и интернет-магазинов.

Только у нас вы сможете скачать бесплатно, адаптивные и популярные платные шаблоны, а также необходимые плагины для wordpress.

Видео курс по изучению CMS Joomla

Joomla 3

Joomla! (произносится джу́мла) — система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных MySQL и MsSQL. Является свободным программным обеспечением, распространяемым по лицензии GNU/GPL.

Идентична платформе wordpress, также требует установку необходимых плагинов.

Видео курс по изучению CMS OpenCart 2.0

im2-cover

OpenCart — система управления содержимым, ориентированная на создание интернет-магазинов. Является свободным программным обеспечением, распространяемым по лицензии GNU General Public License v3. Системой «OpenCart» поддерживаются дополнения.

Лучшая платформа CMS для построения интернет-магазинов, но не столь разнообразна в дизайнах шаблонов сайта, как WordPress или Joomla

Видео курс по изучению CMS Yii 2.0

freeyii-cover

Yii — это фреймворк для web-программирования общего назначения, который используют для разработки практически любых web-приложений. Благодаря своей легковесности и наличию продвинутых средств кэширования, Yii предназначен для разработки приложений с большим потоком трафика, таких как порталы, форумы, системы управления контентом (CMS), системы электронной коммерции и др.

Если вы задумали грандиозный проект, то выбирайте Yii 2.0

Видео курс по изучению landing сайта

landing

Лендинг — это промо-страница, которая настраивает посетителя на совершение определенного действия.

Такая страница отличается от массы других интернет страниц тем, что на ней нет ненужной, отвлекающей внимание, рекламы, ненужного текста, разных мигающих баннеров и всплывающих меню.

С помощью таких лендинговых страниц на 20-30% увеличивается уровень продаж по сравнению с обычными интернет-магазинами или просто рекламными сайтами.
Бесплатный курс по созданию и продвижению лендинга для начинающих

Загрузка сайта в интернет

Из статического дизайна, с помощью программирования мы “оживили” наш сайт. Теперь нам надо дать сайту “имя” (Домен) и поместить его в “дом” интернета (Хостинг).

 

Выход сайтов в интернет

Подбираем имя своему сайту

domen

Домен — это адрес сайта или определенная зона, которая имеет свое имя, не похожее ни на одно другое в системе доменных имен.

Рассмотрим, как выбрать домен, как его зарегистрировать.

Устанавливаем сайт на Хостинг

hosting

Хо́стинг (англ. hosting) — услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящемся в сети (обычно Интернет).

Хостингэто место, где физически находится ваш сайт. Его также можно поместить на личном ПК.

Рассмотрим более подробно

Строим сайт без интернета с помощью Denwer

denver

Проект Дмитрия Котерова (Денвер), – это локальный сервер (Apache, PHP, MySQL, Perl и т.д.), т.е. программная оболочка, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. А главная особенность Денвера, это удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.