Софт и Веб

  • Увеличить размер шрифта
  • Размер шрифта по умолчанию
  • Уменьшить размер шрифта
Главная / БИБЛИОТЕКА / Разработка сайтов / Сайты — места в интернете

Сайты — места в интернете

Печать

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

1. Какие они бывают

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

Что же такое сайт? Site — (англ. место, участок) — место в Интернете, которое определяется своим адресом (URL), имеет своего владельца и состоит из веб-страниц, которые воспринимаются как единое целое. Строгого определения сайта не существует — например, некоторые разделы больших сайтов вполне могут восприниматься и даже определяться их владельцами как отдельные сайты. Для примера, сайт можно сравнить с журналом, в котором есть статьи, рубрики, иллюстрации и т.п. Но если рекламную листовку, на которой большими буквами написано, что открыт новый магазин, язык не повернётся назвать журналом, то сайт, состоящий из одной страницы — вполне нормальное явление.

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

Сайты размещаются на веб-серверах. Услуга размещения сайта на таком сервере и обеспечение к нему круглосуточного бесперебойного доступа называется хостинг. Хостинг бывает бесплатный и платный, причём размер оплаты хостинга различается в пределах от 1 до 50 USD в месяц. Бесплатный хостинг тоже не является абсолютно бесплатным. Хостер (организация, предоставляющая хостинг) размещает на сайтах клиента свою рекламу, что, собственно, и является своеобразной оплатой. Чем больше оплата за хостинг, тем больше возможностей предоставляет хостер своим клиентам: это и объём места под сайт, и более «широкий» канал доступа к серверу, что в свою очередь влияет на скорость загрузки страниц, и набор программных средств, которые позволяют формировать динамические страницы, использовать базы данных и т.п. Соответственно, чтобы получить возможности технические, нужны возможности финансовые.

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

В русскоязычном Интернете (рунете) существует прекрасное место для бесплатного создания небольших сайтов. Это narod.ru, принадлежащий компании Yandex. Используя предоставляемые интуитивно понятные инструменты, можно в считанные минуты открыть, оформить и наполнить небольшим содержимым новый сайт. На «Народе.ру» находится сейчас около 14 тыс. небольших и средних домашних страничек и визитных карточек.

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

  • поисковые системы, которые, помимо поиска предоставляют очень большой и разнообразный спектр услуг (yandex.ru, rambler.ru);

  • каталоги (подробнее о первых и вторых мы поговорим в разделе «Поиск информации») (mail.ru, www.ru, one.ru);

  • серверы почтовых рассылок (subscribe.ru, maillist.ru);

  • Интернет-магазины и аукционы (ozon.ru, molotok.ru);

  • региональные Интернет-порталы, универсальные по своему направлению, но узкие географией заинтересованных посетителей (rostov.ru).

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

2. Что бывает на сайтах

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

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

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

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

Помимо основной информации, ради которой, собственно, и создаётся страница на сайте, каждая страница содержит в себе ссылки (link, anchor) — переходы на другие страницы. Однократным нажатием по такой ссылке мышью, вы вызовете в окно браузера другую страницу. Если ссылки находятся в тексте, то они обычно выделены цветом и почти всегда подчёркнуты. Если ссылка не выделена подчёркиванием, то это конечно нарушение юзабилити, но ещё более грубым нарушением было бы использовать подчёркивания просто для выделения слов в тексте. Для таких выделений используется жирный шрифт и курсив, причём первый используется для усиления смыслового веса фразы в тексте, а второй — для выделения особых терминов, которые используются либо не в своём первом значении, либо являются важными для понимания смысла всего повествования. Возвращаясь же к ссылкам, стоит отметить, что есть безошибочный признак того, что, нажав клавишу мыши в этом месте, вы перейдёте на другую страницу: если, подведя указатель мыши к какому-то объекту, этот указатель изменится на кисть с вытянутым указательным пальцем. Причём ссылкой может быть не только строка текста, но и изображение (картинка). Выяснить, является ли изображение ссылкой куда-либо, можно лишь проведя над ним указателем мыши. Часто, если изображение — это фотография, то после нажатия на него откроется увеличенный вариант фотографии. В любом случае, надо пробовать подвести указатель мыши на изображение или ссылку. Если остановить движение мыши на секунду над ними, то может появиться маленькое окошечко с подсказкой (hint). Эта подсказка поможет вам понять, что будет, если вы нажмёте на эту ссылку, или, если это просто изображение без ссылки, то покажет вам подпись к этой картинке.

