数字艺术设计基础课程设计报告Word下载.docx
- 文档编号:19621142
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:13
- 大小:1.92MB
数字艺术设计基础课程设计报告Word下载.docx
《数字艺术设计基础课程设计报告Word下载.docx》由会员分享,可在线阅读,更多相关《数字艺术设计基础课程设计报告Word下载.docx(13页珍藏版)》请在冰豆网上搜索。
提供最新的旅行装备并给出自己建议,同时将“驴友”推荐最多的装备置顶。
户外资讯:
这里有“驴友”最关心的问题,有同伴们的心得体会。
驴友相册:
收集骑行的照片,网友也可上传照片。
驴友论坛:
网友在这里提问由资深网友回答,同时也有网友间的交流。
5、网站设计风格设定
我们期望做出的网站有天下任我行的感觉,另外要表现出一定的个性,这里即一种动感。
此外还要使网页看上去简洁,这样有助于清新的风格的更好表达。
网站的页面上我们将骑行的画面与蓝天相结合,让人看了就有一种向往骑行的感觉,
6、网站色彩模式设定
配色以蓝色为主,在蓝色的基础上进行色相的调整,使之达到我们要表达的感觉:
清晰,简单大方。
我们组网页的主色为蓝色与白色,通过各种颜色的渐变构成了页面的各个部分,其中包括页眉,页脚以及各个主题框子,它们大都采用蓝色调。
之所以采用蓝色与白色作为主色,主要是因为我们想要表达的风格是清新,淡淡的蓝色看上去很宜人,而白色能给人纯洁的感觉。
俩者结合给人一种美好的感觉再加上美丽的骑行图片,看上去让人觉得世界很美好,骑行真自由。
四、网站详细设计
1、网站LOGO设计
我们给网站设计了俩个logo方便使用,一个放在页眉一个放在页脚。
此logo放在页眉它以简单的画笔勾勒而成方便记忆和传播。
此logo更加能体现一种动态美。
2、头部和导航栏设计
此模块主要体现网站的功能和实际内容。
3、搜索模块设计
4、侧边栏和主体部分的设计
5、页脚的设计
五、制作过程及技术要点
页面基本布局代码:
所有页面的风格一致只是在布局上有所差异,布局主要用div+css。
.middle{
HEIGHT:
170px;
WIDTH:
1040px
}
.bottom{
90px;
.left1{
85px;
FLOAT:
left;
MARGIN-LEFT:
410px;
136px
.left2{
FONT-SIZE:
14px;
FONT-FAMILY:
宋体;
MARGIN:
50px44px22px55px
.right1{
30px;
494px;
background-color:
#C8E2F4;
}
.right12{
BACKGROUND-IMAGE:
url(images/首页0_04.gif);
right;
289px;
.right2{
55px;
url(images/首页0_06.gif);
494px
.right121{
8px0px10px40px;
50px
.right122{
8px0px10px22px;
64px;
height:
12px;
.right123{
8px0px10px26px
.right21{
20px0px20px26px;
62px;
font-family:
黑体;
.right41{
23px;
TEXT-DECORATION:
underline;
MARGIN-TOP:
7px;
65px
.right5{
270px;
#9EC7E3;
.middlel1{
MARGIN-BOTTOM:
35px;
95px;
75px;
40px;
105px
.middlel11{
BORDER-TOP:
#cccccc1pxridge;
url(images/001.gif);
BORDER-BOTTOM:
0px;
.middlel12{
.middle13{
1pxridge;
105px;
BORDER-LEFT-COLOR:
#cccccc
.midder1{
375px
.middler11{
10px;
60px;
315px
.bottom1{
80px;
url(images/002%282%29.gif);
50px;
960px;
background-repeat:
no-repeat;
.bottom11{
20px;
100px;
370px
.bottom111{
4px;
COLOR:
#ffffff;
.bottom112{
#000000;
8px;
.right50{
247px
.beijing{
url(images/背景_07.gif);
BACKGROUND-REPEAT:
repeat-x;
text-align:
margin-right:
auto;
margin-left:
900px;
width:
1040px;
<
/STYLE>
METAname=GENERATORcontent="
MSHTML10.00.9200.16576"
>
/HEAD>
BODY>
DIVclass=beijing>
DIVclass=left>
DIVclass=left1>
DIVclass=left2>
spanclass="
style1"
ahref="
骑行天下网.htm"
首页<
/a>
/span>
<
/DIV>
DIVclass=right>
DIVclass=right1>
DIVclass=right12>
DIVclass=right121>
style5"
主页<
DIVclass=style4>
收藏<
DIVclass=style3>
联系<
DIVclass=right2>
DIVclass=right21>
../户外装备%20
(2).html"
户外装备<
DIVclass=right22>
../户外资讯.html"
户外资讯<
DIVclass=style2>
../旅游相册.html"
驴友相册<
DIVclass=right24>
../户外论坛.html"
驴友论坛<
DIVclass=right3>
DIVclass=right31>
站内查找<
DIVclass=right32>
DIVclass=right33>
搜索<
DIVclass=right4>
DIVclass=right41>
今日热帖<
DIVclass=right5>
DIVclass=right50>
骑行相册<
DIVclass=right61>
styletype="
text/css"
script>
varspeed=30;
vartab=document.getElementById("
demo"
);
vartab1=document.getElementById("
demo1"
vartab2=document.getElementById("
demo2"
tab2.innerHTML=tab1.innerHTML;
functionMarquee(){
if(tab2.offsetWidth-tab.scrollLeft<
=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
varMyMar=setInterval(Marquee,speed);
tab.onmouseover=function(){clearInterval(MyMar)};
tab.onmouseout=function(){MyMar=setInterval(Marquee,speed)};
/script>
DIVclass=bottom111>
骑行天下&
nbsp;
|&
手机版&
帮助<
DIVclass=bottom112>
作品完成与2012年5月制作人&
李旭阳&
李慧星&
王树仁<
/BODY>
/HTML>
6、系统介绍或功能展示
1.户外装备页面。
2.户外装备页面下的详细内容。
3.团队成员及简历
姓名
李旭阳
性别
男
年龄
22
入学时间
2011
专业
数字媒体
班级
一班
特长
熟悉ps以及软件。
负责事项
网页ps制作以及首页的完成。
网站发布。
王树仁
23
画面和色彩搭配
色彩搭配和页面布局。
李慧星
Dw和.net软件
网站页面的实现
7、网站的测试与发布
1、测试超链接是否正确
2、检查网页是否正确显示
3、界面测试
现在一般人都有使用浏览器浏览网页的经历,用户虽然不是专业人员但是对界面效果的印象是很重要的。
如果你注重这方面的测试,那么验证应用程序是否易于使用就非常重要了。
很多人认为这是测试中最不重要的部分,但是恰恰相反界面对不懂技术的客户来说那相当关键,慢慢体会你会明白的。
方法上可以根据设计文档,如果够专业的话可以专业美工人员,来确定整体风格页面风格,然后根据这个可以页面人员可以生成静态的HTML,CSS等甚至生成几套不用的方案来讨论,或者交给客户评审,最后形成统一的风格的页面/框架。
注意不要靠程序员的美术素养形成你的web风格,那样可能会很糟糕。
主要包括以下几个方面的内容:
站点地图和导航条位置、是否合理、是否可以导航等内容布局布局是否合理,滚动条等简介说明说明文字是否合理,位置,是否正确背景/色调是否正确、美观,是否符合用户需求;
页面在窗口中的显示是否正确、美观(在调整浏览器窗口大小时,屏幕刷新是否正确)表单样式大小,格式,是否对提交数据进行验证(如果在页面部分进行验证的话)等连接连接的形式,位置,是否易于理解等
4、发布网站
一、进入Win7的控制面板,选择左侧的打开或关闭Windows功能。
二、现在出现了安装Windows功能的选项菜单,注意选择的项目,我们需要手动选择需要的功能,下面这张图片把需要安装的服务都已经选择了,大家可以按照图片勾选功能。
三、安装完成后,再次进入控制面板,选择管理工具,双击Internet(IIS)管理器选项,进入IIS设置。
四、现在进入到IIS7控制面板。
五、选择DefaultWebSite,并双击ASP的选项。
六、IIS7中ASP父路径是没有启用的,要开启父路径,选择True,搞定父路径选项。
七、配置IIS7的站点。
单击右边的高级设置选项,可以设置网站的目录。
八、点击右侧的绑定...,设置网站的端口。
九、点击默认文档,设置网站的默认文档。
5、访问、交流各自的网站
八、设计总结
通过这次网页课程设计进一步激发了学习兴趣,调动学习的自觉性,自己动脑动手,跟小组成员们一起讨论,运用网络资源,结合教材和老师的知道,通过自身实践,创作出极具风格的网站。
总体来说,就是让我受益匪浅。
在设计网页的这几天里,我充分利用了这次设计的机会,全身心地投入到网页设计的海洋中,不断地学习和探索网页设计的奥秘,不断地完善自我,提高设计水准。
在这个过程中,我也深深体会到,想把页面做好并非一件容易的事,它包括网站主题的选择,内容的采集,图片的处理,页面的排版等等,还包括了数据库连接测试等一系列难点。
本次课设还有许多不足的地方,还需要我不断地学习、综合运用各种知识,努力设计出更好地Web页面。
9、参考文献
[1]曾东,曾文权.Web开发技术-ASP[M].清华大学出版社,2007
[2]杨杰.浅析综合性高校数字媒体艺术专业课程设置[J].安徽工业大学学报(社会科学版).2011年03期
[3]严宝平.数字媒体艺术课程体系中的软件工程应用[J].大家.2012年06期
[4]神龙工作室.新编PHOTOSHOP7.0中文版入门与提高.北京:
人民邮电出版社,2006
[5]游泽青.多媒体画面艺术基础.北京:
高等教育出版社,2003
[6]于慧.静态网页编程精彩案例教程.北京:
电子工业出版社,2006
[7](美)A.RussellJones著,高春蓉等译.ASP.NET从入门到精通.电子工业出版,2002.1
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 数字 艺术设计 基础 课程设计 报告