网站建设实训报告PPT的简单介绍

网站建设 2143
本篇文章给大家谈谈网站建设实训报告PPT,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、如何建设高性能网站.ppt 2、

本篇文章给大家谈谈网站建设实训报告PPT,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

如何建设高性能网站.ppt

建设高性能网站应考虑一下因素:

一、网站内容不要太繁琐,不要使用过多的JS、FLASH等特效,或者尽可能少用,可以采用H5动画样式代替。

二、网站不要使用过多或较大内存的图片影响打开网站打开速度。

三、网站模块元素、背景等尽可能使用代码表示,替代为图片的使用。

四、对重复原宿的图片或通用的图片建议合并到一张图,用坐标的方式调猜困指用使用。

五、若是技术能力尚可,建议二次开发系统或自写系统,去掉一些免费系统的冗杂代码或多余的功能。

六、服务器的配置至关重要,一个服务器的处理能、带宽等穗配直接影响着网站的性能,建议使用大牌子服务商如百度、腾讯、阿尺段里云、新网、西部数码等。

网站设计实训总结

首先我要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了中国美食网的一些特点,借监这些网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。

回顾这次课程设计,至今我仍感慨颇多。的却。从选题到开始制作,从理论到实践,在实训机房日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。

在选择好题目和网站的风格之后,我就开始了实训项目的进程,按照实训方案的规定,先是将网站的总体策划以书面的形式展现出来,通过老师审核之后,在相应的时间段找相关的素材,搜集与主题相关的文字、图像等。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、二槐梁级子页、内容页,创建超级链接。最后就是测试与浏览网页,如果还有什么不理想的地方再改进再预览,如此反复,最后达到最好效果!

在此次网站的设计与制作过程中,难免会遇到过各种各样的问题,这毕竟是第一次独自设计网站、制作网站。但值得高兴的是:在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果……

一周网页设计与制作的实训课程结束了,回顾这次课程设计实训,至今我仍感慨颇多。的确,从选材到开始制作,从理论到实践,在两周的实训日子里,可以说铅启运得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到旁悉了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。

要一份网页实训报告

一、实习目的:

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks

、Flash和Dreamweaver三个软件进行静态网站的设计。

二、实习内容:

1.用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式,制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为html。

2.用Flash制作标题动画。首页中的动画不超过20M。制作按钮来超级链接到其他页面。

3.使用Dreamweaver布局视图,设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图,在标准模式中插入层对象制作层动画,利用行为面板添加鼠标行为,制作翻转动画,使用CSS样式统一网页中文字样式,插入Fireworks中的GIF

文件及导入Flash中的SWF文档,设置文档间的超级链接。

三、具体要求:

1、利用Dreamweaver制作一个静态网站,要求网站有特色,整个网站的内容和形式要统一,应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设汪绝计》或者其他自己认为适合的网站。

2、 作一个主页面,至少5个次页面。

3、必须用到框架、表格或层排版技术、Flash技术和图像处理技术,使网站具有合理的外观和功能。

4、 主页基本要求:

 页头Logo,准确无误地标识站点和企业标志;

 网页标题动画,可以制作成GIF动画或者Flash动画;

 导航条;

 E-mail地址,用来接受用户垂询;

 联系信息,如普通邮件地址或电话;

 版权信息。

5、制作一个表单页面。

6、某个页面有滚动字幕。

7、为一个页面添加背景音乐。

8、至少添加一种行为效果。

9、整个网站各页面之间保持风格一致,页面之间要有合理的超级链接。

10、进行站点测试后申请免费空间并发布到网络。

四、网站设计思路:

本站应该算是一个个人主页的小型网站。关于本站站名的来源:微言微语个人主页,因为,我觉得这个网站里面的所有文字都是像一个人在自言自语,在低声地向某人诉说着什么,没有主题,没有目的。取这个站名,是做了网站的大概构思后才取的,觉得,启神这个名字与网站的图片、背景音乐还有文字都很相符。

个人主页,一般都会包括首页,相册,链接,一些个人喜欢的文字加图片,我的个人主页也不例外,包括次首页(个人喜欢的的文章加图片),我的作品(里面包括自己做的三个FLASH动画),文章(一些自己喜欢的文章),相册(Firworks处理过的相册),关于(关于自己的文字,关于本站的一些说明),链接(世界著名网站的有关链接),反馈表(浏览者信息反馈表)。

五、网站设计过程:

