Форум программистов, компьютерный форум, киберфорум
and_y87
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск  

DOM, структура и строение папок Сайта. схема

Запись от and_y87 размещена 29.01.2013 в 11:45
Показов 5413 Комментарии 1

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

Не редко Кодеры допускают одинаковые ошибки и одна из распространённых это когда: все файлы находятся в одной папке... и скрипты и страницы и стили и прочее...

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

Предостережение: Прежде всего, для грамотного построения древа, надо определить какой у вас сайт? Сайт визитка состоящий сплошь из HTML файлов или PHP-движок. От этого зависит будущее древо...

Сегодня я поведую только о HTML версиях сайтов.

HTML сайт.
Это самый просто вариант древа использующий поменьше ресурсов чем php-сайт. Что же он использует?
Для начала рассмотрим самый простецкий вариент.
HTML простой сайт : *.html, *.css, *.js, (*.png, *.gif, *jpg)
рекомендуемое древо для такого сайта:
  • www / ... директория со всеми html файлами;
  • www / css / ... директория со всеми файлами стилей;
  • www / js / ... директория со всеми JavaScript файлами;
  • www / img / ... директория со всеми статичными изображениями;
  • www / img / gif / ... директория со всеми изображениями с анимацией;
Пример древа такого сайта:
Кликните здесь для просмотра всего текста
  • www / index.html
  • www / order.html
  • www / map.html
  • www / about.html
  • www / service.html
  • www / css / normalize.css
  • www / css / style.css
  • www / js / main.js
  • www / js / map.js
  • www / js / order.js
  • www / img / header.png
  • www / img / arrow.jpg
  • www / img / border.png
  • www / img / car_1.jpg
  • www / img / car_2.jpg
  • www / img / car_3.jpg
  • www / img / mail.jpg
  • www / img / gif / banner.gif
  • www / img / gif / glow.gif



HTML сайт посложней дополняется: *.flw, (*.doc, *.xls)
а также может содержать различные плагины... к примеру галерея, слайдеры и css фреймворки типа Bootstrap.
рекомендуемое древо для такого сайта:
  • www / ... директория со всеми html файлами;
  • www / css / ... директория со всеми файлами стилей;
  • www / css / plugin / ... директория со всеми CSS-фреймворками;
  • www / js / ... директория со всеми JavaScript файлами;
  • www / js / plugin / ... директория со всеми JavaScript Плагинами;
  • www / img / ... директория со всеми статичными изображениями;
  • www / img / gif / ... директория со всеми изображениями с анимацией;
  • www / flash / ... директория со всеми flw файлами;
  • www / files / ... директория со всеми документами;
Пример древа такого сайта:
Кликните здесь для просмотра всего текста
  • www / index.html
  • www / order.html
  • www / map.html
  • www / about.html
  • www / service.html
  • www / css / normalize.css
  • www / css / style.css
  • www / css / plugin / bootstrap.css
  • www / js / main.js
  • www / js / map.js
  • www / js / order.js
  • www / js / plugin / slider.js
  • www / js / plugin / lightbox.js
  • www / img / header.png
  • www / img / arrow.jpg
  • www / img / border.png
  • www / img / car_1.jpg
  • www / img / car_2.jpg
  • www / img / car_3.jpg
  • www / img / mail.jpg
  • www / flash / movie.flw
  • www / img / gif / banner.gif
  • www / img / gif / glow.gif
  • www / files / price.xls
  • www / files / commerce.doc


Если однотипных файлов становится очень много: то следует их группировать по какому либо признаку или принадлежности.
К примеру на сайте появились документы описывающие товар (в формате doc) и прайсы c дополнительными опциями в формате exl...
В этом случае можно отталкиваться от двух условий...
  1. количество файлов.
  2. количество категорий.
Если идти по первому пути то при малом количестве файлов можно сделать дополнительно 2 папки:
  • для doc
  • для xls
А если файлов штук 60...? Тогда лучше идти по второму пути...
Для этого надо оценить к какому типу относятся товары - к примеру: Легковые, Грузовые, Транспортные(автобусы)
тогда можно сделать 3 папки
  • Легковые
  • Грузовые
  • Транспортные
А внутри этих папок уже содержать нужные файлы.

Но тут важно не перегнуть палку!
Не надо создавать древо глубиной до десятка папок... Важно знать когда остановиться...!
Главное что бы файлов находилось в папке ровно столько, что бы они не мешались друг другу при поиске необходимого... и не были слишком глубоко в древе папок ...
Если вы щёлкая по папкам подумали: "Когда же я до этой папки доберусь?"
значит надо подумать: "А правильно ли вы составили древо?"

Лучше его переделать чем вы всю жизнь сайта будите вот так вот тыкать с мыслями: "О боги когда же я увижу свет в конце тунеля?"


Порядок вам будет экономить время... на личном опыте знаю... да и логично всё это...

Эта статья - ИМХО, носящая ознакомительно рекомендательный характер, целью которой является заставить пользователей придумывать свои более улучшено струтрурированные "Деревья".

Ура... мой мысленный понос прекратился...
В следующий раз если не будет лень напишу про Древо PHP-сайта...
Размещено в Разработка Сайтов
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Всего комментариев 1
Комментарии
  1. Старый комментарий
    Аватар для and_y87
    Про древо PHP решил не писать т.к. там всё гораздо запущенней, и вариантов может быть мильёны...
    Запись от and_y87 размещена 12.04.2013 в 10:06 and_y87 вне форума
 
Новые блоги и статьи
Жизня: рисунок укладки багажа, сделанный клодом
anaschu 21.08.2026
Сделал 15 снимков, он по снимкам сделал схему.
Был там один разговор по поводу свободы в материальном мире.
kumehtar 19.08.2026
Суть: рассматривается живое существо, оказавшееся внутри довольно странной системы (этого мира) и пытающееся обустроить в ней свой кусок пространства. Жизнь действительно предъявляет каждому. . .
Когда логика программы не спасает от человеческих ошибок
Maks 18.08.2026
В последнее время всё чаще и чаще сталкиваюсь с таким явлением, как абсолютная невнимательность (или глупость) пользователей. Проявляется это чаще всего на работе в коллективе. Допустим, человек с. . .
Лето уходит
kumehtar 17.08.2026
Мысли в слух
kumehtar 17.08.2026
Забавно, насколько сейчас стала доступна информация. Например о магии, духовном развитии, медитациях, и других подобных направлениях, ранее зачастую тайных, передаваемых от учителя к ученику. Хотя. . .
Перемещение строк из ТЧ в другой документ с учетом текущего пробега
Maks 17.08.2026
Реализация из решения ниже выполнена на примере нетипового документа "Автозапчасти", с ТЧ "Шины". За основу взят алгоритм отсюда: https:/ / www. cyberforum. ru/ blogs/ 359708/ 10838. html Задача: . . .
Саморегулирующийся социальный контракт для сервера cross-section.
Hrethgir 14.08.2026
С кодом конечно таких глубоких размышлений пока не было, впрочем я уже привык к алгоритмизации. Суть предмета записи: снова в диалоге с нейросетью (я взял пока себе ник для учётки админа - Rector). . . .
Часы электронные
Uhbif79 12.08.2026
Выкладываю программу часов. Программа позволяет: 1. Использовать системное время и дату, 2. Есть возможность вводить время и дату вручную. 3. Реализованы 2 будильника: начало и конец рабочего дня. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru