Характеристика разработки web-сайта

Размещено на http://www.allbest.ru/

Содержание

Введение

1. Сущность и виды web-сайтов

2. Требования к web-сайтам форумов

Введение

Сейчас, многие знают, что содержимое Web-страниц создается с помощью языка HTML, а внешний вид их элементов определяется стилями, которые описываются на языке CSS.

HTML (HyperText Markup Language) -- это язык разметки документа, описы-вающий форму отображения информации на экране компьютера.

Каскадные таблицы стилей (CSS -- Cascading Style Sheets) позволяют существенно расширить возможности языка HTML за счет более гибкого управления форматированием Web-страницы.

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

JavaScript -- прототипно-ориентированный сценарный язык программирования.

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

Но уже готовятся новые стандарты, которые описывают очередные версии этих языков: HTML 5 и CSS 3. Они обещают принести в Web-дизайн много нового.

· Упрощенную вставку на Web-страницу аудио- и видеоматериалов.

· Возможности рисования на Web-страницах.

· Многоколоночную верстку текста.

· Поддержку работы в оффлайновом режиме (при отключении от Интернета).

Язык разметки HTML, позволяет задать местоположение элементов Web-страницы в окне Web-браузера. С помощью HTML можно отформатировать отдельные символы или целые фрагменты текста, вставить изображение, таблицу или форму, создать панель навигации с по-мощью карт-изображений, разделить окно Web-браузера на несколько областей, вставить гиперссылку и многое другое.

При помощи каскадных таблиц стилей (CSS) можно задавать точные характеристики практически всех элементов Web-страницы. Это позволяет контролировать внешний вид Web-страницы в окне

Web-браузера и приближает возможности Web-дизайна к настольным издательским системам.

У Web-страниц, созданных с использованием HTML и CSS, есть существенный недостаток -- они являются статическими, то есть не могут меняться, реагируя на действия пользователя. Внедрение в HTML программ на языке JavaScript позволит "оживить" Web-страницу, сделать ее интерактивной, или, другими словами, заставить взаимодействовать с пользователем.

Трудно говорить о JavaScript, не упоминая о веб-программировании. На данный момент JavaScript является единственным языком программирования, имеющим во всех основных веб-браузерах встроенную поддержку сценариев,выполняемых на стороне клиента. Более того, в последние годы, с появлением платформы Node.js, JavaScript превратился в популярный язык для реализации приложений на стороне сервера.

Node или Node.js -- программная платформа, основанная на движке V8 (транслирующем JavaScript в машинный код), превращающая JavaScript из узкоспециализированного языка в язык общего назначения. Node.js добавляет возможность JavaScript взаимодействовать с устройствами ввода-вывода через свой API (написанный на C++), подключать другие внешние библиотеки, написанные на разных языках, обеспечивая вызовы к ним из JavaScript-кода.

Как и большинство других успешных технологий, JavaScript

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

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

1. Сущность и виды web-сайтов

Сайт -- система электронных документов(файлов данных и кода) частного лица или организации в компьютерной сети под общим адресом (доменным именем или IP-адресом)

Страницы сайтов -- это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

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

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

Разновидности сайтов

Типы интернет ресурсов:

По доступности сервисов

· Открытые -- все сервисы полностью доступны для любых посетителей и пользователей.

· Полуоткрытые -- для доступа необходимо зарегистрироваться (обычно бесплатно).

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

По физическому расположению

· Общедоступные сайты сети Интернет.

· Локальные сайты -- доступны только в пределах локальной сети. Это могут быть как корпоративные сайты организаций, так и сайты частных лиц в локальной сети провайдера.

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

· Интернет-портал -- многокомпонентная разветвлённая структура, скомпонованная из функционально самодостаточных сайтов самостоятельных организаций или подразделений корпоративной структуры.

· Информационные ресурсы:

· Тематический сайт -- сайт, предоставляющий специфическую узкотематическую информацию по какой-либо теме.

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

· Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):

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

· Представительский сайт -- так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т. д.

· Корпоративный сайт -- содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей -- сотрудников, дилеров, контрагентов и пр.

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

· Интернет-магазин -- сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.

· Промо-сайт -- сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).

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

· Веб-сервис -- сайт, созданный для выполнения каких-либо задач или предоставления услуг в рамках сети WWW:

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

· Каталог сайтов -- это ресурс, на котором размещаются сайты и блоги, например, Open Directory Project. Каталоги бывают платные и бесплатные. Также каталоги могут способствовать продвижению ресурса, который размещается в каталоге сайтов.