Ещё одним важным моментом в определении места перехода по ссылке является строка состояния в браузере. Эта строка находится в нижней части окна браузера. Если подвести указатель мыши к ссылке, то в строке состояния появится адрес той страницы, куда будет произведён переход. Некоторые веб-мастера специальными средствами запрещают показ адреса перехода в этой строке. Делают они это ради «украшения» своего сайта, или, может быть, для того, чтобы показать, насколько высокотехнологичный сайт они сделали. Но лишать посетителя возможности видеть адрес следующего перехода — ущемление прав посетителя. Видеть адрес, на который ведёт ссылка, бывает полезно для того, чтобы определить, будет ли этот переход в пределах одного сайта, или же это — внешняя ссылка, ведущая совсем на другой ресурс. Определить это можно следующим образом: посмотрите внимательно на содержимое строки адреса и строки состояния; если начала адресов страниц после указателя протокола (http://) и до первой наклонной черты (/) совпадают, то это страницы одного сайта.

Не всегда нажатие на ссылку будет вызывать переход на другую страницу сайта. Часто внизу страницы владельцы сайта оставляют ссылку на свой адрес электронной почты. Такая ссылка в строке состояния будет выглядеть следующим образом: mailto: Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript , где box — название почтового ящика, а server — имя сервера, на котором этот ящик расположен. При активации такой ссылки на вашем компьютере запустится почтовый клиент, и откроется окно для ввода текста письма. Адрес назначения будет уже прописан в нужном месте. Подробнее об использовании электронной почте будет рассказано в разделе Электронная почта.

Теперь давайте пройдёмся по основным элементам навигации (передвижению в пределах одного сайта и поиск нужной информации на нём):

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

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

  • Если на сайте присутствует логотип фирмы в левом верхнем углу, то, щёлкнув по нему мышью, вы должны перейти на главную страницу сайта.

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

  • Если в меню разделов сайта вы встретили фразу «Карта сайта», это значит, что, перейдя по этой ссылке, вы окажетесь на странице, где перечислены не только основные разделы, но и подразделы, а может быть даже и абсолютно все страницы сайта. Такая карта бывает очень полезна в том случае, когда вы точно знаете, что нужная вам страница на сайте есть, а к какому разделу она принадлежит — понять трудно.

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

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

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

  • Если вы, заполняя форму, нажмёте клавишу Enter на клавиатуре, то вы не перейдёте к следующему полю ввода. Будет вызвана функция отправки данных из формы на сервер, даже несмотря на то, что вы не закончили заполнение всех полей. Для перехода от одного поля к другому без помощи мыши, используйте клавиши Tab и Shift+Tab для перехода к следующему и предыдущему полю соответственно.

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

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

Другим вариантом обратной связи является гостевая книга. Это электронный аналог книги посетителей, например, какой-нибудь выставки. Это возможность для любителей заметок типа «Здесь был Вася» оставить о себе память на сайте, а также выразить его владельцам свой восторг или негодование от посещения их сайта. Ваша заметка сразу станет доступна для чтения всех последующих посетителей. Но надо помнить, что владельцы сайтов могут редактировать (удалять) записи, которые им кажутся некорректными. Поэтому не стоит в гостевой книге писать откровенную нецензурщину. Также стоит воздерживаться от прямой рекламы чего-то своего в чужих гостевых книгах. Есть такие любители, которые заходят в гостевую книгу и пишут: «Привет Вася! Классный у тебя сайт! Приглашаю всех на мой сайт. Он тоже классный и все твои посетители должны прийти ко мне!» Такие сообщения тоже удаляются. Если есть огромное желание привлечь Васиных посетителей к себе, то нужно написать такое сообщение, чтобы людям стало интересно, что же за человек его написал. А в дополнительной информации об оставившем сообщение, есть поле, в которое можно ввести адрес своего сайта. Это будет корректно по отношению к владельцу гостевой книги и действенно в отношении посетителей его сайта.

3. Реклама на сайтах

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

Однажды мои знакомые сказали мне:

— Как здорово, что у тебя на сайте есть гороскоп! Он такой интересный и необычный!

— Но у меня на сайте нет гороскопа, — удивился я.

— Как же нет? Прямо на главной странице внизу такая яркая красивая картинка и надпись…

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

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

  • Кнопки (своеобразные логотипы сайтов; предназначены для ссылки на сайт, например, партнёра, разработчика дизайна и т.п.; счётчики посещений сайта) обычно ставятся внизу страницы и имеют размеры 88×31 или 88×62 пиксела.

  • Квадратные баннеры (100×100, 125×125, реже 150×150) встречаются справа или слева от основного текста страницы. Такие баннеры в основном являются носителями имиджевой, напоминающей рекламы.

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

  • И последний, самый распространённый формат — горизонтальные баннеры (468×60). Встречаются вверху или внизу страницы. Выполняют практически все возможные задачи рекламы: имидж, информация, убеждение.

Ещё один важный момент в теме разговора о баннерах хотелось бы осветить. Очень часто бывает, что содержимое баннера не совсем соответствует содержимому сайта, на который он ссылается, или же он рекламирует какой-нибудь конкретный материал, а ссылка ведёт на главную страницу сайта, с которой этот материал найти практически невозможно. Например, вы видите на баннере надпись: «известный певец арестован за драку». После щелчка по этому баннеру, вы оказываетесь на одном из крупнейших в России новостных ресурсов, на его главной странице. Где найти материал об этом певце? Да может быть, этого материала и нет среди новостей. Просто скандальной надписью к сайту привлекают больше посетителей. Ища этого певца на сайте, вы прочтёте ещё ряд статей, может быть, начнёте заходить на этот сайт чаще, и совсем забудете о том, каким способом вас туда заманили.

Ещё один способ рекламы, применяемый в Интернете — всплывающие окна. Зайдя на какую-нибудь страницу или покидая её, вы можете заметить, что на экране появилось ещё одно окно браузера. В этом окне из картинок и текста ярких цветов формируется рекламный плакат, призывающий вас воспользоваться чем-либо. Такой способ у рекламодателей считается наиболее эффективным, потому что сразу привлекает внимание. Но у посетителей сайтов часто складывается достаточно негативное мнение об этом виде рекламы. Дело в том, что размеры открывающихся окон ничем не регламентированы; бывает очень неудобно такие окна закрывать. Кроме того, они расходуют входящий трафик, за который платит пользователь Интернета, забивают канал передачи информации, замедляя тем самым загрузку нужных страниц. Одним словом, такая реклама считается чересчур навязчивой и не лучшим образом характеризует владельцев сайта, на котором она применяется.

Особо осторожно нужно обходиться с сайтами «взрослой» тематики. Там использование всплывающих окон — обычное дело. Зайдя на одну страницу, автоматически откроются ещё 2–3. После щелчка на привлекательную картинку, список открытых окон удвоится. А если вы начнёте закрывать окна один за одним, то автоматически начнут открываться новые. В такой ситуации проще всего либо отключиться от Интернета и спокойно закрыть все окна, либо перегрузить компьютер.

Источник: http://avy.ru/

 


Rambler's Top100