Статическая и динамическая страница. Системы управления контентом

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

По поведению документа в браузере пользователя, различают:

  • Статические html страницы
    Статические - означает, что страница выглядит всегда одинаково, на зависимо от действий пользователя. Например, меню организованно ссылками на отдельные страницы, а не выпадающим списком.
  • Динамические html страницы
    Эти страницы уже могут реагировать на действия пользователя и изменяться. Например, при щелчке по тексту может показываться всплывающий блок текста с переводом слова. Кстати, именно так реализован один из плугинов-переводчиков для браузера Firefox.

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

Это может звучать несколько запутано, но не переживайте. Когда вы с этим столкнетесь - все будет проще.

Самый распространенный язык для создания динамики веб страниц - это JavaScript. (Не путайте с языком программирования Java. Это две совершенно разные сущности.)
Реже используется VBscript(visual basic script). (Microsoft как всегда пошла своим путем.)

По способу создания документы делят опять на статические и динамические.

Статическими называют страницы, если они лежат на сервере в html е.
А динамическими называют те, которые генерируются "на лету" по запросу браузера.

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

Если ваш сайт содержит часто меняющийся контент (content - информация на сайте), то вам на помощь придут скрипты, выполняющиеся на сервере . И это ключевое отличие этих скриптов, от описанных ранее (тех, что написаны на JavaScript). Работает это следующим образом:

  1. Браузер запрашивает у сервера документ
  2. Сервер определяет, что документ является скриптом и запускает его на выполнение
  3. Скрипт генерирует html страницу
  4. Сервер отправляет сгенерированную страницу браузеру, так что тот и не догадывается, что на сервере отработал скрипт

Существует несколько языков программирования, на которых могут писать скрипты, которые генерируют "динамические" страницы. Самые распространенные из них:

  1. Python
  2. Бинарный код (программа на Си или С++ скомпилированная в исполняемый код)

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

Как правило если вы ите, что адрес страницы заканчивается на.html или.htm, то это обычная статическая страница. (Можно конечно настроить сервер так, чтобы он исполнял скрипты, которые заканчиваются на эти же окончания, только это не практично. Все таки.html и.htm - это стандарт и переопределять эти окончания не стоит.) Если же вы ите любое другое окончание, то это скорее всего скрипт. Например, скрипты на языке PHP имеют обычно расширение.php, на языке Perl - .pl, ASP - .aspx
Если же адрес не содержит имени страницы, то сервер будет использовать документ заданный по умолчанию (обычно это либо index.html либо index.htm либо index.php).

Надо сказать, что сейчас все больше набирает силу гибридная . Название у нее, как у голландского футбольного клуба - AJAX, что означает: Asyncronous JavaScript And XML (Как расшифровывается название голландского клуба я не знаю). Эта позволяет скриптам на JavaScript обращаться к какому либо скрипту на сервере и получать информацию с сервера. Это в свою очередь, дает пользователю гибкость и позволяет перезагружать только часть содержимого страницы, а не всю ее полностью (что значительно экономит трафик).

Выводы

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

Если же у вас на сайте часто меняющаяся информация, то выбор следует остановить на использовании скриптов.
Однако, у скриптов есть один минус: они требуют дополнительных ресурсов от сервера для своей работы. Если html страничку надо просто прочитать с сервера и отправить браузеру, то скрипт надо сначала запустить и выполнить. К тому же, очень часто скрипты используют систему управления базой данных (СУБД ) для хранения изменяющихся данных.

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

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

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

Для начала следует определиться с понятиями, что же собой представляют статические и динамические сайты.

Что такое статический сайт?

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

Для большей ясности приведу пример. Представьте, что вы сохраняете какую-либо страницу на свой компьютер. Допустим, теперь она хранится в файле "Page.html" Если вы откроете ее при помощи броузера, то увидите все наполнение страницы. Вот примерно в таком виде (как при сохранении на локальный компьютер) статические страницы хранятся на сервере, который только выдает их посетителю.

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

Таких сайтов довольно много, с них, можно сказать, начинался интернет.

Что такое динамический сайт?

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

