А это клавиатура, с помощью которой я творю...
http://kurepin.ru/php/design/
Rambler's Top100
Пишем на PHP: Готовим дизайн (начало)

Ну что, как встретили Новый Год? Как всегда — наступил на печень? Кто бы сомневался в этом.

Честно говоря, времени рассусоливать у меня нет — весь в делах, но, как я обещал в начале курса, постараюсь делать выпуски по два-три в неделю. С вас — бутылка! Шутка.

С чего начать визуализацию сайта? С начала начать! И пусть заглохнут те, кто считает разбор будущего дизайна последним делом. Ничего подобного! Дизайн (я имею в виду только его функциональную часть) — вещь наиважнейшая. Код можно всегда поправить, не взирая на лица. А вот с дизайном это сделать всегда сложнее.

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

"Итак, начало... начало — это встреча со зрителем...", — как говорил главный герой "Мы из джаза", — "Зритель — наш старый знакомый. Мы же не орем ему ЗДОРОВО! Мы говорим мягкое — привет!".

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

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

Честно говоря, я сам далеко не всегда следую всем правилам, но мы будем стараться их придерживаться.

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

Мы будем действовать по принципу SSI. Кто не знает что такое SSI — отправляю читать про SSI. Про эту технологию написаны сотни статей, хотя она вся состоит из нескольких команд. В двух словах: SSI диктует http-серверу — какие файлы нужно подключить (или подлинковать, как говорят некоторые программисты) в текущий, прежде чем отдать файл пользователю.

Сама технология SSI нам не понадобится, мы легко заменим функции SSI функциями PHP.

Можно достаточно мелко дробить сайт на составляющие, но мы это сделаем по мере необходимости. Пока можно остановиться на основных составляющих почти любого сайта:

1. Заголовок
2. Быстрая навигация по основным разделам
3. Меню
4. Рекламные блоки
5. Основной текст
6. Низ страницы (копирайт)

Заголовок — это для нас просто: текстовая строка с названием сайта и/или текстовый блок. Для примера можно посмотреть на сайт http://caricatura.ru/parad/. Видите, слева логотип, справа пояснительный текст, ниже отчеркивающая строка. Это и есть заголовок, который лежит в папочке inc под названием top.inc. У нас тоже есть папочка inc, в которую мы положим свой такой заголовок.

    Хочу еще раз напомнить, что папку с подключаемыми файлами (в отличие технологии SSI) мы храним вне директории WWW или как называется папка с доступными по http страницами. Иначе злоумышленник сможет прочесть содержимое inc-файлов и найти способ взломать сайт.

Что вообще хорошо иметь в файле заголовка? Я предпочитаю иметь там четыре основные составляющие сайта:

1. html-заголовок
2. java script-функции ("жалкий скрип", как я называю этот язык)
3. Сам заголовок — текст и графику
4. Невидимые фрагменты всевозможных счетчиков и других "жучков", которым ладнее грузиться в первую очередь

В принципе, в заголовок можно включить и описание стилей (CSS), но я предпочитаю хранить стили в отдельном файле и подключать их стандартной строкой в описании html-заголовка:


Так вот. В папочку inc кладем файл top.inc с нашим заголовком. Пусть для начала он выглядит просто:


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

Перейдем к следующему фрагменту сайта — последнему. Почему последнему? А потому, что: "поставив открывающую скобку — сразу поставь закрывающую", — помните мой принцип? Вот и тут он должен сработать без осечки. Тем более, что написать фрагмент с копирайтом еще проще. Назовем файл bottom.inc, раз у нас верхний назывался top.inc.


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

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

До завтра, друзья!

[шаг назад] [печатать] [в начало сайта]



copyright ©2000-2017 Ruslan Kurepin