Как научиться верстать сайты | Новости ИТ

Опубликовано: 29.10.2017 09:27

verstka-saytovЧто такое сайт сейчас знает почти каждый. Также, сейчас очень много специалистов, которые понимают как верстать сайты, и как затем всё это работает. Но что делать, если вы ещё только в самом начале пути и, понимая всю ценность подобных знаний, хотите ими обзавестись?

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

Концептуальная архитектура сайта

Физически, сайт это набор текстов, кодов и различных данных, которые организованы в своём взаимодействии, хранятся на постоянно доступном в интернете компьютере (хостинге) и при запросе браузера (http протокол) к домену, который привязан к месту их хранения, выдают осмысленную порцию информации. Если чуть проще, то это могут быть один или несколько текстовых файлов в формате html, которые при обращении к ним через браузер отображают в нём структурированную информацию.

Способы создания сайтов:

  • вёрстка на html
  • использование CMS
  • использование экспорта из различных программ
  • использование интернет сервисов

Сайты на чистом, статическом html

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

Для того, что бы создать свой первый сайт, состоящий из одной страницы, достаточно создать текстовый документ, написать в него что-нибудь и сохранить его на локальном компьютере сменив расширение файла с .txt на .html Теперь можно кликнуть на него дважды и он откроется в вашем браузере. Просто? – Но понятно, что не правильно. Как правильно верстать сайт на голом html будет рассказано в вашем самоучителе.

После того, как сделаете свой сайт, или его страницу, нужно её залить на хостинг. Хостинг перед этим нужно было закаать через интернет у одного из хостеров (компании, предоставляющие такую услугу). Там же можно будет заказать и доменное имя для вашего будущего сайта.

Заказав услугу хостинга, вы получите необходимые параметры для доступа к файловой системе (ftp доступ). Всё непонятное обычно доступно разъясняется хостером в разделах справки, либо суппортам в общении с клиентами. Теперь заливаете по ftp ваш .html файл на хостинг и открываете в браузере ваше доменное имя. В общих чертах, это вся процедура запуска сайта. Но здесь конечно же может встретиться очень много обязательной но не столь принципиальной работы, по настройкам хостинга, по привязкам доменного имени к каталогу на сервере, по настройке ftp доступа, например в totalcommander. Однако, как только ваша страница начнёт открываться по имени вашего сайта в браузере, считайте, что первый сайт вы сделали и запустили.

Большая часть написанного выше будет общей для всех способов создания сайтов кроме использования интернет сервисов. Повторяться не будем, будем обозначать её общим понятием “размещение сайта”.

Автоматизируем работу сайтов используя CMS

Теперь о том, как научиться верстать сайты с использованием CMS. Прежде всего, CMS это системы управления контентом, или движки для сайтов. Представьте себе, каково это организовать на голом html сайт на пару тысяч страниц… А потом ещё и поддерживать его в актуальном состоянии. Для этих целей используют CMS. Их много, потому стоит сперва вникнуть в их различия и предназначения и уже после этого, выбрав наиболее подходящую вам, приступать к сборке сайта.

Слово “сборка” а не “вёрстка” было употреблено преднамеренно, поскольку можно запустить сайт не сверстав ни одной страницы. Для сайтов на CMS используется одно принципиальное по отношению к голому html новшество – нужны базы данных (БД). БД всегда предоставляются хостингом. Всё что вам нужно, это научиться пользоваться вашей панелью управления у хостера и получить оттуда сервер, имя, имя пользователя и пароль к ваше БД. Если получили, то можно приступать размещению сайта. После того, как у вас на руках окажется имя домена, параметры ftp доступа и параметры доступа к БД приступаем к заливке файлов CMS по FTP.

По завершению заливки запускаете браузер и открываете в нём ваш сайт. Ваша CMS предложит вам дальнейшие шаги по настройке сайта, в том числе и запросит параметры для доступа к БД. Закончив настройку вы получите начальное состояние сайта. Теперь вы знаете, как верстать сайт с нуля не написав ни строчки кода.

Размещаем сгенерированный сайт

К размещению сайта можно привязать и продукт работы таких программ, как например Microsoft Word, которые имеют функцию экспорта своих документов. Вопрос, как верстать правильно здесь также не актуален, поскольку при экспорте из программы вы получаете файлы в нужном вам формате html. А далее следует их заливка на сервер как и обычных статических html сайтов.

Используем интернет сервисы по “бесплатному” созданию сайтов

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

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

Завершая небольшой обзор возможностей создания сайтов стоит ещё раз вернуться к вопросу как верстать html и для чего это нужно уметь. Предположим. вы используете CMS и получаете готовый сайт. Но без понимания html вы не сможете сами работать с шаблоном сайта, вносить правки в отдельные его страницы также может быть затруднительно. В любом случае, html является основой и его понимание при работе с сайтом нужно почти на каждом шагу. Помимо html, нужны базовые навыки css и php. Чтобы быстро овладеть ими, рекомендую школу программирования http://codeproschool.ru/. Успехов вам!


Похожие новости: