Html5+CSS3川南苗族文化传播网站的分析设计与开发+ER图+流程图(7)
时间:2016-12-05 11:09 来源:毕业论文 作者:毕业论文 点击:次
图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）用户优先 在遇到无法解决的冲突的时候，规范会把最终用户的诉求放在第一位。 (责任编辑：qin) |