Рассмотрим процесс генерации динамической страницы подробнее. Если статическая страница не претерпевает практически никаких изменений и попадает на экран к посетителю в своем "первозданном" виде, то динамической страницы, такой, как ее видит человек, на сервере не существует. Она собирается несколькими различными способами из данных, хранящихся на сервере, и только после этого показывается посетителю.

Как же она может собираться? Давайте рассмотрим:

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

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

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

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

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

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

Преимущества и недостатки динамических сайтов

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

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

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

Итак, с появлением языков программирования, выполняемых на стороне сервера, появилась возможность вносить изменения в данные отправляемые посетителю. Что же это дало?

  • Разделение информации и дизайна
  • Упрощение модификации и обновления страниц
  • Возможность изменять контент, реагируя на действия посетителя

Давайте рассмотрим каждый пункт поподробнее.

Разделение информации и дизайна сайта

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

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

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

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

С точки зрения организации работы и разделения труда, вариант создания сайта на основании шаблонов практически идеален. Человек, ответственный за дизайн сайта не сможет вмешаться в процесс наполнения страниц контентом, и за все недочеты в дизайне будет нести ответственность только он. И наоборот, тот, кто занимается информационным наполнением сайта, не сможет нарушить дизайн сайта. Каждый занимается своим делом, не мешая другим. Это ускоряет работу и снижает затраты.

Упрощение модификации и обновления страниц на сайте

Это преимущество непосредственно вытекает из первого. При рассмотрении предыдущего пункта я уже немного коснулся этого вопроса. Я привел пример с изменением логотипа фирмы на всех страницах сайта. Но ведь сайт требует постоянной модификации, особенно это касается его контента. Информация должна быть свежей.

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

Возможность изменять контент сайта, реагируя на действия посетителя

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

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

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

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

Недостатки динамических сайтов

Как и у всего остального в нашем неидеальном мире, у динамических сайтов есть свои недостатки.

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

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

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

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

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

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

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

Системы управления контентом

Технологии не стоят на месте, развиваются и возможности, предлагаемые для создания сайтов. Сейчас все большую популярность завоевывают системы управления контентом. Что это такое? Давайте разберемся.

CMS - это аббревиатура от Content Management System, что в дословном переводе - Система Управления контентом сайта. Проще говоря, это тот самый программный комплекс, который позволяет вам изменять дизайн и наполнение сайта таким образом, как вам требуется.

Сейчас в сети можно найти множество таких систем, какие-то из них бесплатные, какие-то платные. Часто фирмы-разработчики предоставляют своим клиентам такие системы. Каждая система индивидуальна и обладает своими достоинствами и недостатками. Я хочу рассказать вам об одной такой системе, которая используется на веб-площадках e-gloryon.com и представляет собой полноценный конструктор для создания сайта.

Что же такое "Конструктор для создания сайта e-gloryon "? Это набор инструментов, необходимых для быстрого создания функционального и красивого сайта.

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

Еще одним плюсом системы e-gloryon является возможность использования различной структуры данных на страницах. Это позволит на одной странице сделать список новостей компании, а на другой каталог продукции. И все это буквально несколькими щелчками мышки.

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

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

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

Конструктор можно использовать как для создания небольших интернет-презентаций, так и для крупных корпоративных сайтов, с возможностью управления рекламой на страницах, ограничением доступа к закрытым разделам сайта. Система включает в себя такие стандартные и полезные сервисы, как публикация новостей, гостевая книга, список товаров и многие другие. Организации, которые не могут позволить себе выбрасывать деньги на ветер и грамотно подходят к использованию средств, выбирают конструктор для создания сайта e-gloryon в качестве основы для развития своего бизнеса в интернете. Именно он позволяет им освоить новые рынки с такими незначительными вложениями.

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

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

Заключение

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

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

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

Всемирная паутина

World Wide Web (WWW) - это сеть информационных ресурсов по всему миру. Под ресурсом здесь понимается любая информация доступная пользователям сети. Это может быть как простой текстовый документ, так и программа, архив или некий сервис для пользователя (например, сервис предоставления точного времени).

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

