页面类型
页面与内容
- WEB站点系由多个页面组成
- 浏览网站就是在各个页面之间跳转
- 为了便于用户更好的访问内容,通常采用多个类型的页面来展示内容或实现功能
页面类型
观察以各文档内容为的站点,为表现同一内容类型,通常有如下页面类型:
- 站点首页:聚合多个内容类型;重点突出某些内容
- 内容栏目首页或列表页:快速浏览和概览同一类型的所有页面
- 内容详细页:展示详细内容
- 内容表单页:提供对类型的新增、修改和删除等功能
站点首页 home
简称首页。 是站点的入口,也是站点信息的汇聚之处。通常包含着站点中各类头条、精华或需要特点突出的信息摘要或链接。
一般由如下部分组成:
- 导航栏:方便用户浏览本站设置的链接菜单
- 信息区块:重点突出的信息列表或摘要
- 其它区块:站点头部、广告区块、个人资料等
栏目首页 index
或称栏目列表页。划分栏目的目的是将不同的信息归类,所以栏目首页即某一类内容或页面的入口。 内容稍复杂的站点通常都会划分为好几个栏目或分类,譬如博客、活动、人物、图片等等。
- 栏目首页的主区块通常是一个链接列表或者摘要列表,以及其它一些相关信息区块
内容详细页 show
栏目首页或站点首页通常提供的是链接或摘要,还需要通过链接进去,就能看到完整的内容,即内容详细页
- 属于同一栏目或分类的内容详细页,通常具有相同的页面结构或外观模式,仅仅是所含的具体内容有所不同
- 内容详细页的复杂程度通常取决于所含内容的结构。譬如电子商务网站的产品详细页,显然比博客新闻之类的页面更为复杂,因为其需要包含价格、型号规格、图文描述等等各类信息
表单页 form
如果该站点支持各种内容编辑功能,譬如增删改,则需要提供表单页面
表单页同样和所含的内容息息相关,所含的内容的结构越复杂,则表单的设计越复杂
示例 https://www.yunyoujun.cn
- 首页: / 由若干个信息块组成,包括欢迎封面、博文列表(标题+摘要+发表日期、分类、标签等)、以及导航等
- 博文列表页: https://www.yunyoujun.cn/archives/ 归档页,博文列表(标题、发表日期),支持搜索
- 博文详情页: https://www.yunyoujun.cn/posts/how-to-write-a-web-component/ 博文的详细内容,更易于阅读的界面设计
- 博文表单页: 需博主登录,支持增删改的表单页form
- 关于我: https://www.yunyoujun.cn/about/
- 关于站点: https://www.yunyoujun.cn/about/site.html
示例 https://blogwe.com/
- 首页: 由若干个信息块,包括欢迎封面、精选博客列表、新朋友列表
- 博客列表: https://blogwe.com/allblogs.html 所有博客站点的列表
- 博客详情页 https://blogwe.com/novcu-com.html 关于某博客的详细内容,以及”你可能感兴趣的博客“等信息块
- 博客表单页: https://blogwe.com/add-blog.html 新博主开通博客的表单页面;更完全的管理表单需要站点管理员登录
- 静态页面:如关于本站、大事记、提交收录等