· Поисковые сервисы -- например, Yahoo!, Google, Bing, Яндекс.

· Почтовый сервис -- например, Mail.ru и Gmail.

· Веб-форумы

· Блоговый сервис

· Файлообменный пиринговый сервис -- например, Bittorrent.

· Облачное хранилище данных -- например, OneDrive.

· Сервис редактирования данных -- например, Google Docs.

· Фотохостинг -- например, Picnik, ImageShack, Panoramio, Photobucket.

· Видеохостинг -- например, YouTube, Dailymotion.

· Социальные медиа.

· Комбинированные веб-сервисы (Социальные сети) -- например, Facebook, Twitter.

· Комбинированные веб-сервисы (Специализированные социальные сети) -- например, MySpace, Flickr.

Технологические особенности

По технологическим особенностям создания и отображения сайты различаются: форум сайт интернет пост

По технологии отображения

· Статические -- состоящие из статичных html (htm, dhtml) страниц, составляющих единое целое. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.

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

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

По типам макетов

· Фиксированной ширины (англ. rigid fixed) -- размеры элементов страницы имеют фиксированное значение, независящее от разрешения, размера, соотношения сторон экрана монитора и размеров окна обозревателя, задаётся в абсолютных значениях -- PX (пиксели).

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

· Динамично эластичный (англ. dynamically expandable elastic) -- размеры большинства элементов задаются относительными значениями -- EM и % (проценты). Все относительные пропорции размеров элементов всегда остаются неизменными, независимо от разрешения, размера, соотношения сторон экрана монитора, размеров окна и масштаба окна обозревателя. И всегда постоянны относительно окна обозревателя.

2. Требования к web-сайтам форумов

Концепция

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

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

Структура

Темы одной тематики объединяются, для удобства в соответствующие Разделы и, таким образом, самая распространённая иерархия веб-форума: Разделы > Темы > сообщения (посты) на forum-topic.ru . Часто несколько разделов сводят вместе, называя такие сверхразделы форумами. В этих случаях веб-форум делится на несколько форумов, которые в свою очередь разделены на разделы. По методу формирования набора тем форумы бывают с динамическим списком тем и с постоянным списком тем. В форумах с динамическим списком тем простые участники могут создавать новую тему в рамках тематики форума.

Сами сообщения обычно имеют вид: «автор -- тема -- содержание -- дата/время». Эти сообщения и все ответы на него с последующими комментариями образуют «ветку» (название обычно принято в древовидных форумах) или «тему» (также употребляются кальки «топик», «топ» от англ. topic; «тред», «трэд» от англ. thread).

Существует три основных структуры форумов:

* древовидные;

* табличные;

* универсальные (или гибридные).

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

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

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

Представление информации

Существуют два типа представления информации (постов), для показа пользователю:

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

* Линейное (плоское) -- сообщения в рамках одной темы публикуются друг под другом, по мере поступления; новые сообщения помещаются последними (обычно внизу); смысловая связь вопрос-ответ формируется на основе специальным образом оформленных цитат.

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

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

Права доступа и правила поведения

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

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

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

Внутренные сервисы

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

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

Обычно форум имеет возможность Поиска по своей базе сообщений.

Также на веб-форумах могут проводиться ролевые игры, которые получили название Форумные ролевые игры (ФРИ или, в английском варианте, Forum Role Play Game -- FRPG)

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

В настоящее время веб-форумы почти полностью вытеснили новостные группы на базе NNTP и ФИДО и являются одним из наиболее популярных способов обсуждения вопросов во Всемирной паутине. На данный момент форумы сосуществуют наравне с блогами и микроблогами (напр., Твиттер). Эти две формы общения в Интернете практически не уступают друг другу по популярности.

Сервис форумов

Сервис форумов -- веб-сервис, позволяющий любому стороннему пользователю создать свой собственный веб-форум.

Пользователь, зарегистрировав свой собственный Форум на сайте такого сервиса (обычно при помощи веб-интерфейса), получает место на жёстком диске сервиса для обеспечения функционирования своего Форума (хранения сообщений, профилей Участников, настроек). При этом он автоматически становится администратором своего Форума (то есть имеет возможность произвольно настраивать сервисы форума, давать те или иные права его Участникам и т. д.). Для Форума автоматически создаётся домен, как правило, -- 3-го уровня.

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

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

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

Размещено на Allbest.ru