Это лишь один из многих аспектов сети Интернет. Однако, когда говорят о веб дизайне, то имеют ввиду создание именно сайтов доступных для пользователей через браузер. Поэтому мы сосредоточимся именно на документах на языке html.

Если говорить упрощенно, то браузеры (browsers) это программы отображения HTML документов. То есть, когда вы набираете в строке адреса какой-либо сайт, то браузер загружает html код и отображает его вам как веб страницу. В настоящее время самые популярные браузеры это:

· Microsoft Internet Explorer(IE)

· Безусловный лидер по количеству людей, которые его используют. По различным оценкам доля этого браузера составляет 85-95%. Последнее время его теснит Firefox, но с выходом IE7 у Firefox"а могут быть проблемы в дальнейшем отвоевывании рынка.

· Mozilla Firefox

· Возникший из пепла умирающего Netscape Navigator в конце 90-х этот браузер стремительно набирает обороты. Его популярность это сумма двух составляющих: открытый код и огромное количество расширений (plugin"ов), которые может написать любой желающий. Некоторые из расширений - просто шедевры. Лично я пользуюсь расширением HTML Validator, которое показывает мне html ошибки на веб - странице с подробным описанием ошибки. Это очень помогает при разработке веб - страниц.

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

Также существует большое количество браузеров, которые на самом деле используют библиотеки от Internet Explorer.

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

Вы, наверное, часто слышали такие понятия как статические и динамические веб страницы. Здесь важно четко понимать, о чем идет речь, к чему применяются эти понятия.

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

По поведению документа в браузере пользователя, различают:

· Статические html страницы

· Статические - означает, что страница выглядит всегда одинаково, на зависимо от действий пользователя. Например, меню организованно ссылками на отдельные страницы, а не выпадающим списком.

· Динамические html страницы

· Эти страницы уже могут реагировать на действия пользователя и изменяться. Например, при щелчке по тексту может показываться всплывающий блок текста с переводом слова. Кстати, именно так реализован один из плугинов-переводчиков для браузера Firefox.

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

Это может звучать несколько запутано, но не переживайте. Когда вы с этим столкнетесь - все будет проще.

Самый распространенный язык для создания динамики веб страниц - это JavaScript. (Не путайте с языком программирования Java. Это две совершенно разные сущности.)

Реже используется VBscript(visual basic script). (Microsoft как всегда пошла своим путем.)

По способу создания документы делят опять на статические и динамические.

Статическими называют страницы, если они лежат на сервере в html виде.

А динамическими называют те, которые генерируются "на лету" по запросу браузера.

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

Если сайт содержит часто меняющийся контент (content - информация на сайте), то вам на помощь придут скрипты, выполняющиеся на сервере. И это ключевое отличие этих скриптов, от описанных ранее (тех, что написаны на JavaScript). Работает это следующим образом:

1. Браузер запрашивает у сервера документ

2. Сервер определяет, что документ является скриптом и запускает его на выполнение

3. Скрипт генерирует html страницу

4. Сервер отправляет сгенерированную страницу браузеру, так что тот и не догадывается, что на сервере отработал скрипт.

Существует несколько языков программирования, на которых могут писать скрипты, которые генерируют "динамические" страницы. Самые распространенные из них:

7. Бинарный код (программа на Си или С++ скомпилированная в исполняемый код)

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

Как правило если вы видите, что адрес страницы заканчивается на.html или.htm, то это обычная статическая страница. (Можно конечно настроить сервер так, чтобы он исполнял скрипты, которые заканчиваются на эти же окончания, только это не практично. Все таки.html и.htm - это стандарт и переопределять эти окончания не стоит.) Если же вы видите любое другое окончание, то это скорее всего скрипт. Например, скрипты на языке PHP имеют обычно расширение.php, на языке Perl - .pl, ASP - .aspx

Если же адрес не содержит имени страницы (например, www.neomoon.ru), то сервер будет использовать документ заданный по умолчанию (обычно это либо index.html либо index.htm либо index.php).

Надо сказать, что сейчас все больше набирает силу гибридная система. Название у нее, как у голландского футбольного клуба - AJAX, что означает: Asyncronous JavaScript And XML (Как расшифровывается название голландского клуба я не знаю:)). Эта технология позволяет скриптам на JavaScript обращаться к какому либо скрипту на сервере и получать информацию с сервера. Это в свою очередь, дает пользователю гибкость и позволяет перезагружать только часть содержимого страницы, а не всю ее полностью (что значительно экономит трафик).

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

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

