viT-1.ru

https://vit-1.github.io/hobby/viT/siteidea/

Идеология сайта, принципы и реализация

Содержание сайта (content)

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

Выбор технологий

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

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

Еще один важный момент - это независимость имен ссылок от используемой технологии генерации страниц (CGI, PHP, ASP, HTML, XHTML или другая). Это реализовано при помощи страниц по умолчанию, настроенным на Web-сервере, и отдельных папок созданных для каждой страницы. Это позволит сменить технологию отображения страниц, при этом не порушив гиперссылки, которые могут быть уже занесены в Избранное =)

Идеология сайта

Вы знаете, оказывается не все пользователи используют в качестве браузера Internet Explorer 6! К тому же, многие входят в сеть с домашнего компьютера и даже платят собственные деньги за проведённое время. ;)

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

Какие технологии построения сайта мы получаем в итоге?

  1. CSS - в качестве оформления HTML-тэгов страницы;
  2. SSI - для изменения общих черт сайта на всех страницах;
  3. No Tables - верстка без таблиц для уменьшения несодержательного объема страниц;
  4. Scripts off - без обязательных скриптов (клиентских), поскольку эти скрипты могут не поддерживаться браузером пользователя, либо могут быть вообще отключены!
  5. Pictures off - минимум графики, чтобы пользователь с отключенной графикой мог легко сориентироваться на сайте и визуально ему приятно было бы находиться здесь;
  6. 640x480 - всё-таки не все пользователи купили себе 17 дюймовые мониторы и обладают прекрасным зрением! Но при этом, даже на мониторе с большим разрешением, сайт должен быть читабельным (с «резиновым дизайном»).

Чем вызван этот минимализм, и как мне удалось это реализовать? К этому выбору я пришел после прочтения многочисленных заметок о нерадивых веб-дизайнерах. Но особенно сильное впечатление на меня произвела статья Дана Шафера (Dan Shafer) «HTML Utopia: Designing Without Tables Using CSS». После прочтения статьи, оставалось только взглянуть на её гипертекст.

Кроссбраузерность сайта

проверена мною при помощи следующих браузеров:

Если кто-нибудь желает кинуть в мою сторону несколько тухлых помидоров, увидев страшную разметку сайта из-под какого-либо другого (не упомянутого в списке) браузера, то милости просим ;) Контактные данные указаны по © viT.

PS: А еще, мною проделана работа, чтобы Вы, мой дорогой читатель, могли напечатать любую страницу сайта прямо из вашего браузера. Print preview...

<-- -->
© viT