Идеология сайта, принципы и реализация
Содержание сайта (content)
У меня давно витала в мыслях идея - выложить свои работы и кропотливый труд коллекционера в глобальную сеть. Помимо этого, еще одним моим хобби является футбол, в особенности дворовый. Ему будет посвящена отдельная страница, содержащая информацию о возможности поиграть в футбол в разных дворах родного города.
Выбор технологий
Конечно же информацию с сайта можно вывалить на пользователя и в виде простого текстового файла... Но оказывается на свете существует прекрасный язык разметки гипертекста именуемый HTML ;) Который, в совместном использовании с технологией CSS, позволяет вам творить, если Вы это чувствуете и умеете.
Верстку сайта можно, в принципе, исполнить применяя таблицы, а описания их графического вида можно писать прямо в тэгах этих таблиц... Но это не наш путь ;) Такая верстка приведет к приличным объемам html-страниц и, соответственно будет сказываться на скорости их загрузки.
Еще один важный момент - это независимость имен ссылок от используемой технологии генерации страниц (CGI, PHP, ASP, HTML, XHTML или другая). Это реализовано при помощи страниц по умолчанию, настроенным на Web-сервере, и отдельных папок созданных для каждой страницы. Это позволит сменить технологию отображения страниц, при этом не порушив гиперссылки, которые могут быть уже занесены в Избранное =)
Идеология сайта
Вы знаете, оказывается не все пользователи используют в качестве браузера Internet Explorer 6! К тому же, многие входят в сеть с домашнего компьютера и даже платят собственные деньги за проведённое время. ;)
В этих рамках необходимо разработать дизайн сайта так, чтобы он имел цельный и законченный вид для абсолютного большинства пользователей. Так сказать, здесь лучше «прогнуться под мир», чем «мир прогибать под себя» :)
Какие технологии построения сайта мы получаем в итоге?
- CSS - в качестве оформления HTML-тэгов страницы;
- SSI - для изменения общих черт сайта на всех страницах;
- No Tables - верстка без таблиц для уменьшения несодержательного объема страниц;
- Scripts off - без обязательных скриптов (клиентских), поскольку эти скрипты могут не поддерживаться браузером пользователя, либо могут быть вообще отключены!
- Pictures off - минимум графики, чтобы пользователь с отключенной графикой мог легко сориентироваться на сайте и визуально ему приятно было бы находиться здесь;
- 640x480 - всё-таки не все пользователи купили себе 17 дюймовые мониторы и обладают прекрасным зрением! Но при этом, даже на мониторе с большим разрешением, сайт должен быть читабельным (с «резиновым дизайном»).
Чем вызван этот минимализм, и как мне удалось это реализовать? К этому выбору я пришел после прочтения многочисленных заметок о нерадивых веб-дизайнерах. Но особенно сильное впечатление на меня произвела статья Дана Шафера (Dan Shafer) «HTML Utopia: Designing Without Tables Using CSS». После прочтения статьи, оставалось только взглянуть на её гипертекст.
Кроссбраузерность сайта
проверена мною при помощи следующих браузеров:
- Microsoft Internet Explorer 5.00.37
- Microsoft Internet Explorer 5.5
- Microsoft Internet Explorer 6.0.26
- Netscape 7.1
- Mozilla 1.0 (не работают скрипты)
- Mozilla 1.5
- Mozilla FireFox 1.0
- Opera 6.05 (не работают скрипты, читабельно)
- Opera 7.1 (не работают скрипты)
- Opera 7.23
- Хотелось бы проверить Lynx
Если кто-нибудь желает кинуть в мою сторону несколько тухлых помидоров, увидев страшную разметку сайта из-под какого-либо другого (не упомянутого в списке) браузера, то милости просим ;) Контактные данные указаны по © viT.
PS: А еще, мною проделана работа, чтобы Вы, мой дорогой читатель, могли напечатать любую страницу сайта прямо из вашего браузера. Print preview...