Html5+CSS3川南苗族文化传播网站的分析设计与开发+ER图+流程图(7)
图3.10网站社会需求分析图
四、网站的设计与实现
（一）川南苗族网站的页面设计
1、主页
主页主要考虑的是需要图文并茂，然后把五大板块的部分精彩链接内容链接到主页，访问者可以通过主页进入到各板块。
图4.1 主页
2、各二级页面
网站的二级板块主要有:苗学研究、苗区旅游、苗族文化、文学艺术、苗家新闻这五个板块，二级板块的基本框架和外观设计模版基本一致，上面有各个板块精彩内容的链接，下面是各二级页面的主要内容。
（1）苗学研究图4.2 苗学研究板块
（2）苗区旅游
图4.3 苗区旅游板块
（3）苗家新闻
图4.4 苗家新闻板块
（4）苗族文化
（5）文学艺术
二级板块网页板式都差不多，就不一一列举。
3、各三级页面
三级页面展现主要是具体的图文信息内容，主要设计如下:
图4.4 三级页面板块
4、后台新闻管理页面
图4.5 后台新闻管理页面
图4.6后台新闻管理页面
5、网站的CI形象
（1）网站的LOGO:
图4.7网站LOGO
（2）网站的色彩：
网站整体色彩不使用过多的颜色，主要以红色、黑色为主，太多的颜色会导致混淆。设置关键性信息功能性颜色，以红色为主，比如标题和超级链接。
（3）网站的字体：宋体
（4）网站的宣传标语:
川南苗族人自己的文化网站!
（二）川南苗族网站的模块实现
1、用户注册实现
用户注册可以为使用者提供帐号，当用户注册成功，即可登录系统，其中用户名、密码、出生日期、E-mail为必选项，如果不填写将不能提交。
图4.8 用户注册
2、用户登录实现
登录功能在网页的最上角，用户填写完信息后，提交申请，完成登录。
图4.9 用户登录
3、留言板功能的实现
留言板主要是用于用户与用户之间的交流，用户可以浏览留言的内容并且可以发表留言。
图4.10 留言板
4、新闻发布系统的实现
（1）新闻管理后台
管理员可以通过后台管理进行新闻的基本管理、文章管理、会员管理，可对新闻内容进行增加、修改、删除，使网站保持最新、最实的信息。
图4.11 新闻发布系统后台
（2）添加栏目
对新闻所属栏目进行添加。
图4.12 添加新闻栏目
（3）文章管理
图4.13 文章管理
五、 网站开发的关键技术
（一）全新的HTML5技术
1、良好的设计理念
（1）化繁为简
HTML5为了做到尽可能的简化，避免了一些不必要的复杂设计。
（2）向下兼容
HTML5有着很强的兼容能力，HTML5有了颠覆性的革新，允许存在不严谨的写法
（3）支持合理存在的内容
HTML5的设计者花费了大量的精力来研究通用的行为。例如，GOOGLR分析了上百万的页面，从中提取了DIV的ID名称。
（4）解决实质性的问题
对于HTML无法实现的一些功能，用户会寻求其他方法来实现，例如绘图、多媒体、地理位置等,HTML5研究了这些需求，开发了一系列用于WEB应用的接口。
（5）用户优先
在遇到无法解决的冲突的时候，规范会把最终用户的诉求放在第一位。