把所有的素材都整理好(图片,文章,相片),开始布局。此站大多数用的是“三”字型的,三字型是我给它取的名字,因为,最开头是一张带有导航条的图片,用Firworks处理过的HTML文件,中间一大片用于放正文,下面就是版权信息,E-mail地址用来接受用户垂询;联系信息,如普通邮件地址或电话,像被分开的三个部分,所以我叫它三字型。这种布局方式看起来比较的整齐,简洁美观。

首页本想做一个动态网页,由于时间有限所以还没完全成功。只好用了一张与次页面一样的背景图片做背景,加上从下向上的滚动字幕,背景图片是用Firworks处理过的图片,大片的灰色墙壁加上颜色艳丽的钮扣图案,首页加了状态栏逐字出现的效果,加了“加入收藏”、“设为首页”等代码。

次页面包括如下些内容:首页、作品、文章、相册、关于、链接以及反馈表。这些页面是用模板做的,上面的图片,导航条以及下面的版权联系方式是不用改变的,都保持着首页的风格,背景图一样,字体与样式一样,图片风格一样。中间是两个可编辑区域。

在所有的页面导航条下面,插入层对象制作了一个层动画,来回移动的层,里面存放日期,利用行为面板为此层添加了鼠标行为,单击此层,会出现对话框,“欢迎您访问我的个人主页!”,做布局大多使用表格布局,使用了少量的css样式,字体,字号,颜色都统一套用相应的样式。

首页中添加背景音乐,小说音乐《我在那一困旁姿角落患过伤风》,一边看慢慢上移的文字,一边听这轻柔的音乐,给人一种意境美。其实次页面添加《虫儿飞》,轻快而活泼。首页禁止右键复制功能,右键单击没有反应。

次首页,就是进入次页面的第一个页面。主题算是与青春有关的三种感情,三张图片,用Firworks处理,加上相应的文字。要用到两个表格,分别放在两个可编辑区域里面,一个1*2的表格,一个2*2的表格,第一个表格放一张有关于亲情的图片加一小段文字,第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。作品页面是三个FLASH动画,第一个是左右键控制的图片移动按钮,可以单击来链接到主页面(代码见附录),四个图片经过裁剪、高斯模糊。第二个是光芒四射(代码见附录),要用到ActionScript语言,长短不一的线条加上透明度的改变组成光芒四射。第三个是鼠标跟随特效(代码见附录)。文章页面,就是简单的文字页面,没有什么特别的。相册页面,上面是一个用Firworks处理后的一组图片,鼠标移到小图片上,下面做出现相应的大相片,中间有少量文字,底部是用FLASH做的一组循环滚动图片(代码见附录),图片跟着鼠标的移动而左右移动。关于页面,也是简单的文字页面,没什么特别的,“个人简历”文字链接到WORD文档“个人简历”(代码:a

href="my.doc"),下面有个信息反馈的链接,链接到有关的“浏览者信息反馈表”,此信息反馈表用表单做的,用到单行文本域,多行文本域,单选框,复选框,按键,此表单可以用邮件方式反馈信息(mailto:redcarrot2001@163.com)。链接页面,前面是我的个人主页LOGO,一张用Firworks做的LOGO,并建立有关链接,中间是一些文字,下面是世界著名网页的有关网址以及相应链接。

附录:源代码

(1) 状态栏逐字出现的效果代码:

script language="JavaScript"

var msg = "欢迎来到☆※◎~~~微言微语~~~☆※◎个人主页,请多提意见。谢谢! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首页收藏代码:

onClick="window.external.addFavorite('','微言微语个人主页')"---收藏本站br

(3)设为首页代码:

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---设为首页/span/p

(4)滚动字幕代码:

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="c2936b0cb9eac7ad css"1、真的很喜欢那些记录多于表达的人。

br /

…………

…………

183、希望每一个新的一天,醒来的那个你都神清气爽。/span

/p

/div

/p

/marquee

(5)添加背景音乐代码:

bgsound src="aa.mp3" loop=1

(6)禁止右键复制功能代码:

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右键功能,单击右键将无任何反应

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先择,也就是无法复制//--

/script

style type="text/css"

(7)光芒四射代码:

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;)

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

(8)鼠标跟随代码:

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

(9)循环滚动图片:

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

(10)左右键控制的图片移动按钮:

on(release)

{getURL("index.html","_blank");}

六、实训中遇到的难点及解决办法:

