Web前端技术课程实训报告.doc

Web前端技术课程实训报告
Web前端课程设计 河北师范大学汇华学院
2
《Web前端技术课程设计》报告
实训课题名称
Web前端课程设计 河北站版权的展示图………………………………………………………………14
国内黑客网站界面展示图………………………………………………………15
黑客新闻界面展示图……………………………………………………………16
电影展示图………………………………………………………………………18
黑客简介界面展示图……………………………………………………………20
黑客区别界面展示图……………………………………………………………21
黑客分类界面展示图……………………………………………………………22
实训中的问题和解决办法………………………………………………………23
实训体会…………………………………………………………………………24
一、开发背景
如今已是信息化时代，很多网络中的强盗已经将魔爪伸向我们每一个网民。由此可见关于了解黑客以及黑客攻防方面的知识和新闻是很有必要的。黑客学习网一直致力于面向全球华人提供最新的黑客新闻、最先进的黑客攻防技术，力求将黑客学习网打造成网民每天必看的学习网站！
二、前期准备
Web前端课程设计 河北师范大学汇华学院
9
本网站是以信息安全类为主体设计，系统的介绍了黑客攻防的新闻的知识。
三、客户需求分析
客户需求是指客户创建本网站的目的和对网站建设提出来的特定的要求。
了解客户的需求，是建好黑客学习网站的前提。黑客学习网站通过互联网可以更好的开展信息技术的交流、学习和网上报名等活动。这样可以提高网站的访问量、知名度，也是网站业务的重要来源。客户对其拟建的黑客学习网站提出的主要要求有以下几点：
1、宣传信息安全的重要性，提高人们对信息安全的认识，增加网站的知名度。
2、适时地发布最新黑客新闻和技术，为学习者提供最佳资源。
3、在网上发布报名表，引进国内外的爱好者来此学习交流。
4、网站上要设有爱好者交流留言板，用户可以网站新闻和技术文章进行评论和留言交流，对于网站的改进和更新很有帮助。
四、网站风格定位
网站风格是指网站的整体形象给浏览者的综合感受。这个整体形象包括站点的logo、标志、色彩、字体、标语、版面布局、浏览方式、交互性、文字、内容价值等诸多元素。可以从三个方面对长白山旅游网进行定位。
Web前端课程设计 河北师范大学汇华学院
11
1、色彩
网站的色彩是浏览者整体的视觉感官，如果网站的色彩具有一致性，会使网站看起来美观，使浏览者不容易对内容混淆，增加了浏览的简洁与方便。从而更能衬托网站的主题，若色彩能与主题合理搭配，将会增加网站的易读性。
黑客学习网站选定的主题色是黑灰色。因为若是要打开一个黑客方面的网站，每个人的头脑中肯定都是黑色或者灰色，即为较暗淡神秘的颜色。能给吸引更多用户并给用户一种神秘感，很适合黑客学习的网站。
网站中除了采用黑灰色系外，还和淡蓝色、白色搭配，使网站产生一种舒适的气氛，使人可以长时间驻留其间，眼睛也不会觉得疲劳。
2、排版
网页是网站构成的基本元素。当浏览者轻点鼠标，在网站中漫游时，一幅幅精彩的网页会呈现在面前。那么，决定网页精彩元素是什么?色彩的搭配、文字的变化、图片的处理等式不可忽略的因素，除了这些外，还有一个非常重要的元素——网页排版。
黑客学习网站采用的是“厂字型”排版形式。最上面是网站的logo。接下来是网站的menu，中心内容分为两部分：一是左侧meun二是右侧显示menu的主要内容。最下面的是网站的一种基本信息、联系方式、版权声明等。这种版式的优点是网页结构清晰，主次分明，但弱点是规矩呆板，信息量少。针对这个弱点，该网站在细节上做了一些处理。例如：对于黑客新闻以链接到另一个网页的形式，并将所有新闻的
Web前端课程设计 河北师范大学汇华学院
12
超级链接置于此网页，增大的信息量。logo设置较为个性并动态显示，使整个页面显得更加生动富有特色。
3、特效
网站的特效就是让网页看起来生动活泼的各种应用，如Flash、JavaScript等。
五、网站建设方案
在黑客学习网站的建设中，前期准备至关重要的，要有明确的做网站的根本目的。该黑客学习网站通过黑客的介绍、黑客新闻以及黑客攻防技术的宣传，大大的提高了网站的知名度。由于信息化时代的很多漏洞，大多数人没有全面的意识，且很大一部分人对