Blog
6 February 2016

Создание сайта для начинающих web-мастеров

Создание сайта для начинающих
Несмотря на обилие специализированных учебных заведенийв подавляющем большинстве случаевWEB программисты обучаются и приобретают знания самостоятельнобез помощи преподавателя.

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


Рассмотрим процесс создания простого сайтапоэтапно разбирая технологиикоторые для этого необходимо изучить

Создание макета в PhotoShop 
Создание сайта начинается с продумывания необходимого функционала и основных задачкоторые будет выполнять проектНа основе этого в «PhotoShop» создается макет каждой страницы и диалоговых оконкоторые будут реализованы в дальнейшем
Так как размеры экранов электронных устройств не имеют единого стандартанеобходимо продумать несколько видов дизайнаподходящего как для мобильных устройствтак и для стационарных компьютеровВ среднем разработка ведется под четыре основных размерачто существенно увеличивает время работы.

Что необходимо знать для верстки HTMLCSSJQuery 
Следующим этапом после создания готового макета является версткато есть создание кода страниц в форматедоступном для интерпретации браузеромНа этом этапе понадобятся навыки создания «HTML» разметки с применением каскадных таблиц стилей – «CSS». 
Для интерактивного взаимодействия с элементами сайтаа также добавления динамических эффектов потребуется понимание принципа работы языка программирования «javaScript». Для упрощения работы можно воспользоваться библиотекой «JQuery». 
Большинство решений для интерактивных элементов сайта уже написаныПрограммный код можно получить на специализированных ресурсах в интернете и использовать как естьПоэтому тратить время на их создание самостоятельно нет необходимости

Верстка с применением фреймворка «BootStrap» 
Создание адаптивной верстки под различные размеры экранов вручную это достаточно трудоемкий и время затратный процессПоэтомудля упрощения задачи можно использовать готовое решение в виде популярного фреймворка – «BootStrap». Для него имеется исчерпывающая документация и видео уроки
Верстка осуществляется по макетусозданному в «PhotoShop». Основная часть стилей уже прописана в «BootStrap», поэтому задача сводится к созданию «HTML» разметки с добавлением некоторых необходимых стилейВзаимодействие элементов и стандартные блоки подключаются при помощи «JQuery». На этом этапе часть работывидимая пользователямзаканчивается

Программирование логики сайта «PHP», «MySQL» 
Для программирования внутренних элементов управления сайтомприменяется серверный язык с открытым программным кодом «PHP». Для хранения и получения необходимой информации для страниц сайтаиспользуется база данных «MySQL». 
Для взаимодействия пользователя с сайтом в онлайн режимебез перезагрузки страницыможет быть применена технология «AJAX». Посредством запросов в «JSON» формате посылаемым скриптом «JQuery», которые обрабатывает «PHP»файлпользователь получает возможность в рамках программывзаимодействовать с базой данных

Применение движка WordPress 
Писать движок на «PHP» ответственный за внутреннее управление данными нет необходимостиДля этого можно воспользоваться уже готовым решениемнапример системой управления контентом «WordPress». Она включает все необходимые функциикоторые могут потребоваться при работе с сайтом
Работа сводится к написанию темы для «WordPress» и подключению уже готовых плагиновДля написания темынеобходимо в сверстанный шаблон прописать функции движканаписанные на «PHP». Список встроенных функций подойдет для решения любой поставленной стандартной задачи

Регистрация домена и публикация на хостинге 
Чтобы готовый сайт был доступен для пользователей интернетаего необходимо опубликовать на хостинге под уникальным доменным именем.
Для этих целей можно воспользоваться услугами одного из провайдеров предоставляющих платные услуги по размещениюКак правилопровайдер предоставляет возможность заказать и регистрацию уникального доменного имени
После того как аккаунт созданостается только залить файлы сайта на хостинг через «FTP» клиентчерез некоторое время сайт станет видимым в сети
Далее при помощи функционала «WordPress» необходимо наполнить сайт содержимым и наслаждаться результатами работы.

Здесь мы описали самые основные моменты создания сайта. Более детально об этом мы поговорим в следующих статьях.



Tegs: сайт, заработок, продвижение, вебмастер