在设计开始的时候,想的太多,不知道怎么开头,定哪个主题,背景,色调,文字,布局都没有头绪,后来,开始做,而且觉得越做越有头绪了,所以我觉得,还是不要想的太多,太复杂了,不要追求完美,不要做的网页太多,搞到最后,别人都不知道,你这个网站的主题是什么了。

还有就是布局的时候总是不能做到很美观,后来,我把页面属性改了左过距为10,上边距为10,刚好把背景图片里面的那些亮丽的钮扣图案显示出来,改变了表格背景图的灰暗,使网页的整体看起来更美观了。

在做CSS样式表的时候,做字的颜色的时候,老是不知道用哪种颜色才搭配的起这个背景,后来,看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。

七、实训心得:

在我看来,设计网页,应该先策划,策划很重要,加上创意,配色很重要,技术与鉴赏能力是最主要的。建立站点的时候,各个文件夹取名的时候,最好用相应的英语,见名知意,如图片文件夹用image,网页文件夹用html。

在所有配色当中,不同的颜色传达着不同的意义也有不同的象征。如白色代表着:清洁、天真、洁净、真理、和平、冷淡、贫乏;灰色让人联想到灰尘、石头、水泥、白银,象征着中庸、平凡、温和、谦让,它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以,在我下载准备素材的时候,就选择用灰色做背景颜色,灰色太贫乏,就加上亮色的钮扣起到“中和”的作用。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要,对于网页制作来说,我觉得是一个以多学科设计为基础,受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难,真正困难的是网页的设计创意,文字我觉得也很重要,有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片,也许是喜欢上你的文字,那种感动人心的,唯美的文字。文字与图片要搭得上调,不可能用一张美女图做背景,上面却写有关于亲情的文章。也就是整体的搭配问题。

通过此次实训,使我对于网页制作的三大软件有了进一步的了解,各功能都能够实现。提高了自己的鉴赏能力,综合搭配能力,也对以前学过的内容进行了综合的复习。

通过此次实训,我更了解到,生活中有许多色彩,搭配颜色的时候,联想到生活中的东西会做的更漂亮,给人一种亲切感,现在看到什么东西,我就会联想到做网页的时候,还有怎么布局。反正此次实训收获很多。

最后,我想,如果此次实训老师是要我们分组来做的话,也许,我们可以做得更好,因为,一个想的毕竟不全面,而且,一个人的申美有限,我们可以分工合作,一个人做一个方面的东西,也可以根据他所善长的方面来分工,善长动画制作的人做动画,善长图片处理的人做图片,善长文字与布局的就来布局。但是,也许那样,有些同学会懒的动手,推着给别人做。

网页设计实训总结报告5篇

【 #报告# 导语】总结报告能够使头脑更加清醒,目标更加明确。以下是 考 网整理的网页设计实训总结报告,欢迎阅读!

1.网页设计实训总结报告

本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。

一、充分发挥动手能力

作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。

二、在设计过程中不断提高网页设计水平

在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页,到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页,完善网页。在这个过程中,我通过自学教材、上网查询,学习了Dreamweaver、Flash、Fireworks等网页软件的应用,学会了管理、维护自己的站点,以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。

三、不足之处

由于平时工作比较繁忙,学习时间比较少,对于网页设计软件的强大功能运用得还不够。在网页设计过程中,由于没有网页制作代码的知识,所以在设计时也遇到了很多麻烦,有时插入一个特效脚本也是很麻烦。在网页制作过程中,想提高设计水平,想有个理想的网页,必须学会代码的运用,我将在以后的学习过程中不断加强这方面的学习,希望空拍弊老师能简单介绍一下代码,让我也对它有个初步的认识,以后再加强学习也才会有所提高。

总体来说,通过今次的对网页设计的学习,有收获也有遗憾、不足的地方,但我想,我已经迈入了网页设计的大门,只要我再认真努力的去学习,去提高,凭借我对网页设计的热情和执着,我将来设计出的网页会更加专业,更完善。也希望老师在今后的日子里多指导。

2.网页设计实训总结报告

在经济迅速发展的今天,internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

近三个星期的实训将要结束,其中的酸甜苦斗族辣我会在今后的日子里不断地去咀嚼,贺缓去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。

3.网页设计实训总结报告

网页设计实训就快结束了,在这短短的两周里,我学会了很多新的知识,更掌握了新的技能,让我觉得受益匪浅。在实训时,有空闲就会想到学校里青葱岁月,简单流畅,无虑,回想各位老师的授课,孜孜不倦,学校的生活固然是快乐,www.但是学校的实训课程 真的很重要,因为它能让我们这些在校学生接触到社会的发展,让我们有时间岗位环境,顺利得从单纯的校园生活感到复杂社会生活的不同。在这一周的时间里,我一心只做网页,做自己喜欢的风格的网页。