Однако, у скриптов есть один минус: они требуют дополнительных ресурсов от сервера для своей работы. Если html страничку надо просто прочитать с сервера и отправить браузеру, то скрипт надо сначала запустить и выполнить. К тому же, очень часто скрипты используют систему управления базой данных (СУБД) для хранения изменяющихся данных, что создает дополнительную нагрузку.

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

Что такое TFP и FTP, в чем разница?

Аббревиатуры TFP и FTP не имеют ничего общего между собой. Единственное что их объединяет, так это лишь созвучность произношения, которое кого-то может запутать.
TFP - (Time for Print) , переводится как «время за распечатки». Этот термин используют фотографы и фотомодели. TFP - это своего рода валюта, которой пользуются представители фотоиндустрии. TFP, как правило, закрепляют соглашением между моделью и фотографом, во избежании разного рода неприятностей связанных с авторскими правами и пр.
Когда модель соглашается на TFP - это значит что она готова работать бесплатно определенное количество времени, а за работу получит свои фотографии (все или некоторые, с обработкой или без нее).
Теперь по поводу FTP.
FTP (File Transfer Protocol) – это протокол передачи файлов используемый веб-разработчиками и др. Для работы с сервером через этот протокол, используют FTP клиент - это программа, которая работает непосредственно с FTP сервером.
FTP протокол используется для передачи сетевых документов, например, HTML, PHP, CSS, JPEG и пр. с частного устройства разработчика на сервер хостинга. Этим же протоколом пользуются для загрузки на частное устройство разработчика сетевых документов с сервера.

Что такое расширение файла?

Расширение файла , а вернее, расширение имени файла - это последовательность определенных символов добавляемых к имени какого-либо файла. Эти символы предназначены для идентификации типа, или как говорят, формата файла. Расширение имени файла - это ничто иное как сочетание букв и/или чисел, которое стоит после последней точки в имени файла, например, fotograf.gif, где «fotograf» - это имя файла, а «.gif» - его расширение. Существует огромное количество расширений файлов, но все они соответствуют определенным стандартам и областям применения. Но если вы захотите придумать какому-то файлу свое оригинальное расширение, например, имя_файла.fotograf, - пожалуйста, нет проблем! Но такой файл ОС Windows не сможет открыть, если на вашей машине нет соответствующей программы, которая видит это расширение. Например, если в ОС Windows вы захотите открыть файл с расширением.gif, данная ОС знает об этом расширении и откроет какое-то изображение. Но если вы захотите открыть файл с расширением.fotograf, - такой файл не откроется, так как ОС Windows не знакома с таким расширением. Файл с таким расширением можно будет открыть в приложении, которое поддерживает данное расширение.

Что такое сайт-визитка, какие бывают?

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

Что такое динамическая веб-страница / веб-сайт?

Динамическая веб-страница - это страница на которой может генерироваться (изменяться) контент или какая-то его часть в режиме реального времени без привлечения дополнительных телодвижений. Для динамически связанных страниц используют так называемый движок - CMS (система управления контентом).
Как это работает? Например, страница, которую вы видите в данный момент в окне браузера, в таком виде не существует. Она собрана из отдельных частей (шаблонов), которые собирает сервер в одно целое. То есть, при запросе какой-либо страницы, веб-сервер обрабатывает запрос и тут же "на лету" собирает из отдельных частей веб-страницу и отдает её нам на просмотр в браузере. Меняется только контент страницы, а шаблон страницы остается неизменным.
Представьте себе шкаф в котором есть несколько полок с разными вещами. На одной полке лежит текстовый контент (база данных), на другой - графические файлы (фотографии, графические элементы дизайна), на третьей - скрипты (например, PHP скрипты), на четвертой - стили CSS, и так дальше... Значит, когда сервер получил запрос на тот или иной контент, он знает где что лежит, и быстренько собирает нам страницу из нужных частей: из БД берет нужный текстовый контент, из полки с графикой - нужные графические файлы, и т.д. Изменив в одном месте какую-то часть шаблона, эти изменения применяются для всех страниц сайта.

