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

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

Компания Ticketmaster даже подала в суд на другие сайты, чтобы запретить ... Читать дальше »

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

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

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

Помещение в статическом ... Читать дальше »

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

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

Данные свойства фрэймов позволяют создавать продвинутые интерфейсные решения, такие как:

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

Представьте себе на секунду, что вы - HTML-coder большой преуспевающей компании, и ваша зарплата составляет 1000 долларов США. Представили? Я думаю, без проблем! Вообразите также, что фирма получила заказ на сайт средней руки. Цена, допустим, уже обговорена, дизайнер, пускай, тоже отмучился.

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

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

iso8859-1

Description CodeEntity name 

=================================== ==========================

quotation mark" --> "" --> "

ampersand & --> &&--> &

less-than sign&#60; --> <&lt; --> <

greater-than sign &#62; --> >&gt; --> >



Description Char CodeEntity name 

=================================== ==== ==========================

non-breaking space&#160; -->  &nbsp; -->  

inverted exclamation Ў&#161; --> ¡&iexcl; --> ¡

cent signў&#162; --> ¢&cent; --> ¢

pound sterling Ј&#163; --> £&pound; --> £

general currency sign¤&#164; --> ¤&curren; --> ¤

yen sign Ґ&#165; --> ¥&yen;--> ¥

broken vertical bar ¦&#166; --> ¦&brvbar; -->
		
		... 
		
			Читать дальше »
		

В версию 5.5, всенародно любимого браузера ;), ввели очень интересное свойство contentEditable. Используя это свойство к любому элементу HTML-документа, вы можете его (элемент) редактировать прямо в окне браузера (elementID.contentEditable=true). А самое главное то, что после внесения изменений, можно отключить редактирование и наслаждаться результатом не перезагружая сам документ (elementID.contentEditable=false). Теперь Internet Explorer можно использовать как простенький WYSIWYG-редактор.

Пример использования редактирования элемента:

<html><head><title>
 Редактируем DIV </title>
</head>
<body bgcolor=white text=black>
<div>
 Этот текст редактируемый.
 &l
		
		... 
		
			Читать дальше »
		

Вы написали правильный стандартный XHTML код и стандартный CSS. Вы воспользовались стандартной спецификацией для работы с DOM (Document Object Model), чтобы управлять динамическими элементами на странице. И все-таки, в броузерах, которые казалось бы сделаны с соблюдением именно этих стандартов, ваш сайт не работает. Скорей всего, ошибка кроется в неправильном заголовке DOCTYPE.

Эта небольшая статья расскажет вам о заголовках DOCTYPE, которые работают, а также объяснит практическое и теоретическое значение этого, казалось бы отвлеченного от реальности, тега.

Что такое DOCTYPE?

Согласно спецификациям HTML и XHTML тег DOCTYP ... Читать дальше »

Цвет - воспринимаемая сетчаткой глаза область светового спектра, видимая часть света с длинами волн в диапазоне от 400 до 700 нанометров. Что? Думаете я только что прочитал Энциклопедию? Определение конечно же верно, но не передаёт всей важности цвета. Ведь всё, что нас окружает, не имеет в действительности никакой окраски. Просто у всех предметов разная способность отражать и поглощать свет, в результате чего мы видим отражённый телами или средами часть света, но уже с другим спектром волн (Дальтоникам дальше не читать). Цвет воспринимает глаз человека, но затрагивает его эмоции. Что может быть красивее заката у побережья тёплого моря в компании красивой девушки? Вот тут сердце стучит нормально, жизнь прекрасна и всё такое... А теперь представьте, что Вы не воспринимаете цвета, всё вокруг чёрно-белое... ну, или 256 оттенков серого :-) Это всё равно, что имет ... Читать дальше »

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

История возникновения

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

Стандартизирована только половина таблицы, т.н. ASCII-код - первые 128 символов, которые включают в себя буквы латинского алфавита. И с ними никогда не бывает проблем. Вторая же половина таблицы (а всего в ней 256 символов - по количеству состояний, который может принять один байт) отдана под национальные символы, и в каждой стране эта часть различна. Но только в России умудрились придумать целых 5 различных кодировок. Термин "различные" обозначает то, что одному и тому же символу соответствует разный цифровой ... Читать дальше »

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

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

Грустно сознавать, но в этом процессе часто забывают об одном этапе - продуманной структуре ссылок, тех самые URL-ов, которые будут ссылаться на ... Читать дальше »

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

