|
![](..\themes\extract\images\spacer.gif) |
![](..\themes\extract\images\spacer.gif) |
![](..\themes\extract\images\spacer.gif) |
![](..\themes\extract\images\spacer.gif) |
|
|
Главная » HTML
Автор: Якоб Нильсен, перевод Александра Качанова Источник: www.realcoding.net
Вкратце: Ссылки, которые ведут напрямую к внутренним страницам сайта, улучшают его юзабилити, так как в отличие от простых ссылок, они ведут посетителя непосредственно к цели. Веб-сайты должны использовать глубокие ссылки как можно чаще, и при этом следовать трем правилам.
Некоторые менеджеры по интернет-маркетингу просто не желают, чтобы их сайты давали прибыль. Я делаю такой вывод, когда слышу о том, как они звонят в компании, владеющие поисковыми серверами, и жалуются на то, что посетители из-за поисковых серверов попадают сразу на ту страницу, что им нужна. По мнению этих менеджеров лучше всего было бы, если бы поисковые сервера приводили посетителей только на главную страницу, и ни в коем случае не на внутренние.
Компания Ticketmaster даже подала в суд на другие сайты, чтобы запретить
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Источник: www.realcoding.net
Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW - сервере. Когда форма интерпретируется WEB - броузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введенная пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом.
Когда вы описываете форму, каждый элемент ввода данных имеет тэг <INPUT>. Когда пользователь помещает данные в элемент формы, инфоромация размещается в разделе VALUE данного элемента.
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Источник: www.realcoding.net
Испольльзуя фрэймы, позволяющие разбивать Web-страниц скроллируемые подокна, вы можете значительно улучшить внешний вид и функциональность информационных систем и Web-приложений. Каждое подокно, или фрэйм, может иметь следующие свойства:
Каждый фрэйм имеет свой URL, что позволяет загружать его независимо от других фрэймов. Каждый фрэйм имеет собственое имя (параметр NAME), позволяющее переходить к нему из другого фрэйма. Размер фрэйма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрешено указанием специального параметра). Данные свойства фрэймов позволяют создавать продвинутые интерфейсные решения, такие как:
Размещение статической информации, которую автор считает необходимым постоянно показывать пользователю, в одном статическом фрэйме. Это может быть графический логотип фирмы, copyright, набор управляющих кнопок.
Помещение в статическом
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Источник: www.realcoding.net
Используя фрэймы, позволяющие разбивать Web-страницы на множественные скроллируемые подокна, вы можете значительно улучшить внешний вид и функциональность информационных систем и Web-приложений. Каждое подокно, или фрэйм, может иметь следующие свойства:
- Каждый фрэйм имеет свой URL, что позволяет загружать его независимо от других фрэймов
- Каждый фрэйм имеет собственное имя (параметр NAME), позволяющее переходить к нему из другого фрэйма
- Размер фрэйма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрещено указанием специального параметра)
Данные свойства фрэймов позволяют создавать продвинутые интерфейсные решения, такие как:
- Размещение статической информации, которую автор считает необходимым постоянно показывать пользователю, в одном статическом фрэйме. Это может быть графический логотип фирмы, copyright, набор
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Источник: www.webmastak.comАвтор: CompDocs www.docs.com.ru
Чтобы страничка не кэшировалась у клиента?Для этого нужно прописать в HTTP-response со стороны сервера параметры Expires, Pragma и Cache-control. Если вы не имеете доступа к настройкам сервера, то добавьте в <head> такие <meta>: <meta http-equiv="Expires" content="Thu, Jan 1 1970 00:00:00 GMT"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> Чтобы выровнять табличку по центру документа?И почему в NN и Opera не работает <table align="center">?<table align="center"> - конструкция принципиально неверная. Параметр align в <table> предназначен для того, чтобы задать обтекание таблицы текстом, так же, как аналогичный параметр в <img>.
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Автор: Антон Околелов Источник: www.realcoding.net
Представьте себе на секунду, что вы - HTML-coder большой преуспевающей компании, и ваша зарплата составляет 1000 долларов США. Представили? Я думаю, без проблем! Вообразите также, что фирма получила заказ на сайт средней руки. Цена, допустим, уже обговорена, дизайнер, пускай, тоже отмучился.
Другими словами, на вашем мониторе сияет готовый утвержденный монолитный кусок графики заданного размера, заботливо увешанный штатным сумасшедшим художником всевозможными кренделями и "загогулинами". Кроме того, один шибко умный директор, возомнивший себя специалистом по юзабилити, не смог удержаться и наполнил эскиз различными ссылками, регистрационными и поисковыми формами, кнопками, подпиской и прочим хламом.
В общем, все это сваливается на вашу бедную голову, которая, в свою очередь, порождает извечный вопрос: что делать? Отв
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Источник: www.realcoding.net
iso8859-1Description CodeEntity name
=================================== ==========================
quotation mark" --> "" --> "
ampersand & --> &&--> &
less-than sign< --> << --> <
greater-than sign > --> >> --> >
Description Char CodeEntity name
=================================== ==== ==========================
non-breaking space  --> -->
inverted exclamation Ў¡ --> ¡¡ --> ¡
cent signў¢ --> ¢¢ --> ¢
pound sterling Ј£ --> ££ --> £
general currency sign¤¤ --> ¤¤ --> ¤
yen sign Ґ¥ --> ¥¥--> ¥
broken vertical bar ¦¦ --> ¦¦ -->
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Автор: Анатолий КурушинИсточник: www.dweb.ru
Любая таблица состоит из рядов, которые состоят из ячеек (столбцов). Внутри ячеек содержится информация, выводимая внутри таблицы. Как видно из приведенной схемы для создания простой таблицы, состоящей из одного ряда и одной ячейки нужно открыть таблицу, открыть ряд, открыть ячейку, а затем закрыть ячейку, закрыть ряд и закрыть таблицу. Чтобы создать таблицу состоящую из одного ряда, в котором находятся две ячейки, нужно просто между открывающим и закрывающим тегами ряда таблицы вставить два тега ячеек (открывающий и закрывающий) вместо одного.
Прежде чем преступить к изучению приемов и хитростей создания таблиц, остановимся вкратце на том, как вообще создать таблицу в HTML. Если вы уже умеете создавать простые таблицы в HTML, то можете сме
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Источник: www.realcoding.net
В версию 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
...
Читать дальше »
|
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Автор: Джеффри Зельдман (Jeffrey Zeldman), перевод, Александра Качанова Источник: http://www.webmascon.com/Вроде бы вы сделали все правильно, но ваш сайт почему-то не выглядит или не работает, как ожидалось, в последних версиях броузеров.
Вы написали правильный стандартный XHTML код и стандартный CSS. Вы воспользовались стандартной спецификацией для работы с DOM (Document Object Model), чтобы управлять динамическими элементами на странице. И все-таки, в броузерах, которые казалось бы сделаны с соблюдением именно этих стандартов, ваш сайт не работает. Скорей всего, ошибка кроется в неправильном заголовке DOCTYPE.
Эта небольшая статья расскажет вам о заголовках DOCTYPE, которые работают, а также объяснит практическое и теоретическое значение этого, казалось бы отвлеченного от реальности, тега.
Что такое DOCTYPE?
Согласно спецификациям HTML и XHTML тег DOCTYP
...
Читать дальше »
|
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
|
![](..\themes\extract\images\spacer.gif) |
![](..\themes\extract\images\spacer.gif) |
![](..\themes\extract\images\spacer.gif) |
![](..\themes\extract\images\spacer.gif) |
|
|