Что такое статическая веб-страница / веб-сайт?

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

Веб-дизайнер и веб-программист, в чем разница?

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

Под продвижением (раскруткой) сайта понимают - продвижение сайта в топ поисковой выдачи по определенным ключевым словам в поисковых системах Google, Yandex и др.
Топ поисковой выдачи - это первая страница сайта поисковой системы с первыми 10-ю ссылками на сайты. За эти 10 позиций идет непримиримая борьба среди сайтов одной тематики. По статистике, те сайты, которые оказываются на вершине топа (занимают первые три позиции), собирают наибольшее количество посетителей. Для того чтобы оказаться на этой вершине, некоторые ресурсы платят огромные деньги. Но мало там оказаться, необходимо там удерживаться, и это ведет к постоянной борьбе не только среди больших SEO компаний, но и среди частных

Теперь, после подробного рассмотрения запроса/ответа HTTP , обратим внимание на различные типы контента (любое содержательно-значимое наполнение информационного ресурса), который вы ожидаете увидеть в Интернет. Я разделил его на четыре типа - простой текст, стандарты Web , динамические Web -страницы, и форматы, требующие других приложений или подключаемых модулей (плагинов).

Простой текст

В самом начале, до появления каких-либо стандартов Web или плагинов, Интернет состоял в основном из изображений и простого текста - файлов с расширением.txt или похожим на него. Когда файл с простым текстом встречается в Интернет, браузер просто выводит его как есть, без какой-либо дополнительной обработки. Файлы с простым текстом все еще можно часто встретить на сайтах университетов.

Стандарты Web

Базовыми строительными блоками Всемирной паутины WWW являются три основных стандарта Web - HTML (или XHTML, эти два понятия будут использоваться здесь взаимозаменяемо для наших целей), CSS и JavaScript.

Язык разметки гипертекста (HTML) является в действительности довольно удачным названием, так как хорошо передает его назначение. HTML используется для разбиения документа, определения его содержания и структуры, и определения значения каждой части (того, что содержит весь текст и т.д., что мы видим на страницах Web ). Он использует специальные элементы для определения на странице различных компонентов.

Каскадные таблицы стилей (CSS) предоставляют полный контроль над тем, как выводится элемент. Очень легко, используя объявления стилей, вывести все параграфы через две строки (line-height: 2em;), или сделать все заголовки второго уровня зеленого цвета (color: green;). Существует множество преимуществ разделения структуры и форматирования, и мы рассмотрим это более подробно в следующей лекции. Чтобы продемонстрировать мощь совместного использования HTML и CSS, рисунок 3.2 показывает простой код HTML слева, вообще без дополнительного форматирования, а справа можно видеть тот же самый код HTML с добавленными к нему стилями CSS.

Рис. 3.2. Простой HTML слева, HTML с использованием CSS справа

Наконец, язык JavaScript предоставляет Web -сайту динамические функции. Можно писать небольшие программы на JavaScript, которые будут выполняться на клиентском компьютере, не требуя установки на сервере какого-либо специального программного обеспечения. JavaScript позволяет добавить на Web -сайт некоторые базовые функции и интерактивность, но он имеет свои ограничения, что ведет нас к серверным языкам программирования и динамическим Web страницам.

Динамические страницы Web

Иногда при просмотре Интернет можно встретить страницы Web , которые не используют расширение.html - они могут иметь расширение.php, .asp, .aspx, .jsp, или какое-нибудь другое странное расширение. Все это примеры динамических технологий Web , которые могут использоваться для создания страниц Web , имеющих динамические разделы - код, который выводит различные результаты из базы данных или другого источника данных в зависимости от определяемых для него значений. Мы рассмотрим страницы Web этого типа ниже в разделе "Сравнение статических и динамических Web -сайтов".