Личный блог Артёма Санникова

Подробные пошаговые обучающие уроки по направлениям: cms системы, локальные сервера, социальные сети и операционные системы.

Категории сайта

› 2 выпуск журнала "Механизмы Online-бизнеса"
Мельникова 620000 Россия, Свердловская обл., г. Екатеринбург. +7 953 039 559 1 info@artemsannikov.ru

2 выпуск журнала «Механизмы Online-бизнеса»

Дата публикации:  / Категория: Электронный журнал / Автор: 

2 выпуск журнала "Механизмы Online-бизнеса"

Приветствую вас во втором выпуске электронного журнала «Механизмы Online-бизнеса». Во втором выпуске будут рассмотрены первые подводные камни, которые вы встретите в начале своего пути.

Содержание выпуска:

  1. Основы для создания сайта
  2. Способы создания сайта
  3. Программное обеспечение для разработки сайта

#1. Основы для создания сайта

Для создания любого сайта вам потребуется изучить фундаментальную базу любого языка разметки и программирования. Обучение стоит начинать с изучения языков разметки HTML и CSS, а затем переходить к языкам программирования PHP, MySQL, JavaScript и др.

Давайте разберемся, чем отличается язык разметки от языка программирования на наглядном примере:

Язык разметки – это набор символов или последовательностей, вставляемых в текст, для передачи информационный части или структуры документа, т.е. язык разметки это — каркас всего документа.

Язык разметки: HTML и CSS

Язык программирования — это набор лексических, синтаксических и семантических правил, которые представляют собой набор правил, позволяющих компьютеру выполнить от или иной процесс, организовать управление различными объектами и др. Язык программирования предназначен для взаимодействия человека с ЭВМ.

Языки программирования: PHP, MySQL и JavaScript

После того, как мы разобрались с понятиями: язык разметки и язык программирования. Можно рассмотреть каждую группу по отдельности, и посмотреть, что относится к данным группам.

Языки разметки

Рассмотрим два основных языка разметки.

HTML (HyperText Markup Language) – язык гипертекстовой разметки, который определяет структуру всего документа и определяет, каким образом будет расположена информация на странице.

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

Языки программирования

Рассмотрим только несколько вариантов языков программирования, так как их очень много.

PHP (Hypertext Preprocessor) – скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

MySQL – это свободная реляционная система управления базами данных, которая позволяет хранить все данные вашего сайта.

JavaScript – прототипно-ориентированный сценарный язык программирования. Наиболее широкое применение находит в браузерах, как язык сценариев для придания интерактивности веб-страницам.

Начинать обучение стоит с языков разметки: HTML и CSS, а когда освоите эти языки, то можно переходить к следующему этапу изучения: PHP, MySQL и JavaScript и др.

#2. Способы создания сайта

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

Фриланс

Фриланс – биржа удаленных работников, которые выполнят поставленную задачу за определенную сумму денежных средств. От вас требуется только лишь грамотное и понятное техническое задание, быстрая обратная связь и своевременная выплата денежных средств.

Онлайн-сервисы для создания сайтов

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

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

CMS системы (конструкторы сайтов)

CMS система – это система управления содержимым сайта, т.е. это набор скриптов и расширений, которые позволяют вам управлять контентом вашего сайта в любое время суток. На текущий момент существует огромное количество разработанных cms систем, как коммерческих, так и не коммерческих.

Самостоятельная разработка

Самостоятельная разработка сайта требует определенных технических знаний, а именно знаний языков разметки (HTML, CSS) и языков программирования (PHP, MySQL, JavaScript и др.).

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

#3. Программное обеспечение для разработки сайта

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

Текстовый редактор — позволяет управлять только текстом и подходит уже для опытных пользователей. В состав текстовых редакторов входит следующее программное обеспечение: Notepad++, Sublime Text и др.

Текстовый редактор Sublime Text

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

В состав этих конструкторов входит следующее программное обеспечение: Adobe Dreamweaver, Microsoft Office FrontPage и др.

Визуальный редактор Adobe Dreamweaver

Измерительная линейка — инструмент mySize позволяет измерить расстояние в пикселях от точки до точки на вашем экране, данный инструмент очень удобно использовать при верстке сайта.

Верстка сайта — перевод нарисованного сайта из формата *.jpg в интерактивный формат *.html

Измерительная линейка mySize

Определение цвета в любой точке экрана — при верстке сайта очень часто необходимо узнать цвет в определенной точке экрана, и инструмент Pixie отлично справляется с поставленной задачей.

Определение цвета в любой точке экрана Pixie

С уважением, Артём Санников

Сайт: ArtemSannikov.ru

Tags: , , , , , , , , , , , , .

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *