如何组织一个网站

“帮我搞个网站吧”

搞web的经常听到这样的话,如果没有建网站的经历,很可能一脸蒙逼,纵然你是PHP高手,有十八般武艺,也不知何从下爪。有点经验的就会问,你网站收集哪些内容,如何分类,哪些是动态的,哪些是静态的,如何布局。。。,更进一步地,分解成哪些模板文件。

703be3b1jw1f3x2tze5hjj20ju05u0ui

所有网站, 其实只有三类页面:首页、列表页、详情页。


  • 首页,通常是一个大的仪表盘(Dashboard),从各个分类搞一点内容,作为小挂件扔上去。
  • 列表页,具体内容的简单列表。
  • 详情页,具体内容。通常包括“文章详情”、“页面详情”。

“文章详情”没什么好说的,取出某个具体内容,显示即可。

“页面详情”如何展示?因为wordpress中所说的“页面”,不仅自已是有内容的,而且可能有子页面( 在 wordpress 中页面之间可以有层次关系)。通常的手法是在屏幕中部显示某页面具体内容,再在侧边栏以目录的形式显示其下面的子(包括孙子)页面的标题。

虽然概念上只有三类页面,但是展示形式可能有多种。换句话说,不同分类的“列表页”和其下的“详情页”,其模板文件是可以不一样的。 比如产品的列表页和详情页,就与新闻类的列表页和详情页,展式时可能大不一样。

菜单是网站的重要组成部分,如何组织菜单?


菜单是分层次的,而分类和页面都有层次关系,所以直接把分类和页面拿来当菜单是可行的。

举例说明,为某网站建了一个“新闻”分类,下面设了“企业新闻”、“行业新闻”2个子分类, 每个分类下面都写了一些相应的文章;又建了一个“关于”页面, 下面有“公司文化”,“发展历程” 2个子页面, 3个页面都有自己的内容。如何组织菜单?如下:

关于(父页面)        新闻(父分类)     产品
————                     ————-              ———
公司文化                   企业新闻                  A类
分展历程                   行业新闻                  B类

点一级菜单“关于”时,屏幕中部显示该页面的具体内容,可在侧边栏显示“公司文化”和“发展历程”2个子页面的链接。

点一级菜单“新闻”时,显示出所有新闻类的文章出来,点二级菜单“企业新闻”时,仅显示企业新闻类的文章。

建站步骤


什么叫网站? 从程序员的角度看,网站就是一张数据库表,表中存储有post和page等数据,你要提供各种视角(即分类)来展示这些数据。

所以做网站,第一步就是分类。

哪些是动态的,哪些是静态的,动态的文章分为哪几个分类(Category),静态的页面(Page)有哪些,它们之间有没有层次关系。Categary 和 Page 和定下来后,菜单差不多也就定下来。

第二步就是定模板。

以上面的例子为例,首页模板文件为 index.php。“关于”、“公司文化”、“发展历程”这三个页面都用 page.php 文件,它们的内容都是从数据库中取的,可共同使用一个模板文件。“新闻”、“企业新闻”、“行业新闻”3个列表页可共用 category-news.php 文件,“产品页”使用 category-product.php,“A类”列表页使用category-a.php、“B类”使用category-b.php,如果A类B类在列表页上没区别,也可以不用分那么细,都使用category-product.php,看需要而定。

第三步就是布局。

首页、列表页、详情页通常有不同的布局。边栏是重要的用来布局的容器,常见的有:顶部通栏、底部通栏、侧边栏、内容底部栏。

首页布局通常是单独设计。

列表页的布局通常分为2栏式,中间栏(放列表)和侧边栏(放小挂件)。

详情页布局1栏,2栏的都有。

页面中公共的部分,可以提取出来,做成单独的文件,如header.php、footer.php、sidebar.php等。

另外,再做一些小挂件,如联系方式、旋转木马式案例展示、。。。

发表评论

电子邮件地址不会被公开。 必填项已用*标注