网页实训报告终极大成版Word文档格式.docx
- 文档编号:21095927
- 上传时间:2023-01-27
- 格式:DOCX
- 页数:10
- 大小:493.86KB
网页实训报告终极大成版Word文档格式.docx
《网页实训报告终极大成版Word文档格式.docx》由会员分享,可在线阅读,更多相关《网页实训报告终极大成版Word文档格式.docx(10页珍藏版)》请在冰豆网上搜索。
Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver8的发布,更坚定Dreamweaver在该领域的地位。
它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。
FlashCS6:
AdobeFlashCS6是用于创建动画和多媒体内容的强大的创作平台。
AdobeFlashCS6设计身临其境、而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致效果的互动体验。
新版flashprofessionalcs6附带了可生成sprite表单和访问专用设备的本地扩展。
可以锁定最新的adobeflashplayer和air运行时以及android和ios设备平台。
目录
1.制作网站的基本思路
2.系统开发及运行环境
3.网站栏目结构图
4.网站目录结构图
5.网站制作过程及制作要点
6.网站测试
7.网站评价
8.总结
9.参考文献
(一)、制作网站的基本思路
1.网站主题确立:
英雄联盟是最近最火的网络竞技类游戏,本小组成员也不例外成为了这款游戏的忠实玩家,出于对这款游戏的热爱,于是将此次网页设计实训的网站主题定为“英雄联盟游戏主页模拟”
2.设计网站实现的功能:
通过自己的双手来传达我们对这款游戏的热爱,并锻炼自己的网页设计技能
3.网站适用的群体:
15——35岁的各类人群
4.网站的整体风格:
基本模仿英雄联盟官方网站主页
5.网站包含的主要信息:
英雄联盟视频两份,英雄联盟招商信息,英雄联盟新模式介绍等
(2)、系统开发及运行环境
1.操作系统:
windows7
2.处理器:
intelcorei7990x3.6ghz6核
3.安装内存:
4GB
4.系统类型:
64位操作系统
5.网页制作软件:
Dreamweaver8,AdobeFlashCS6
6.测试浏览器:
IE8,火狐浏览器,360浏览器,搜狗浏览器
(3)、网站栏目、链接结构图
网页栏目结构图:
网页链接结构图:
(4)、网站目录结构图
(5)、网站建设过程及制作要点
网页图示:
主页图示:
此页面插有两个flash,一个是相关视频,一个是flash按钮。
有一个滚动栏八张图片。
每一个图片相对应都有一个链接。
总共是两个空链接、三个下载链接、一个表单链接、两个网页链接。
本页还利用CSS做出了鼠标滑动文字出现下划线的效果。
子页1,极地大乱斗图示:
此页有一个flash视频,一个返回首页的链接和一个去往下一个子页的链接。
其他全为空链接。
子页2,LOL招聘:
此页除了一个返回首页的链接外,全为空链接。
下面的图采用了鼠标滑过换一个图的效果。
子页3,LOL玩家自制图:
此图在第一幅图上做了一个返回首页的链接。
其他则没有什么特殊效果。
但下面的图全是自己纯手工制作出来的。
子页4,表单:
此图除了有一个返回首页的链接之外没有其他的特殊效果。
表单则是一个较为简单的登陆表单。
子页5,模式介绍:
此页是用模板做成,是极地大乱斗下的四个子页之一,内设一个返回极地大乱斗的链接,还有四个切换子页面之间的链接。
CSS代码:
主页CSS代码如下:
.ziti{
font-family:
"
宋体"
;
font-size:
12px;
color:
#000000;
}
.STYLE1{font-family:
#FFFFFF;
}
.STYLE2{color:
#FFFFFF}
a:
link{
#CCCCCC;
text-decoration:
none;
visited{
#999999;
hover{
underline;
active{
body{
background-color:
#041131;
.gundong{
16px;
font-weight:
normal;
表单代码如下:
.CSS{
bold;
.oo{
24px;
bolder;
.yy{
10px;
lighter;
#000066;
.uu{
border:
1pxsolid#333333;
(6)、网站测试
该网站各网页元素均正常显示,网页链接正确,网页在IE8浏览器上显示正常,在火狐浏览器上显示正常,在360浏览器上显示正常,在搜狗浏览器上显示正常。
(七)、网站评价
由于资历尚浅,很多位置都没能做到极致,时间关系也还有很多没有做完的子链接,但是这不影响我们内心的骄傲,这个网站承载着我们二人对英雄联盟这款游戏的热爱,希望老师能提出宝贵的意见让我们继续完善这个网站,也算给自己的大学留下一个满意的痕迹
(8)、总结
通过这次网页实训,我们学到了很多,不仅学到了网页的制作,还学到了如何使用Photoshop来做图和使用Flash制作软件来制作Flash。
其中,有很多知识都是在网上和平时生活中学不到的。
在这次网页设计实训中,我们感受到设计网页的乐趣,知晓了各类软件的运用方法,看着自己的成品网页,心中满是自豪和骄傲,就如同我们热爱英雄联盟这款游戏一般也热爱着它!
经过这次实训,我们学会了一项新的技能,相信未来的路一定会更加的宽阔!
(九)、参考文献
XX百科、XX图片、英雄联盟官方网站等
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 报告 终极 大成