经历了一次充实而有愉快的实训,我学会了制作框架、使用锚点、给网页网页插入背景音乐、表格、视频、flash、导航条等更深层次的掌握了它们的用法,现在我心目中的网页也已经大体竣工,我感到很开心,经过这两的不断探索,我喜欢上了这门课程,感觉很有意思。或许实训的结束代表一段新生活的开始,但是我认为它不但是一门课,需要我们去掌握,同时还可以锻炼我们的逻辑思维能力和思维的严密性,还有就是在制作网页的过程中,更需要有不错的艺术审美观,这样,你做出的网页才会赏心悦目,让人眼前一亮,也就是从此刻起,我决心好好钻研这门课,力求这方面的技能达到。

虽然网页已经完成,可这并不是一件轻而易举的事情,在此过程中遇到了许多以前不曾遇到的问题,多的情况都是自己解决,万不得已之际,我会主动问老师和同学,直到弄懂为止!让我更加清楚地明白老师平日里的良苦用心,也更加清楚地明白了自己以后应该怎样去做事。

4.网页设计实训总结报告

两周的实训转瞬即逝,在这短暂的时间里,我们在老师的指导和帮助下,对于网页设计与制作有了进一步的了解。

在这两周内,同学们每天都按时完成老师留下的作业,对于自己以前不理解的东西,通过老师的重新讲解、指导和自己的练习,对其有了很好的了解;对于我们看不懂的一些内容,通过与同学协商和听老师的讲解来理解并掌握它。在这两周的实训里,我发现了许多自己以前没有注意到的问题,在flash制作方面,有很多是自己以前没注意过的,通过老师的讲解和同学的帮助,我了解到一些新的东西并对网页设计与制作有了更深的兴趣,如falsh制作与运用、网站的基本制作、超链接的设置等;我们对网页设计与制作方面的知识有了一定的认识,为我们以后对网站的学习和运用有很大的帮助。

通过实训,我们把网页设计与制作中涉及到的理论和实践更好的结合起来,我对网页设计与制作这本书有了更深的理解,在flash制作方面有了很大提高,操作能力也得到了增强,使我们了解到无论做什么事都要有足够的耐心,还要认真细心。在做题时要对自己做过得东西进行仔细的检查,同时也使我了解到同学之间要相互协作、共同努力。

5.网页设计实训总结报告

我第一次步入了社会,从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人,面对陌生的人,我不善言辞,不会给自己的外表进行很好的包装,不适合做那些销售、接待的工作,只有技术类的工作,少说多干的活适合我,这个我很清楚。现在,中国每年都有很多毕业的大学生找不到工作,我也不例外,所以,这第一次实习工作肯定不会太好找,但是相反,我的运气还不错。找到了一份网页设计的工作。

一、工作介绍

我工作的这家公司,从事网站开发工作的,公司在技术团队这部分是比较正规的,一般是五到六人为一个小组,小组中有明确分工,有负责联系客户接恰生意的,有专门做技术的,而在技术这块分为网站前台、后台开发,我在学校主要做的是后台开发,当然前台设计工作也还算熟练,但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作,这样的网站技术难度不大,而且工作周期短,有相当一部分的,只需要通过cms软件就可以进行开发。但是有个别的网站开发时,我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生,我的知识储备肯定有不足的地方,毕竟学校教的东西肯定会有一部分和社会是脱节的,但好在我的领导对于我没有太多的要求,他只是要求我尽快的适应公司的工作和生活,在短时间内熟练的掌握相关技术,干好本职工作。

