Macromedia Dreamweaver MX

Физическая структура Web-сайта

Физическая структура сайта описывает размещение файлов и папок на дис­ке компьютера.

Когда мы сохраняли все файлы Web-страниц и связанных с ними графиче­ских изображений в одну папку, мы не думали о какой-то там физической структуре. И правильно! В подавляющем большинстве случаев такой подход приемлем для небольших сайтов, вроде нашего. В таких случаях можно не ломать себе голову, в какой папке поместить тот или иной файл, — лучше сосредоточиться на содержании. Все равно, если сайт состоит из двух-трех десятков файлов, от сложной физической структуры вы не получите ника­ких преимуществ.

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

Правильная организация файлов и папок файловой системы поможет вам в дальнейшем держать все это хозяйство в порядке. В самом деле, намного проще найти GIF-файл среди нескольких десятков других GIF-файлов, ле­жащих в отдельной папочке, чем рыться среди сотен разнородных файлов, сваленных как попало в одну папку. К тому же, вам будет проще обновлять файлы сайта, если вы "разбросаете" их по отдельным папкам.

Существует своего рода типовая физическая структура, которой более или менее строго придерживаются все Web-дизайнеры. Она представлена в сле­дующем листинге. Имена папок отличаются от имен файлов тем, что пер­вые не имеют расширения. В квадратных скобках дается необязательный текст.

СКорневая папка вашего сайта> default. htm download[s] programl. exe program2.zip somefile. rar html [ s ] pagel. htm page2. html media

Fi lml. avi film2.swf

Backgroundsound. mid pic[s]

Picturel. gif picture2.jpg

Вот такая структура. Как видите, файлы, в основном, организованы по ти­пу: Web-страницы — в одной папке, графические файлы — в другой, муль­тимедийные — в третьей и т. д.

Корневой называется папка, в которой помещается ваш сайт. Запомните этот термин — мы часто будем использовать его в этой главе.

Файл default. htm, как вы поняли, — главная страница сайта. Этот файл поч­ти всегда помещают в корневой каталог сайта.

В папке download [s] находятся файлы, не являющиеся ни Web-страницами, ни изображениями, ни мультимедийными данными. Это могут быть про­граммы, файлы данных, архивные файлы и пр. Когда пользователь щелкает на гиперссылке, указывающей на такой файл, Web-обозреватель предлагает открыть его или сохранить на диске для последующего открытия. В любом случае, сам Web-обозреватель такие файлы не обрабатывает.

В папке html[s] помещаются сами Web-страницы.

В папке media находятся все мультимедийные файлы, используемые на страницах. Это фильмы в форматах AVI, Macromedia Flash и др., фоновая музыка в формате WAV, MIDI и т. п.

В папке pic[s] располагаются все графические изображения.

Иногда используется более сложная структура, когда внутри каждой папки создаются дополнительные подпапки. Это может выглядеть, например, та­ким образом:

Html [ s ] chepterl pagel. htm page2.htm chapter2 pagel. htm page2.htm

Pic[s] chapterl

Picturel. gif picture2.jpg chapter2

Picturel. gif picture2.fia

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

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

СКорневая папка вашего сайта> default. htm chapterl pagel. htm page2.htm picturel. gif picture2.jpg chapter2 pagel. htm page2.htm picturel. gif picture2.fia programl. exe

Может быть, вы найдете удобным структурировать ваш файл именно так. Но повторим, что такой способ весьма малоупотребителен.