Общие требования к веб-сайту.Теперь рассмотрим требования предъявляемые к веб-сайту. Постараемся перечислить их в порядке значимости.
Теперь поясним каждый пункт в отдельности. Безусловно, самым важным является совместимость
HTML-кода страниц вашего сайта с основными броузерами. На сегодняшний день основными являются:
Internet Explorer 4.x, 5.x, Netscape Navigator 4.x, 6.x, Opera 4.x, 5.x., также рекомендую
просматривать ваши страницы в третьих версиях броузеров. В них, скорее всего,
ваш сайт будет отображаться не совсем корректно, т.к. третьи версии не поддерживают многих
элементов, например, каскакадных таблиц стилей. Но если ваша страница отображается совсем неправильно,
то скорее всего вы что-то не так сверстали. Иногда, для сайта очень важно, чтобы он приемлемо
отображался не только в четвертых, но и в третьих версиях броузеров. Например, сайт компании Философт -
http://www.philosoft.ru, которая занимается техническими переводами. Если кто-то из потенциальных
клиентов не сможет ознакомиться с предлагаемыми услугами, то, понятное дело, реальным клиентом
он вряд ли станет. Если сайт не просматривается или отображается некорректно в четвертых
версиях броузеров, то теряется значительная часть посетителей.
Вариант 1.
<table>
<tr><td>Ячейка 1
<td>
<table><tr><td>Ячейка 2<tr><td>Ячейка 3</table>
</table>
Вариант 2.
<table>
<tr><td rowspan=2>Ячейка 1
<td>Ячейка 2
<tr><td>Ячейка 3
</table>
Более правильным, с практической точки зрения совместимости с различными броузерами, является второй вариант HTML-кода. Старайтесь избегать использования лишних команд, и особенно, вложенных таблиц. Ни в коем случае нельзя допускать пробелы между HTML-командами, т.к. они часто приводят к разрывам на страницах. В первую очередь это относится к верстке с использованием таблиц и картинок. В этих случаях наиболее часто проявляются подобного рода дефекты. Ниже идет пример правильного оформленного HTML-кода взятого с сайта http://inforg.ru. Здесь пришлось внести много переносов на новую строку из-за ограничения по ширине страницы. Тем не менее, обратите внимание на символы ><, т.е. пробелы между HTML-командами исключены.
<table border=0 width=100% cellspacing=0 cellpadding=0
><tr><td width=120><a href=/><img
src=/images/logo.gif
width=120 height=60 border=0
alt="На главную страницу"></a></td
><td width=147><img
src=/images/head/<!--#echo var="QUERY_STRING"-->.gif
width=147 height=60></td
><td width=100% background=/images/headvline.gif><img
src=/images/0.gif width=1 height=1></td
><td width=468 bgcolor=#CCCCCC><img
src=/images/itsoft.gif
width=468 height=60></td
></tr></table><table border=0 width=100%
cellspacing=0 cellpadding=0
><tr><td width=104><a href=/><img
src=/images/inforgru.gif
width=104 height=20 border=0
alt="На главную страницу"></a></td
><td width=100%
background=/images/headvline2.gif><img
src=/images/0.gif width=1 height=1></td
><td width=632><img src=/images/m1.gif
width=19 height=20><a
href=/main.html?<!--#echo var="QUERY_STRING"-->><img
src=/images/mmain.gif border=0 width=67
height=20></a><img
src=/images/msep.gif width=11
height=20><a
href=/cgi-bin/find.pl?<!--#echo var="QUERY_STRING"-->><img
src=/images/mbd.gif border=0 width=105 height=20></a><img
src=/images/msep.gif width=11 height=20><a
и т.д.
В дальнейшем, после завершения работ над сайтом, его придется поддерживать, т.е.
дополнять и изменять. Для быстрой и успешной модификации сайта необходимо, чтобы:
При соблюдении вышеуказанных требований модификация сайта и портабельность сайта будут
осуществляться с минимальными затратами.
|