如何整理我的网站内容?

组织Web内容的最常用方法是什么,即HTML,JS和CSS? 我通常在小项目中这样做: 的index.html style.css文件 的script.js 我认为这是相当标准的。但是,对于具有多个HTML / JS文件的项目,您如何做到这一点?我的方法是: 的index.html foob​​ar.html style.css文件 JS core.js foob​​ar.js 这是一种常见的做法吗?即使只有一个文件,我应该将CSS移动到单独的“css”目录吗?这个中央CSS文件通常如何调用? “style.css”或“base.css”还是其他什么?将HTML文件移动到单独的目录是否常见?     
已邀请:
这几乎是品味问题。 然而,将所有js / css和静态图像放入/ static或/ media等单个文件夹中是很常见的。例如/media/css/style.css。这里的要点是,您经常使用应用程序服务器(Ruby on Rails,Django)开发动态页面,并希望使用像nginx这样的轻量级网络服务器来提供静态内容。 您可能需要查看http://html5boilerplate.com/,其中包含大多数当前最佳实践。     
我喜欢Rails的组织。提供给用户的公共静态文件低于
/public
。然后JavaScript和CSS文件分别存储在
public/javascripts
public/stylesheets
下。静态html文件存储在
/public
下。 至于中央CSS文件名,它确实是你的偏好。您可以在您的网站(例如twitter.css)之后命名,或者您可以将其命名为base.css,all.css。等等 我会将你的html保存在
public
文件夹下,但你也可以创建一个
public/html
文件夹。     
我建议你移动:图像进入其他目录(当然),css如果有多个文件进入其他目录,js如果有多个文件进入其他目录。请记住,文件名是最重要的事情之一。不要调用样式(如果不止一个),如
style1
style2
但它们之间的差异,短的规格如
light_gray.css
dark_black.css
。与脚本相同如果使用更大的js脚本将它们添加到单独的目录中。     
我这样做:
index.html
styles/
    main.css  # Main CSS
    i/        # CSS images dir. Its name is short because: background:url(i/my_image.png);
    f/        # CSS fonts dir.
scripts/
    main.js   # Main JS
images/       # Content images
    
我遇到的最常见的结构是: 的index.html foob​​ar.html 图片 some_image.jpg 样式表 default.css(application.css或style.css也很常见) js(或javascripts) 的application.js hello_world.js 这是它通常在rails和许多其他框架中完成的。 随着您的项目扩展,您可能会有多个样式表/脚本,因此将文件放在文件夹中可以节省时间/精力。     
在大型项目中,您可以区分静态和动态文件,即文件,它们像PHP和文件一样被解析和执行,并按原样发送到客户端。许多PHP框架都提出了以下变体:
index.php       # single starting point
admin.php       # *or*
admin/index.php # admin area, separated from frontend
lib/            # contains executables, that are not directly called
static/         # contains CSS, JS, images and so on, that come from developers
assets/         # static content, that is uploaded by the user
这种方法有几个好处。首先,您不要将用户上传与样式表混淆。然后,您可以轻松配置您的Web服务器,以使用在
static
ans
assets
中找到的内容发送适当的过期和缓存标头。 以某种方式禁止客户端使用
lib
文件夹,因此您不会向客户端发送代码,仅用于嵌入。 然而,毕竟,这是你喜欢什么和你需要什么的问题。     
ASP.NET webforms的默认值是
index.html
foobar.html
与根目录中的公共文件一起使用。然后有
Scripts
Styles
目录。如果您有受限制的文件,请进入
Account
目录。我不是说这是最好的方法,但这是在微软方面做到这一点的常用方法。     

要回复问题请先登录注册