POD-RABOTKA.RU - сайт для всех, кого интересует возможность самостоятельно зарабатывать деньги
Сайт pod-rabotka.ru. Кликните, если Вам нужно перейти на его Главную страницу

Установка ВордПресс/Статические и динамические сайты. Мануал по прохождению бесплатного курса ТЦ «Твой Стартап» по созданию сайтов. Часть 1-я

К занятию № 1. Установка ВордПресс

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

Именно WordPress обеспечивает возможность зарабатывать с помощью сайтов огромному количеству людей по всему миру.

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

АХТУНГ! Сейчас будет небольшая загрузка мозга. 😉

Думала опустить в мануале технические подробности, но таки передумала.
Решила поднапрячься ради тех, кто не любит вслепую делать серьёзные вещи.
Так что те, кому это неинтересно, могут эту часть пропустить и читать дальше.

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

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

Итак – безо всяких претензий на академичность, я весьма коротко постараюсь ввести вас в понятия:

  • статические и динамические сайты
  • HTML и CSS
  • CMS и WordPress в частности
  • темы WordPress
  • дизайн сайта и контент.

Статические и динамические сайты

Для начала давайте разберёмся, что происходит, когда вы набираете в поисковой строке своего любимого браузера (или достаёте из закладок) адрес (URL) какой-то страницы какого-то нужного вам сайта.

  1. Браузер отправляет в сеть Интернет запрос – мол, мне нужна страница по такому-то адресу.
  2. Система DNS, о которой мы говорили несколько раньше, находит сервер хостинга, на котором расположен нужный вам сайт, и передаёт ему ваш запрос.
  3. Сервер подготавливает запрашиваемую страницу к отправке и посылает её в ваш браузер.
  4. Браузер принимает присланное и открывает страницу в окне компьютера.
  5. Вы наслаждаетесь от увиденного.

Что принимает браузер?

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

А теперь посмотрите исходный код рассматриваемой страницы.
Для этого нажмите правую кнопку мыши и давите в открывшемся окошке:

  • если вы пользуетесь браузером Chrome – «Просмотр кода страницы»
  • если у вас Mozilla Firefox – «Исходный код страницы»
  • если вы довольствуетесь IE – «Просмотр HTML-кода»
  • если у вас какой-то другой браузер – на что-то аналогичное.

Ну как? Похоже это на страницы, которые вы только что рассматривали?

Но именно в таком виде браузер принимает страницу, присланную сервером.

Кстати на будущее – именно это «читают» боты-роботы поисковых систем, заходя на сайт по своим (и важным для вас) делам.

Глядя на исходный код, вы заметите куски простого текста, написанные скучным простым шрифтом, множество ссылок и коротких слов/букв на латинице, заключённых в знаки «< >».

То что вы видите – это страница сайта, написанная в формате HTML.
Именно с этим форматом работает браузер и там есть всё, что ему нужно, чтобы отобразить страницу так, как её сделал её создатель.

То, что заключено в скобки < > — называется теги HTML и они, совместно со всякими ссылками, являются указаниями браузеру, например:

  • этот кусок текста должен быть набран шрифтом Tahoma, а здесь Verdana;
  • размер шрифтов должен быть: здесь – 14px (пикселей), здесь — 24 px, а цвет текста здесь — серый такой, но не слишком светлый, но и не чёрный, а вот здесь – красный, но не алый, а ближе к морковному;
  • эти три предложения образуют абзац. Его нужно поместить в рамку чёрного цвета, а фон в ней сделать жёлтым;
  • здесь – просто перенос строки без пробела между строками;
  • сюда поставьте картинку 300х500, взять её нужно вот отсюда (ссылка);
  • сюда другую картинку, сюда кнопочку, сюда вот это видео с UTube … и так далее.

Так к чему это я? А к тому, что страница сайта, которая находится на сервере хостинга, может изначально быть написана веб-мастером (вами, например) и храниться именно в том виде, в каком её получает браузер — в виде одного html-файла.
Сервер ничего с ней не делает перед отправкой браузеру – что есть, то и посылает.

Сайты, состоящие из набора html-файлов, каждый из которых – страница, называются СТАТИЧЕСКИМИ.

Однако есть и другой принцип подготовки сервером хостинга запрашиваемых страниц перед их выдачей браузерам.


Этот принцип реализуют динамические сайты. При этом содержимое страницы хранится в разных папках и файлах сервера.

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

Это называется таблицы CSS (Cascading Style Sheets) — каскадные таблицы стилей.

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

Сакраментальный вопрос – что лучше: статические или динамические сайты?
Ответ: смотря кому и для чего. Судите сами.

Сайты есть и статические (полностью только HTML) и динамические.

Часто статическими являются примитивные сайты-визитки, состоящие из двух-трёх страничек – «О нас», «Наши продукты/услуги», «Контакты».
Ну и правда – зачем нужно покупать экскаватор, если требуется всего лишь выкопать лунку под посадку куста крыжовника?

Остальные владельцы html-сайтов делятся на две неравные по численности и уровню подготовки группы.
В одну (большинство) входят неофиты, осваивающие азы сайтостроения и вёрстки. Честь им и хвала – к следующему своему этапу они подойдут уже тёртыми перцами.
Другую группу (в противоположность первой) составляют опытные манимейкеры, которые знают что делают, и для определённых своих задач организуют статические сайты.
Чем они руководствуются?

Да просто тем, что такие сайты при грамотном ведении дела могут иметь преимущество в поисковой выдаче.


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

Скорость загрузки (а это — время от запроса в браузере до появления страницы на экране монитора пользователя) должна быть максимальной. Как бы ни был быстр компьютер-сервер, ему нужно время, чтобы собрать динамическую страницу.
Статическую же html-страницу/файл собирать не нужно, она уже готова и может обогнать динамическую.

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

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

Резонный вопрос – если статические html-сайты такие славные, для чего нужны динамические?

Если он появился и у вас, значит, вы не обратили внимания (или забыли) часто повторяющееся слово ВРУЧНУЮ.

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

Но задумайтесь, что произойдёт, если вам захочется сегодня изменить на страницах какой-нибудь элемент оформления (например – фон или шрифт), а через неделю – установить счётчик статистики или сквозной рекламный баннер?
Правильно – придётся КАЖДЫЙ РАЗ вручную изменять код КАЖДОЙ страницы.

А если страниц 100 или 200/500? Отвечать не нужно.
Просто скажу, что новому сайту уже в первый месяц нужны 30-50 страниц-публикаций и такой темп для созданного под монетизацию сайта выдерживается довольно долго.

Добавим сюда то, что лежит на поверхности – для ведения статического html-сайта нужно знать сам язык HTML, вёрстку сайтов, иметь достаточное представление о вэб-дизайне, юзабилити и прочих премудростях.
Знания этого пригодятся любому, но многие вопросы позволяют решать CMS и динамические сайты.

Предыдущая страницаЧИТАЕМ ДАЛЬШЕ

Поделишься текстом с другими - поправишь свою карму :)!

Своё мнение о статье вы сразу можете отправить в любимую соцсеть

©   2012 Сайт “ПОДРАБОТКА. ЗАРАБОТОК В ИНТЕРНЕТЕ” совместно со Студией Деловых Коммуникаций BENTSIONI™