суббота, 9 февраля 2013 г.

фреймовая структура css

Михаил Писарев - руководитель Web-проекта , заместитель главного редактора еженедельника "ИнфоБизнес".   Начало. Идея   Мы начинали с простой идеи. Журнал "ИнфоБизнес", о сайте которого ( ) и пойдет речь, к маю прошлого года был еще очень юн. Развивая его печатную версию, мы не очень торопились с созданием сайта, и в плане на 1998 год такая задача не стояла. Однако к началу лета стало ясно, что читатели не просто хотят читать еженедельник в Сети, но скорее требуют этого. Некоторые прямо говорили: если после летних каникул не откроется сайт "ИнфоБизнеса", отношение к изданию может ухудшиться. Нам ничего не оставалось, как сделать сайт - к 1 сентября.   Итак, первоначальная идея была проста: создать Web-версию журнала, фактически - его электронную копию.   Начало. Заказчик и исполнители   Поскольку в редакции журнала не было специалистов по созданию Web-сайтов, а необходимость найма еще одного сотрудника вызывала большое сомнение, мы решили заказать изготовление сайта профессиональной дизайн-студии. Но, увы, там не написали ни одной строчки кода - лишь нарисовали кнопки навигации. Ну, и еще в наследство от них нам досталась фреймовая структура (забегая вперед, скажу: сейчас на сайте нет ни того, ни другого).   Бесперспективность сотрудничества с дизайн-студией стала ясна к концу июня. Времени на подготовку сайта оставалось совсем мало (чуть больше месяца, если учесть отпуска), и мы приняли довольно смелое решение - разработать сайт самостоятельно. Ваш покорный слуга из "руководителя Web-проекта" превратился в его непосредственного исполнителя.   Начало. Задачи   Web-сайт должен был быть функциональным (то есть простым и прозрачным с точки зрения навигации), компактным (чтобы читатели на медленных каналах, особенно в регионах, могли работать с ним комфортно) и "читабельным" (ведь для чтения он и создавался). Чуть позже к этим требованиям добавилось еще одно: сайт должен быть несложен и удобен в расширении - для частого обновления информации и введения тех или иных дополнительных разделов без лишних хлопот.   Внешний дизайн сайта, то есть оформление, изобретать заново не было нужды: для пущей преемственности мы перенесли в электронную версию наиболее существенные и узнаваемые элементы, обкатанные в печатном издании.   Сайт. Набор страничек   На продумывание структуры сайта, создание шаблонов для разделов и их обсуждение ушел почти месяц. Еще месяц - на то, чтобы наполнить эти шаблоны текстом и хотя бы немного отладить механизм создания еженедельной электронной версии журнала. Наконец, 1 сентября сайт был официально открыт: мы включили счетчик посетителей, разослали письма нашим партнерам и написали об открытии сайта в журнале.   Но каков Web-мастер, таков и сайт. До этого мой опыт создания Web-содержания не распространялся дальше персональной странички с архивом статей, так что нет ничего удивительного в том, что в момент открытия был скорее набором страниц, нежели сайтом. Хотя главная задача была выполнена: "ИнфоБизнес" появился в Интернете.   Сайт. Изучение основ сайтостроительства   Развитие сайта сдерживалось лишь одним, но очень существенным фактором: отсутствием необходимых знаний у Web-мастера. Пришлось заняться самообразованием.   Мы использовали связку Linux-Apache - как наиболее развитый и классический вариант Web-платформы. Как известно, работа с Web-сервером на Unix подразумевает близкое знакомство с языком Perl и технологией SSI (Server Side Includes). Их изучением пришлось заняться в первую очередь.   Perl оказался очень близок к языку C (который я уже знал - спасибо фундаментальному бауманскому образованию по одной из компьютерных специальностей), но более строен и очень эффективен в обработке строк - именно то, что нужно для Web. А SSI, при своей мощности, вообще очень проста в изучении - концепция прозрачна и жизненна.   Не зря говорят: "счастливы несведущие". Вскоре стало понятно, как примитивно и нерационально сконструирован уже работающий сайт. Впрочем, излишняя спешка была ни к чему - и прожил в качестве набора страничек до начала октября.   Сайт. Добавляем Perl и SSI   SSI - вот клей, связывающий набор страничек в единый сайт. Дело не в перекрестных гиперссылках, как можно подумать, - дело в принципе создания страниц "на лету".   Отдельная страница - это законченный HTML-код. Она начинается тегом и заканчивается тегом . Чтобы что-то изменить, нужно править именно ее. А если страниц несколько и у них похожее оформление: "шапка" с рекламным баннером, "хвост" с копирайтом и электронным адресом, меню навигации и тому подобное? Можно, конечно, дублировать их в каждой странице (так и был первоначально сделан наш сайт), но ведь при смене "шапки" или копирайта приходится менять их вручную на всех страницах - какая уж тут гибкость!   Совсем другое дело - SSI-страница. Она начинается с конструкции и заканчивается (или похожими на них). Эти команды вызывают с диска и вставляют в страницу содержимое файлов header.txt и footer.txt, с тем содержанием, которое одинаково для всех страничек. А между этими тегами - только то содержание, которое уникально для данной страницы. То есть и "шапка", и "хвост", и прочие повторяющиеся элементы страниц - все в отдельном файле, присоединяемом к странице "на лету", в тот момент, когда пользователь хочет на эту страницу взглянуть. И чтобы изменить, в случае необходимости, электронный адрес на каждой из страниц, достаточно поправить всего один файл.   Другое полезное свойство SSI - способность вызывать (тоже "на лету") программы-скрипты, написанные на каком-либо языке, в нашем случае - на Perl. Скрипты придают сайту интерактивность - они крутят цифры счетчиков посетителей, ищут запрошенную информацию в статьях, позволяют общаться в чате, писать в форумы или гостевые книги и многое другое. В Сети можно найти множество бесплатных скриптов на любой вкус. К сожалению, пословица про бесплатный сыр верна и для бесплатных скриптов: приспособить бесплатный скрипт под задачи конкретного сайта зачастую сложнее, чем написать скрипт самому. Поэтому (а также потому, что большинство бесплатных скриптов с точки зрения образованного программиста написано неприлично плохо) все скрипты на сервере написаны "с нуля".   Скриптов потребовалось немало. Вот список тех, что уже реализованы:   1) Счетчик посещений (тотальный/ежедневный) с отдельным скриптом, представляющим статистику в графическом виде.   2) Скрипт для голосования, тоже с графическим представлением результатов.   3) Гостевая книга с отдельным административным скриптом.   4) Форум - это четыре скрипта, включая административный.   5) Чат - тоже четыре скрипта, включая административный.   6) Поисковый скрипт.   7) Скрипты, обеспечивающие работоспособность ежедневной новостной ленты "ИнфоБизнеса", включая скрипт-календарь - типичный пример уникальных для конкретного сайта скриптов.   Новые задачи, возникающие по мере развития сайта , очевидно, потребуют новых скриптов.   Начинается применение Cascading Style Sheets (CSS), третьего столпа сайтостроительства. До недавнего времени CSS на

Опубликовано в журнале

Мемуары сайтостроителя

05 февраля 2013 года

Мемуары сайтостроителя - Журнал "Компьютерра"

Комментариев нет:

Отправить комментарий