как организовать весь js, css, php и код HTML?

У меня обычно есть мои PHP-страницы в одной папке, (возможно, 10 файлов, если это сайт среднего размера), то подпапка там под названием Media, в которой я помещаю папку CSS, папку JS IMG папку, папку SWF И т.д.

У меня есть 2 CSS-файлов, сброс, другой имеет стиль для всего сайта, написанного в кусках. Я использую класс на теге тела, чтобы нацелиться на разные макеты страниц.

Папка JS имеет jQuery, файл, который работает на каждой странице, то конкретные файлы для отдельных страниц.

Это держит вещи довольно прямо вперед.

Если вы ищете примеры о том, как разработать приложение, посмотреть на многие рамки - это хороший запуск. Даже только их структура файлов даст вам идею. Как правило, они организуют свой код в модули, где также проживают как HTML-шаблоны HTML. Ни один, в частности, лучше посмотреть, но попробуйте: CakePhp, Symfony, Codeigniter или Agavi.

Они не будут делать отличную работу по предлагающим, как правило, файлы JavaScript и CSS. Когда я делаю приложение, у меня обычно есть только горсть файлов CSS. Я удивлен, что вам, кажется, нужно понадобиться на странице, но если вы сделаете: встраивать их. Преимущество листов внешних стилей полностью потеряно, если нет ничего многоразового использования о своем стиле. Файлы JavaScript, опять же, если они не используются, вы должны просто встраивать их. Менее HTTP-запросы на нагрузку на страницу делает всех счастливыми.

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

Если вы тестируетесь в IE 8 то будет ,

проверьте эту ссылку http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx

условные комментарии для различных версий IE.

Если вы можете/хотите, я бы создал папки верхнего уровня для JS, CSS, PHP и т.д., которые будут содержать код, который может использоваться в различных окнах. Нет необходимости иметь 50 копий одного и того же CSS-файла, если они все одинаковы или даже в основном одинаковый код.

Затем создайте папку для каждого «окна», которое имеет отдельные папки css, js и т.д. Здесь можно поместить файлы, специфичные для данного окна. Таким образом, если вы изменяете только 1 css правило или js функцию, которая используется в каждом окне вы можете изменить его в 1 место.

Если потребуется изменить правило только для 1 окна, поместите правило в папку «local css» для этого окна, и оно переопределит значение по умолчанию. (То есть, если HTML ссылается на него после «global css»)

Если ожидается, что один и тот же пользователь откроет несколько из этих различных всплывающих окон во время одного посещения, для них необходимо консолидировать файлы, чтобы они были кэшированы, и конечным пользователям не нужно снова загружать все CSS/JS в каждое всплывающее окно.

Подход к папке подходит для изображений и JS. Если каждое всплывающее окно сильно не отличается, я бы предложил один CSS-файл для вашего собственного здравомыслия. Структура папок может выглядеть следующим образом:

css/
* layout.css
popups/
* add_new
   - add_new.js
   - logo.png
   - add_new.php
* delete
   - delete.js
   - other_logo.png
   - delete.php

Теперь перед развертыванием можно решить, имеет ли смысл компилировать JS в один файл или лучше всего использовать отдельные файлы. (Например, если пользователь открывает 30 из 50 окон каждый раз, используйте один файл)

Если вы можете / нужно, чтобы я мог бы создать папки верхнего уровня для JS, CSS, PHP и т. Д., которая будет содержать код, который может быть использован для различных окон. Нет необходимости иметь 50 копий одного и того же файла CSS, если они все одинаковы или даже в основном тот же код.

Затем создайте папку для каждого «окна», которая имеет отдельные CSS, JS и т. Д. Здесь вы можете поставить файлы, которые специфики для этого конкретного окна. Таким образом, если вы изменяете только 1 правило CSS или функцию JS, которая используется каждым окном, которое вы можете изменить его в 1 месте.

Если вам когда-либо нужно изменить правило для всего 1 окна, поместите правило в папку «Локальная CSS» для этого окна, и она переопределит ваш по умолчанию. (То есть, если ваш HTML ссылается на него после «глобальных CSS»)