在大学里对一个学生来说什么是最重要的,那就是学习能力。要知道,这个世界上,知识在发展,人类在进步,每天都在进行日新月异的变化,我们的知识储备总会有不够的地方,但是一定要有学习能力,将不会知识快速掌握,只有这样才能占据主动,减少被动情况的尴尬发生,通过二个星期的时间,我成功的适应了公司的工作和生活节奏,每天早九点上班,晚17:30下班,中午休息一个半小时,每周还有两天假期。我利用业余时间,抓紧学习,将工作中所需要的技术进行了强化学习,其实这些东西在学校的时候就接触过,只是不精通。那个时候学的东西多,难免有个主次之分,这次工作了,才知道哪个应该多学点,但好在我都有学过,所以有个好的基础在这里,也就不怕了,比如说:flash,公司要求技术人员会做flash,flash这东西以前我在宿舍的时候经常玩的,可是后来在分析就业情况时,分析错了方向,以为这东西没有什么用处,结果就给荒废了。但好在还有印象,并且当初记了很多的笔记,所以说记笔记是很重要的事情。而其它像javas cript、ml、数据库这些东西我都学过,只是实践能力稍差一点,但好在从前在学习方面用的功不是白费的。通过这种实战环境,和半个月的刻苦学习,我终于可以感上小组的工作进度了,已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+div排版,后台使用php技术进行开发,服务器平台采用,linu+apache+mysql+php,这种lamp组合,我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版,这种方式简单但是已经有些过时了,现在大部分网站都开始了重新构架,所以都采用css+div进行网页排版,我目前正在学习,掌握的还算比较快。而在后台开发部分,我们使用php来进行开发,我的工作是手写一些小模块。或者用javas cript写一些特效小代码。

紧急求一份网页制作的实训报告,希望大家帮忙呀

毕业设计的项目计划书

1、网页设计要实现的目的、目标

2、网页设计的形象说明

3、网站的栏目、版块的结构

4、网站内容的安排、相互链接的关系

5、实现软件、硬件和技术分析说明

6、小组人员分工与开发时间的进度表

网站需要实现的目的和目标

• 网上购物:在线销售图书

• 会员服务:注册、订单、交款、购物车、

• 售后服务:留言版

网站形象说明

• 网站的名称叫**

• 整体形象设计包括标准字、Logo、标准色彩、广告语等。

• 首页作为网站的形象页,作为网站的欢迎页面,引入的元素大致有网站名称、LOGO、形像图片、宣传文字、栏目导航等要素,是彰显网站整体风格的重要页面,一般通过FLASH动画来展示。

• ****网站形象页的设计突出在线购物的主题,通过文字、形像、图片的巧妙哄托,令页面富有层次感,达到赏心悦目的效果。

• 网页富有动感,通过FLASH动画来展示,页面的色彩好与首页和栏目页统一,取*色

• 页面的大小,只要在800X600下和1024X68分辩率下均能正常显示即可段樱。

• 背景图片的下方,设置栏目导航,栏目导航用漂亮的符号隔开,“网站首页”、“图书分类”、“店长推荐”、“畅销排行榜”、“友情链接”、“购物车”、“游客留言”、“网站简介”等8项。

• 颜色调配设计,网页的色彩是树立网站形象的关键之一,由廖海清进行整个网站的美工工作,各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致

• 考虑到网站是图书网站,颜色既要体现出文艺色彩,又不能过于死版。所以采用淡雅型的配色方案,避免有大面积色块出现。

• 网站调试,采用边制作边调试,即采用本机调试与和上传服务器调试的方握乱丛法,因为网站在单机和服务器上运行有很大的区别,所以很有可能在上传服务器之后,出现在单机上不能浏览的一系列问题。观察速度、兼容性、交互性等,发现问题及时解决并记录下来。

网站的栏目板块和结构

• 主页

• 排行榜

• 会员注陪洞册

• 畅销书与店长推荐

• 图书分类

• 留言版

• 友情链接

网站内容的安排相互链接关系

• 主页部分

• 作为网站的形象页,我们的主页风格独特,字体采用华康少女文字,符合网站的风格。

• 主页分别设有导航条、图书分类、销售排行榜、店长推荐、留言版以及友情链接

主要完成用户注册登陆、在线订购书。

首页上部为网站的LOGO FLASH,加入嵌套的书籍分类栏目

中间的左边为用户注册登陆信息,右边为新书的介绍。主要完成用户注册登陆、在线订购书。

首页上部为网站的LOGO FLASH,加入嵌套的书籍分类栏目

中间的左边为用户注册登陆信息,右边为新书的介绍。

使用软件、硬件和技术分析说明

软件:

Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件:

PC机

技术:

ASP\HTML\CSS\VBscript \ javascript\ SQL

项目设计及运行平台

Windows XP web IIS

小组员工分工

开发时间进度表

网站开发与建设实训登记表

姓名 学号

网站主题

负责内容详细说明

小组自评分 总分

我自己做的,不知合适吗?

求网页制作实验报告

你为要求别人帮不了你,你是要让别人帮你弄会这些还是 帮你弄好你要的

关于网站建设实训报告PPT和的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码