起点婚纱网站的设计与实现

摘  要：起点婚纱网能让人们更加了解婚纱的来源，并给人们提供婚纱照的拍摄场地，以一种线上交流的方式，使用户更加了解婚纱。起点婚纱网是服务于各类即将结婚的人群。网站是以CMS为建站系统，采用DIV+CSS开发技术，网站页面包括首页、走进婚纱页、婚纱屋页、婚纱资讯页、婚纱场地页、关于我们页和留言页，整个网站以白色和粉色为主。网站板块都以婚纱为基础，紧贴主题。后台有登录、注册和留言功能。网站结合CMS建站系统的使用完成了注册登录、留言板、后台管理等功能。

关键词：Dreamweaver  婚纱网  科讯  DIV+CSS

目 录

1 引言 1

1.1 起点婚纱网站的开发背景 1

1.2 起点婚纱网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 起点婚纱的开发环境 2

2.2 本项目应用的主要开发工具 2

2.2.1 Adobe Dreamweaver CS4 3

2.2.2 Adobe Photoshop CS6 3

2.2.3 KesionCMS X2.0 Free(utf-8) 4

2.2.4 火狐浏览器5.0 4

2.2.5 IE浏览器 5

2.3 本项目应用的主要开发技术 5

2.3.1 HTML语言 5

2.3.2 IIS服务器 6

2.3.3 DIV+CSS 6

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.3 项目进度计划 8

4 项目需求分析 9

4.1 业务分析 9

4.1.1 业务组织结构 9

4.1.2 业务工作角色分析 9

4.2 概要设计 11

4.2.1 网站结构图 11

4.2.2 网站概要设计说明 12

4.3 现行研究存在的问题及解决方法 14

5 网站实现 15

5.1 网站后台界面设计与布局 15

5.1.1 后台登入界面 15

5.1.2 后台管理界面 15

5.2 网站前台界面设计与布局 16

5.2.1 首页 16

5.2.2 首页的二维码功能界面 18

5.2.3 前台登录界面 19

5.2.4 栏目页 19

5.2.5 内容页 20

5.3 说明 21

5.3.1 项目文件命名规范 21

5.3.2 模板文件结构说明 22

6 测试 23

6.1 测试目的 23

6.2 前后台页面功能测试 24

6.2.1 前台页面测试 24

6.2.2 后台功能测试 24

7 起点婚纱网站的SEO优化方案 26

7.1 站内内容结构优化分析 26

7.1.1 站点网速测试 26

7.1.2 合理规划结构站点布局 26

7.1.3 死链和空链的排除: 26

7.1.4 关键词定位布局分析 26

7.2 内容与内链的优化 27

7.3 网站网址的优化 28

7.3.1 网站目录层次的优化 28

7.3.2 外链 28

8 总结与展望 29

致谢 30

参考文献 31