1ПИ / Учебник HTML / 304

Cправочник по созданию Web-сайтов. guide

<dimas>

help On-line учебник HTML с примерами,

справочник по созданию Web-сайтов. guide

<dimas>

help Главная Учебник HTML Учебник CSS Web- mastering Раскрутка Полезности FAQ Е- mailer Взять banner bookmark Контакты Отослать ссылку

Web-mastering>>Организация страниц в узлы, навигация При создании достаточно больших документов надо помнить о том, что не все из посетителей имеют высокоскоростной доступ в Интернет. У большинства пользователей модемный коннект, где скорость передачи данных 2-3 kB в секунду не считается плохой. Сосчитайте суммарный "вес" Вашего документа и всех размещенных в нем изображении, а также подгружаемых звуков и оцените, как долго он будет грузиться. Большинство потенциальных посетителей прервут загрузку страницы из соображений экономии средств, если она будет грузиться дольше 30-40 секунд.

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

Судите сами, если для оптимальной скорости загрузки размер документа не должен превышать 100-120 килобайт, с учетом включенных графических файлов, то Вы можете разбить материал, например на десять частей размером по 100 килобайт, и это будет рациональнее, нежели заставлять посетителя ждать загрузки одного файла размером 1 мегабайт, что при скорости 2-3 kB в секунду составит около восьми минут.

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

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

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

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

Взять banner bookmark Контакты Отослать ссылку Раскрутка Полезности FAQ Е- mailer Главная Учебник HTML Учебник CSS Web- mastering guide

<dimas>

help u="u227.69.spylog.com";d=document;nv=navigator;na=nv.appName;t="";p=1; sz=" width=88 height=31 "; hl=history.length;d.cookie="b=b";c=0; bv=Math.round(parseFloat(nv.appVersion)*100); if (d.cookie) c=1;n=(na.substring(0,2)=="Mi")?0:1; if((n==0)||(bv >= 300)){rn=Math.random();t=(new Date()).getTimezoneOffset();} else {rn=0;} z="p="+p+"&rn="+rn+"&t="+t+"&c="+c+"&hl="+hl; if (self != top) { fr=1;} else { fr=0;} r=escape(d.referrer);r1=""; sl="1.0";h=0; pl="";sl="1.1"; if((n==1) && (bv >= 300)) { for(var i = 0; i < nv.plugins.length; i++) pl += nv.plugins[i].name+":"; } j = (navigator.javaEnabled() ? "Y" : "N"); sl="1.2";s=screen;wh=s.width+'x'+s.height; px=(n==0)?screen.colorDepth:screen.pixelDepth;z+="&wh="+wh+"&px="+px; sl="1.3" y=""; y+=""; y+=""; y+=""; d.write(y); On-line учебник HTML с примерами,

справочник по созданию Web-сайтов. guide

<dimas>

help