Итак, многие из вас используют тэги <CITE> или <ADRESS>? Можете не отвечать, я и сам их не использую, однако вот прямо сейчас и начну. Зачем? А затем, что они очень помогают правильно организовать логическую структуру страницы, а правильная сильно упрощает использование CSS. А это, согласитесь, уже предпосылка. Итак мы сегодня будем говорить о так называемых логических тэгах. Для начала просто перечислим их:

<H#> - заголовки
<EM> - выразительность
<STRONG> - ударение
<CITE> - цитата
<ADDRESS> - адрес
<SAMP> - пример
<CODE> - ко ... Читать дальше »

META-таги имеют два возможных атрибута

- <META HTTP-EQUIV="имя" CONTENT="содержимое">
- <META NAME="имя" CONTENT="содержимое">

META-таги должны находиться в заголовке HTML-документа между <HEAD> и </HEAD> (особенно это важно для документов, использующих фреймы).

Атрибут HTTP-EQUIV

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

Рассмотрим типичную ситуацию. Пользователь щелкнул на гиперссылке и браузер начал закачивать запрошенный ресурс. Предположим, что пользователь использует для подключения к Internet модем и эффективная скорость (то есть та скорость, с которой реально пересылаются данные) колеблется где-то около 20Кбит в секунду. Такой показатель для российских телефонных линий - дело обыкновенное. Так же предположим что объем закачиваемого файла равен 200Кб. Нехитрый подсчет показывает, что файл будет загружаться около 80 секунд.

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

Однако, начиная с 5 версии Internet ... Читать дальше »

Многочисленные возможности использования рисунка с HTML описаны в данной статье! Надеюсь, они вам помогут...

Вставка рисунка на HTML страницу

Минимальный тэг - это тэг рисунок и адрес его расположения

<IMG SRC="3.gif">

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

<IMG SRC="http://www.domain.ru/Images/3.gif">

А если страница находится в одной директории, а рисунок находится в следующей, то надо просто написать: 

<IMG SRC="SledDirektoriya/moirisunok.gif">

... Читать дальше »

Хотите чтобы ваша собственная иконка нагло светилась в строке с URL'ом. Или в меню "Избранное". Сделать это на самом деле элементарно.

Процедура создания и использования такого изображения довольно проста. Необходимое изображение хранится в файле favicon.ico, который должен находиться в корне вашего сайта. Рекомендуемые параметры изображения: 16х16 пикселей - размеры; 16 цветов. Однако, можно создавать иконку с размерами 32х32 и 48х48 пикселей. В последнем случае IE сам изменит размеры изображения.

После того, как вы создали файл favicon.ico, поместите его в корневой каталог вашего сервера, и на этом работа завершена.

Если вы, по каким-либо причинам не можете разместить данный файл в корне своего сайта, то используйте директиву

<LINK REL="SHORTCUT ICON" href="/your/path/favicon.ico">.

Кроме того, если вы считаете, что пользователь может занест ... Читать дальше »

Приветствую! Сегодня речь пойдет о языке XHTML — потомке старого доброго HTML.

XHTML расшифровывается как EXtensible HyperText Markup Language — расширенный язык гипертекстовой разметки. Язык призван заменить существующий и повсеместно используемый сегодня HTML. По синтаксису новый язык практически идентичен HTML. Он является структурированной и более «чистой» версией HTML. Кроме того, XHTML предоставляется в виде XML-приложения.

С января 2000 года XHTML версии 1.0 официально рекомендован консорциумом W3C в качестве нового веб-стандарта. W3C объявил XHTML последней версией HTML, и предрекает постепенную замену прежней версии на новую.

Что касается поддержки нового стандарта — все современные браузеры поддерживают XHTML.

Новый язык является син ... Читать дальше »

Почему Keywords теряет свое значение?

Этот элемент, ставший излюбленным местом для поискового спама, первоначально был придуман для облегчения работы поисковой системы при индексации сайтов. Вебмастер проставлял в списке ключевые слова, по его мнению, отражающие тематику страницы и сайта, а робот, индексируя страницу, собирал не только видимый текст, но и содержимое Keywords. При оценке релевантности (соответствии страницы запросу в поисковой системе) страниц, больший вес, и, соответственно, более высокую позицию в результатах поиска, получала та, Keywor ... Читать дальше »