网站建设综合实训报告?(网站建设实训报告万能模板)

小程序开发 923

今天给各位分享网站建设综合实训报告的知识,其中也会对网站建设实训报告万能模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

要一份网页实训报告

一、实习目的:

通过教学实习掌握站点 *** 、站点测试与发布技术。会综合利用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动画或者Flas *** ;

 导航条;

 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="3f9ce71b951ed290 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。

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

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

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

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

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

急求关于个人网站建设的实训报告

西台痛哭 〖解释〗宋末文天祥抗元失败被害。八年后,谢翱与友人登西台痛哭致祭,并作《登西台恸哭记》以记其事。后用以称亡国之痛。

昼吟宵哭 昼夜哀叹、哭泣。

啼天哭地 呼天叫地的哭号,形容非常悲痛。

啼啼哭哭 哭泣不止。

神嚎鬼哭 见“神号鬼哭”。

神愁鬼哭 形容十分愁苦凄惨。

穷途之哭 因车无路可行而悲伤,后指处于困境所发的绝望的哀伤。

牛衣夜哭 见“牛衣对泣”。

鸟哭猿啼 泛指禽兽悲鸣。形容悲凉的情景。

哭哭啼啼 不停的哭泣。

街号巷哭 号哭于大街小巷。形容悲痛至极。

见哭兴悲 见别人哭泣而引起自己的悲伤。谓产生同情心。

号啕大哭 号啕:大哭声。放声大哭。

鬼哭天愁 形容悲惨凄凉。

鬼哭粟飞 传说苍颉造字,惊天动地,天雨粟,鬼夜哭。

鬼哭神惊 形容极度惊恐。

鬼哭神号 ①形容哭叫悲惨凄厉。②形容声音大而杂乱,令人惊恐。

鬼哭神愁 形容惊恐忧愁。

鬼哭狼嗥 ①同“鬼哭神号”。②同“鬼哭神号”。

干啼湿哭 干啼:没有眼泪地啼哭。湿哭:有眼泪地啼哭。无泪和有泪地哭。①形容哭哭啼啼。②也泛指因苦楚而呈现的各种表情。亦作“湿哭干啼”。

行号巷哭 行:路;号:大声哭叫。道路上和大街小巷里的人都在哭泣。形容人们极度悲哀。

痛哭流涕 涕:眼泪。形容伤心到极点。

神号鬼哭 号:哭。形容大声哭叫,声音凄厉。

秦庭之哭 原指向别国请求救兵。后也指哀求别人救助。

哭笑不得 哭也不好,笑也不好。形容很尴尬。

哭丧着脸 心里不愉快,脸上显出不高兴的样子。

哭天抹泪 形容哭哭啼啼。

哭天喊地 提高嗓门又哭又叫。

号啕大哭 号啕:也写作“嚎啕”,大声哭叫。形容放声大哭。

鬼哭神嚎 号:哭。形容大声哭叫,声音凄厉。

鬼哭狼嚎 形容大声哭叫,声音凄厉。

歌于斯,哭于斯 歌唱在这里,哭泣在这里。指安居的家宅。

长歌当哭 长歌:长声歌咏,也指写诗;当:当作。用长声歌咏或写诗文来代替痛哭,借以抒发心中的悲愤。

抱头大哭 形容非常伤心或很是感动的样子。

猫哭老鼠 比喻假慈悲

狼号鬼哭 形容哭声凄惨

抱头痛哭 指十分伤心或感动,抱头大哭

网站设计实训总结

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

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

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

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

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

网站建设实践报告怎么搞啊

网站需求分析, 可行性分析,前台页面设计, 详细设计 编码, 网站功能测试, 网站发布,网站试运行。 基本上行就这些,一般的人做个网站谁管那么多啊。直接前台页面设计,套程序,边做程序边测试功能。

网站建设综合实训报告的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网站建设实训报告万能模板、网站建设综合实训报告的信息别忘了在本站进行查找喔。

网站建设综合实训报告 网站建设开发综合实训报告大学生网站建设实训报告网站建设与维护实训报告网站建设与管理实训报告网站建设实训报告范文商务网站建设实训报告网站建设实训报告内容网站建设实训报告万能模板电子商务网站建设实训报告总结网站建设开发综合实训小结
扫码二维码