网页设计实训报告万能模板(精选13篇)

在日常生活和工作中,报告的用途越来越大,我们在写报告的时候要注意涵盖报告的基本要素。那么报告应该怎么写才合适呢?下面是小编收集整理的网页设计实训报告万能模板,仅供参考,希望能够帮助到大家。

一、实习目的

①学会制作新闻发布系统。

②学会制作在线调查系统。

③熟悉购物网站的主要功能和栏目。

④学会购物网站数据库表的创建和数据库连接的创建。

⑤学会购物系统前台页面制作和后台管理制作。

二、实训内容

1.创建数据库表

①启动MicrosoftAccess,执行“文件”——“新建”命令,打开“新建文件”面板,在面板中单击“空数据库”。

②弹出“文件新建数据库”对话框,在对话框中选择数据库保存的路径,“文件名”文本框中输入shop。

③单击“创建”按钮,在对话框中双击“使用设计器创建表”选项。

④弹出“表1:表”对话框,在对话框中输入“字段名称”和字段所对应的“数据类型”,将shopID字段设置为主键。

⑤执行“文件”——“保存”命令,弹出“另存为”对话框,在对话框的“表名称”文本框中输入products。

⑥单击“确定”按钮,保存表。按以上步骤的方法,创建表fen和admin。

2.创建数据库连接

新建一个网页文件夹,打开IIS信息服务,创建IIS虚拟目录,在文件夹安全性把来宾用户的权限修改为完全控制,并导入数据库。

3.制作购物网系统页面

①用index.html创建zhanshi.asp商品分类展示页,新建站点,导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字,创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域,创建记录集RS2并在左边的商品分类表格里绑定

数据,在服务器行为里为左侧的表格添加重复区域和转到详细页,制作记录集导航条。

②用index.html创建xiangxi.asp商品详细信息页,首先创建记录集并制作左侧的商品分类表格,之后在中间区域插入表格,在表格中插入图片、文字,创建记录集RS2并将数据绑定在表格相应位置。

④用index.html创建fenlei.asp添加商品分类页,插入表单,在表单里插入文字、文本域、表单按钮,创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字,并设置返回链接。

⑤用index.html创建tianjia.asp添加商品页,创建记录集,用插入记录表单向导创建插入记录表单,在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字,并设置返回链接。

⑥用index.html创建guanli.asp商品管理页,创建记录集并制作左侧的商品分类表格,在中间区域插入表格并插入文字,创建记录集RS2并在表格相应位置绑定数据,为该表格设置服务器行为的重复区域,制作修改和删除链接,制作记录集导航条。

⑦用tianjia.asp创建xiugai.asp修改页面,创建记录集在对应的文本域中绑定数据,把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字,并设置返回链接。

⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字,建立记录集,在表格相应位置绑定数据,插入表单和表单按钮,创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字,并设置返回链接。

三、疑难解惑

①网页不能正常打开,电脑用户权限没有修改,在文件夹安全性把来宾用户的权限修改为完全控制。

②创建重复区域时,总显示相同的内容,仔细阅读教材,发现创建重复区域时要选中表格,而不是文字内容。

④创建添加商品页面时,无法显示商品分类。在插入记录表单时,应将feileiID"显示为"下拉列表中选择“菜单”,并在“菜单属性”里的“域”列表中选择fenlei。

⑤修改页面点进去初始内容都一样,“唯一键列”下拉列表中应选择shpID。

⑥商品分类点进去每个种类都一样,查找原因,发现记录集中筛选是shpID,把记录集中的筛选改为fenleiID解决。

四、实训心得

经过一周动态网页的实训,使我们对本学期的这门课进行了整体的'汇总。在这汇总期间,也算是对自己本学期的一个考核,此次实训暴露出了许多我自身存在的问题,同时也对自身有了很大的提高。

在这次实训中,我也有许多收获。首先,我体会到了作为一个计算机专业的人,不会用DW的痛苦和尴尬。在制作的过程中遇到问题,可以说得是困难重重,这毕竟是第一次独自制作动态网页,难免会遇到过各种各样的问题,同时在制作的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固。在此过程当中弥补了我许多知识上的缺陷,弄清的以前没有搞懂的知识点。经过多番的努力和辛酸,我成功地完成了这次过程艰辛的实训,而且我从中体会到了一种叫做‘成功的喜悦’的感觉,那种小有成就的兴奋是只有置身其中的人才能体会的。

毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下:

一、实习工作介绍

我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+div排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。

二、初来公司的时候

(一)初级考试

(二)三天的培训工作

(三)最后的考核

三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正,得到很优厚的待遇。

三、正式工作

四、业余的生活

五、工作心得体会

明年就要开始找工作了,这次实习,更让我懂得了珍惜现在的生活,校园生活真的非常完美,非常令人羡慕!职场的竞争很大,“逆水行舟,不进则退”,必须时刻提醒自己,督促自己!同时也看到了许多,知道做人比做事更加重要,没有人天生就会,没有人天生就懂,只有不断地努力才能成功,在这里不是每个人都有认为你是什么的,有的人就觉得你什么也不是。你只有付出好好学,做给她们看。证明自己不是虚的,证明自己有实力,名副其实!

20xx年xx月xx日——20xx年xx月xx日。

三、实习地点

xx。

四、实习内容

(一)网站的整体规划

1、讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。

2、定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

3、确定栏目和板块:首先要考虑整个网页的'长和宽,以及长度和宽度之间的比例。其次就应该考虑导航条的设置了。正文的框架设置(横向因素和纵向因素交错),在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。

4、网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。

(二)网页制作的前期策划与准备

1、资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF的动画等。

2、熟悉制作工具软件:

3、主页制作的基本条件有:

4、硬件:

(三)网页制作

真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如xx的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。

(四)网页的调试

之前把作过的东西放到U盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

五、实习收获

通过网页设计理论联系实际操作,巩固所学的知识,提高处理实际问题的能力。充分学习网页设计实践中的操作理论,提高自己网页设计水平,并为能顺利与社会环境接轨做准备。

二、实习任务

学习网页设计实际问题处理方法及常规网页设计内容(网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等),网页设计后台管理方面的知识应用,及利用所学知识管理和编辑网站,并从实际出发,简单了解关于网站安全性问题的实际解决措施(md5密码加密等网页设计知识)。

四、实习地点

五、实习内容

1、收集网站所需信息。

2、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真,并按照网页设计需求设计所需的效果。

3、对所完成的网页页面进行合理的切片处理,并按照网页设计效果完成网站整体框架的构建。

4、搭建网站所需数据库。

5、网站的虚拟建设和初步完善。

六、实习体会

大学生活让我对计算机理论知识有了一定的了解,但实际操作领域依旧是一片空白。纸上得来终觉浅,绝知此事要躬行。经过网页实训课的实习,让我对自己有了新的认识,并明确了网页设计方面的前进方向。

2、加强信心,坚持下去。上学的时候大家都说“能珍惜现在的日子就好好珍惜!”等工作了才真正的领悟这句话的涵义。经历这次实习后,就希望能把实习所学习的知识,也能运用到课堂上。对自己多一点信心,多给自己点赞赏,多给自己鼓鼓劲,相信自己总会走出一条宽敞大道。

实习,是开端也是结束。在书本上学过很多理论,但从未付诸实践过,也许等到真正运用时,才会体会到难度有多大。在今后的工作和生活中,自己需要更加努力的奋斗下去。

实习的同时也让我了解到了自己的不足,我会继续努力,完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

总体来说,这次网页设计毕业实习,让我受益匪浅,以上是我的实习心得与体会,不足之处望得到指正。

(一)检验自己是不是真的适合这个职业

鉴于自己对未来的职业生涯的规划更倾向于设计,这和自己所学的专业不是十分有联系,所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作,为以后求职之路少走弯路做一定的尝试。

(二)在实践中查漏补缺

在学校学习的网站建设知识仅仅停留在平时的作业里,并没有得到充分的运用。希望可以藉由这次实习,好好巩固书面知识。在实际运用中通过发现问题,解决问题对知识进行查漏补缺。

(三)在工作中打磨自己

由于学校和社会是截然不同的生活、学习、工作氛围,在工作中我们不可以像在学校一样随心所欲,待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里,和同事上司的相处中获得这方面的成长。

二、实习内容

(一)实习主要内容

广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作,涉及前台的外观设计和后台的代码编写,以及宣传册的设计。

1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。

1)使用Photoshop、AI等图片处理软件设计、处理和制作网站上需要的图片

2)使用DIV+CSS样式及基础的HTML语言做页面布局的排版

3)使用Photoshop对网页进行配色及排版设计

4)编写CSS代码使网站页面无论是在IE浏览器里还是在FF浏览器上正常显示

2、负责网站的几个主体模块的文案撰写和后台编辑

1)在已有的文案上配合网站架构进行提炼和归纳整理

2)使用Photoshop对文案进行概念配图

3)在后台将文案部分合理配色排版

4)按照网站架构在后台录入所有产品资料

(二)工作过程

在公司的2个多月里,我的工作都是由负责整个网站文案架构的曹经理分配

监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多,学习很多,影响我很多,让我回想起来都是历历在目的事情重点说一下。

1、经理让我按照网页设计师提供的jpg稿变成div和css。

2)因为经理没想要让实习生负责过于复杂的事情,在这部分工作中设计的div和css的内容并没有很复杂,需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了,以至于最后通过多次检查,发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度,有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比,看清楚哪个更合适才确定的。

2、经理让我设计几个栏目对应的banner图片

从整体了解主题:自己找了多个类似的企业网站作参考,通过总结企业网站中,几个主要的栏目在网站上具体意义,体会这对应的几个栏目banner的设计意义。

思考配色与构图:对整个内容有了一了解后,便要思考作品的色彩和具体的构图,先用笔画出草图,有时候也会直接在脑海里构思。除了从公司的角度,围绕要传达的东西去设计,我也充分意识到要转换身份从用户的角度出发,怎样才可以更吸引人。总体来说就是除了审美上的`设计,也考虑很多目的性。

查找素材:素材这个问题我总结了一种思路,电脑里下载一些专业的“科技信息”图库。另外配合专业在线图库网站(通常是国外站点)+Google,百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材,选择是非常大的。最后就是不断地观察对比最终效果,看哪几张banner图片更适合整体网站。

2)最终banner图片并没有全都采用我设计的,有一些还是因为不够大气被撤下来了。一开始我还挺灰心,觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下,才给我这个机会去让我发挥一下的,所以我好好学习了别人的图片,看自己的和别人的差别在哪里,不浪费这次尝试性地努力。

3、经理让我参考旧网站单独做一个公司简介的页面

1)我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘,如果想要浏览网站的用户肯停留在这个页面多几秒,或者因为这个公司简介的页面而更信任这个公司的产品,更有冲动订个公司的寄存柜就要在文案的内容上下功夫,就要在表现上更生动,让人看着不会觉得文字流水账,很烦躁。

于是在经理没有给我严格期限的时候,我选择了按照自己的思路去修改文案,把多余的文字删掉,根据公司的优势修改出精简的几点,变得更有条理更有重点。

三、实习体会

做了2个月的网页设计和编辑的实习生,终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后,经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习,我不仅将自己在学校学过的东西通过实践进步一巩固,也通过向公司的人请教学到很多工作上的技巧,更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分,是我们毕业生必须面对的。就算是遇到困难,我也会用平常的心态实际看待问题,不说“不可能”,而是冷静下来思考如何处理并付诸于实践。

在实习的日子,我学习到了很多如果没有这次经历,就不会有的细腻体会。

(一)深刻感受到什么是真正的细心

(二)主动思考的重要性

从学校走向社会,首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人,一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点,这不是指一直主动问上司有什么事做,而是在别人交付你任务的时候自己主动想一下怎么做才更好,而不是把自己当一个机器人一样。就像做公司简介页面的时候,我把自己做得效果给经理看的时候,经理说“你真的很用心,很负责”,“你做的公司简介那个页面,让我感触很深”。

一、实习目的:

通过社会实践,可以把我们在学校所学的理论知识,运用到客观实际中去,使自己所有用武之地。以便能够达到拓展自身的知识面,扩大与社会的接触面。

1、了解平面设计在焦作的市场现状及前景。

2、进一步掌握ps,coreldraw,等设计软件的运用。

4、初探做好平面设计师的方法,熟悉平面设计的方法和程序步骤。

5、培养人际交往与社交能力,为成为平面设计师作准备。

20xx年1月1日——4月30日

三、实习地点:

xxx金融伟德服务有限公司

四、实习内容:

平面设计

五、实习总结:

在实习过程中,我深深地感受到作为设计师通常缺乏足够的对市场的了解和对管理层领导上的沟通,做出的设计作品经常会与市场经济脱节;而作为管理者通常缺乏设计基础和审美能力,往往为了追求市场效益,过多地拘束设计师的思维与创新,忽略了设计要素的重要性,造成了设计的庸俗化。

来到公司,第一天进公司,与经理进行了简单面谈后,部门总监把我分配给伟德经理,伟德经理是我的直接领导,所有工作由伟德经理分布。第一天来到公司要赶做两个网页banner,接到文案后就在网络上搜集大量banner素材,找了几个适合这次文案的banner然后用Photoshop简单的修改图片,第一天没有做好,幸好领导说第二天晚上再交给他,于是我就乖乖的回家找图片。说实话我以前在学校的时候也这样做过,不过效果没有这么好,因为以前一遇到难的或不懂的就停下来不做了,而现在在公司,有压力,有不懂的就问,这使我受益匪浅。

后来,公司要更改域名让我参与进行的VI设计项目,让我们锻炼一下自己。公司给了我们一个设计logo的任务。一开始我们设计出的作品并不能符合主观的要求,未能做出很好的方案。市场部总监看过我的方案后,要我进一步去了解公司的性质和作用,要做出更加符合机构精神的logo。经过两天的摸索,我逐渐懂得了一些做logo的`技巧和该注意的问题,要伟德实际,要大气。同时也意识到了由于在学校实际锻炼的机会比较少,在软件操作上不够纯熟。而且对于公司的要求理解不够透彻。

很幸运,一进公司便能参与的APP软件设计项目之中,正好锻炼一下自己。由于经验不足,刚开始找不到头绪,不知道该做些什么。在开始的时候,主要还是负责一些比较琐碎的任务。还没有真正地参与到比较完整的伟德设计之中。经过两天的磨合,自己有哪些缺点和不足,便知道了一些。在校的时候由于实际锻炼的机会比较少,所以现在什么都做不好,在软件操作上还是不够熟练。而且对于客户的要求并不能立即做出反应。

我在工作的锻炼中学到了许多课本上无法学到的经验,因为在学校中我们的创意和设计都只局限于作业之中,但如果在公司里,我们的创意还必须得到客户和主管的认同,这是严格许多的。我们必须尽量发挥自己的创意,同时也要兼顾客户的要求和市场的效益。要多与客户沟通,多向主管询问意见,多向身边同事请教。

通过这次实习,在设计方面我感觉自己有了一定的收获,开始了解掌握了photoshop的小技巧,知道了怎么去制作圆角矩形方块、高解析制作、保留选取范围大小、快速隐藏图层等。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用,增强了我们今后的竞争力,为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题,将来伟德设计工作所要面对的问题,如与it工程师的配合,以及对市场部的伟德沟通。

这次实习对我来说受益匪浅,让我学会从客观的角度来审视自己的作品,在审美方面更加成熟。而在公司,与同事相处,让我学会如何别人打交道。与领导交流,让我学会设计师应有的职业道德。这些经验都让我得到了成长,让我在以后的工作中更加成熟、更加顺利。这次实习丰富了我在这方面的知识,使我向更深的层次迈进,对我在今后的社会当中立足有一定的促进作用,但我也认识到,要想做好这方面的工作单靠这这几天的实习是不行的,还需要我在平时的学习和工作中一点一点的积累,不断丰富自己的经验才行。我面前的路还是很漫长的,需要不断的努力和奋斗才能真正地走好。

1、预期目标

(1)通过本次实训要完成仙剑奇侠传的网页制作,包括二级页面和三级页面,还要应用一些网页制作的基本技巧。

(2)掌握布局技术,模版应用,CSS样式,超级链接,并运用fireworks做简单的图形编辑。

2.关键技术及解决途径:

一、关键技术:

(1)有完整的策划报告(电子版),实际内容有改动不受影响;

(3)至少有首页、二级页面、三级页面的层结构;

(4)有框架、有表单;

(5)有自己创作输入的文字内容并经过排列整理;

(6)Dreamweaver模板技术;

(7)至少采用了样式表技术;

(8)采用鼠标事件等行为设置之一;

(9)不允许出现超级链接错误!

二、解决途径

3.方案设计与实施步骤:

一、方案设计

二、实施步骤(可以包括网站内容)

(1)确定网站内容为仙剑奇侠传4,并制定详细的策划报告

(4)采用布局技术设计首页,然后插入logo,banner美化首页

(7)采用表单技术制作留言板。

(8)最后创建CSS样式,并运用到各个连接上。

(11)检查链接,清除多余文件和图片

4.自我评价

这次实训充分利用了课堂所学,掌握了许多关键技术,例如模版技术,CSS样式,使得制作过程方便了很多。

在完成基本要求得基础上,文件夹、文件命名规范;文件存放位置合理;

制作完成之后进行过现场清理:没有无用的文件、文件夹,没有断链(外部链接不算);工作量饱满:内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。

不过也有些不足,比如一开始没有把两个人制作的文件夹分开,导致后面汇总时比较麻烦。

实验项目:VBScript基础:内部函数

一、实验基础知识:

1、什么是VBscript内部函数?VBscript内部函数是VB系统定义的函数,这些函数具有一定的功能,编程者都可以直接调用这些内部函数。

二、实验内容:

1、将IIS的网页发布主目录设在D盘,名为。利用DW新建一个动态站点,站点的本地信息和测试服务器设置如下:

3、新建一个名为index2.asp的文件

1)、用字符串函数求字符串“我校20xx级新生开学典礼暨军训动员大会在我校风雨篮球场顺利召开”的长度并输出,

2)、利用字符串截取函数截取该字符串的前10个字符,并输出

3)、并利用replace函数将字符串中的”我校”用“桂林旅专”取代,并输出结果。

4、在下新建一个名为images的文件夹,从网上下载四张图片到该文件夹下,图片命名为img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一个名为index2.asp的文件,定义一个有4个元素的字符型数组变量,然后给数组变量img的每一个元素赋值,内容如下:利用用ASP随机数函数Rnd,每次刷新页的时候随机输出数组中包含的一张图片,显示在浏览器中。按F12运行,将运行结果截图,插入下面的表格中

为期四个星期的实训就这样结束了。这学期的实训是我在南工院的最后一次实训,所以我很重视,也很认真。当然,在本次实训中我也学会了许多编程方面的知识,这些知识的积累是非常重要的。

本次实训的主要目的是让我们来做一个网上商城,通过了解ASP的框架以及结构,熟悉ASP.NET应用程序的运行环境及开发平台和其内置对象的属性以及其方法,以及其界面的设计代码让整个系统能正常的运行,通过写每个页面的功能实现代码,让我们巩固了之前学的知识,又有进一步的加深对语言学习的印象,最终能够实现网上购物的一系列流程。我们小组主要应用ASP.NET设计一个网上图书商城,完成对数据库的基本操作。根据所安排的课题项目,设计出一个结构基本完整,具备一定应用功能的网上图书商城。要求具有一定的内容,程序界面使用ASP.NET的WEB控件,可以完成会员的图书浏览、数据检索、登陆、注册、购书、修改会员的各种信息等。

其实,实训不仅仅是为了让同学们完成任务而展开的学习计划,更是要培养学生的学习能力和精神。我也深刻认识到:在学习过程中密切联系生活和工程实际,激发学习的求知欲,培养我们的科学精神和创新精神;培养学习对待工作和学习要耐心、细心和一丝不苟、精益求精的职业习惯等精神和素养是十分重要的。

实训结束了,很感谢田晓敏和杨正翔两位老师一个月来对我的悉心指导,感谢小组同学的互相鼓励与支持,也感谢班级其他同学对我的帮助。如果没有每一个人的辛苦努力与付出,我不可能完成自己的任务,也不可能取得如此好的成绩,在此,我对所有付出过努力的老师、同学道一声诚挚的谢意:谢谢你们!

天高任鸟飞,海阔凭鱼跃。人生的道路上还有很多考验等待着我们,我们要勇敢的向前大步迈进。

加油吧,为我们的理想!

前言

1.对静态网页设计的认识

1.1网页设计介绍

1.2网页设计及网页布局技术

网页是构成网站的基本元素。一个网页是否精彩与网页布局有着重要关系。常见的网页布局类型有“国”字型、“匡”字型、“三”字型、“川”字型等。其他类型的有:标题文本型,封面型,Flash型,框架型。可以用表格的形式讲一个页面分成几个单元格,通过单元格的'合并拆分,对网页进行布局,单元格就相当于是一块纸,在纸上写的东西单元格里都可以容得下。通过设置单元格的长宽对页面进行布局。框架对网页进行布局有很多优点网页结构清晰,易于维护和更新。方便用户浏览网页,采用滚动条,可节省页面空间,使网页风格保持统一;CSS作为网页设计中的一种重要技术,具有以下优点:,表现和内容相分离,提高页面浏览速度,易于维护和修改,应用apdiv创建网页,网页清晰,易于分块。应用表单创建网页,应用行为创建网页。

1.3静态网页设计的技术要点

用框架对网页进行布局时有很多缺点:网页内容无法被大多数搜索引擎搜索到,不被低版本浏览器支持,样式陈旧,无法满足个性化设置,难以实现不同框架中各元素的精确对齐。在网页设计过程中使用CSS样式表,主要有以下两种方式,内部CSS样式表,外部CSS样式表,应用库创建网页时:对于站点访问者和开发人员而言,使用交互式网页www.具有更多用途,使访问者可以快速方便地在一个内容丰富的网站上查找信息,后台管理者可以收集、保存和分析站点访问者提供的数据,,后台管理者可以对内容不断变化的网站进行更新。静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“”;网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;静态网页的内容相对稳定,因此容易被搜索引擎检索;静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;静态网页的交互性较差,在功能方面有较大的限制。

实训内容与过程

回顾这一个月来的实训生活是一件很值得纪念的事,这是我第一次在外实训,第一次在网上投简历能收到回复。对于我们这样的艺术设计学生,我深刻的体会到单单是学校教的远远不够,学校教的很笼统,很抽象,很大概,如果可以,我希望这个专业的师弟师妹们,有空多多到图书馆充实自己,静下心来充分自学。在外实训前,第一件事是把自己卖出去,包装自己,所以简历很重要,务必属实,因为你有多少两重,阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试,衣服当然要穿正装,其实我也想的只是大二实训期没有大三的三个月那么长,就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘,所以我感觉到万分荣幸能够进到这一支专业的创业团队,真的是一件了不起的事,而且这个岗位与我学习的和自己喜爱的科目对的很准,我自己也十分乐于这份工作。

X月X日这个内部版本中,我主要的工作就是设计界面,然后photoshop切图,然后继续傻傻的使用习惯的notepad2++手写html和css。经历这样的蠢事之后,我决定还是回到dreamweaver的怀抱,因为毕竟知识不够强,在兼容性方面还需要有dreamweaver来实时的告诉我,以提高我的工作效率。期间william杨还多次与我熟悉,很感激他们都关心我,提醒我应该有自己的就业方向,3年5年XX年的计划,说长不长说短不短的大学2年已经过去了。我应该有怎样的`人生,我有想过,但却还没如此认真的付出着。我想起老板那句,你喜欢设计你觉得设计适合你吗我真的很需要考虑我的以后,但目前设计还是我喜欢的事情,我也愿意身心的投入到其中,有时候可以不必得到回报,只是为了满足我小小的心灵。

从X月X日开始到XX日,又是另一个版本的小跨越,一个星期里做的事并不多,除了不断配合小杨完善页面的重构和美化工作,还要检查最繁琐的兼容性问题,心里知道很多房地产经纪人使用的电脑基本上都是深度、雨林木风、电脑公司特别版的ghost系统,所以基本上都是ie6ie7为主流的浏览器,兼容性方面的确在工作上成为一个重点。

希望,我的能力能帮到公司,献出我自己一份的力量。

实训心得与体会

从开始的实训,让我体验到这个暑假回会过得更有意义,会特别漫长特别充实。的确学习是一个漫长的过程,学习要耐得住寂寞的抵住诱惑。通过这次的实训,不仅让我觉得我应该改变自己的内向,学会转变与人主动交流,才能解决问题,让我觉得设计还是不错的,但是自己的专业真的很需要培养与加强,感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来,才能更好得在岗位上发挥自己的才能。

最后感谢给我这么一个机会,留在公司实训,公司不仅需要各类型的人才,更需要一个有坚定和远见的老板;感谢william,看过头像和手机桌面,女儿很可爱,想必是个和蔼的爸爸,从一开始便觉得他是个很会阅人的hr,但后来才知道是pm,不过没有变的,总是耐心地培养我,给我很多资料和很多网站,提高自己的审美和用户体验感受;感谢mk,认真的时候很认真,玩的时候还像个大孩子,喜欢和参数组交流时逗逗我,调剂我,这点我最喜欢了,因为有你们整个公司才显得有活气,没有那么沉闷;感谢kevin,虽然接触不多,感觉他很用心,是市场方面的主管,看的最多就是修空调,快递要发票的时候,会为公司的财政斤斤计较,到后来q总q总得叫我,真不好意思呢;感谢小杨,能够和你愉快的合作,如果可以我也想学jsp,后来小白走了,你又要一个人辛苦了;感谢adam,强硬的技术支持,我想没有你这位核心人物为公司撑下一片蓝天,可能我们这个产品就很难走下去了;谢谢一起在虎之翼公司里工作的所有工作人员。

我很喜欢你们,喜欢这样的工作氛围,谢谢你们!

一、开发背景

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Photoshop、Flash和Dreamweaver三个软件进行静态网站的设计。加上ASP技术和CSS+DIV进行昂也布局,实验页面的效果。

二、设计思路

我做的大致算是一个服装企业推广的小型网站。网站主页,一般都会包括首页,管理,链接,公司的产品图片文加字说明,我的网站主页也不例外,包括次首页,图片(展示照片),关于(关于自己的文字,关于本站的一些说明),链接(比较有名的站点)。不同的是,我自己独立的构思使页面完整化。三、网站规划1.页面大小布局2.网页logo

3.设计网站导航条;4.网页flash5.搜索框6.产品展示四、技术介绍

基于asp动态网页技术的学习

从建立的数据库中读出图片;图片存储为路径;并按一行5个排列;大于五个自动换行。网页设计实训报告

css+div的页面布局

多出用到css+div是整个页面更加美观。Logo的css样式:

登陆界面的css:网页设计实训报告

font-family:"黑体";}-->

五、页面设计(抓图)图片1

图片2

图片3

六、网站测试

应用动态asp技术,用iis或者安装的小旋风进行本地的测试。

第3页共4页网页设计实训报告

七、实训总结

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

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

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

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

实验项目:ASP基础

1、什么是客户端脚本,什么服务端脚本?所谓脚本是指嵌入到WEB页中的程序代码,在服务器端运行的脚本语言是服务器端脚本,在客户端运行的脚本是客户端脚本。客户端脚本由一个配备了解释器的WEB浏览器处理,当一个浏览器的用户执行了一个操作时,不必通过网络对其作出响应,客户端程序就能完成任务,常见的客户端脚本语言有:javascript,VBScript。服务端脚本则是在WEB服务器上执行生成代码,然后发送到浏览器,在浏览器上收到的只是执行后的标准HTML文件,常见的服务器端脚本语言有:PHP,jsp,asp

1、掌握用DW创建动态站点的'方法:将IIS的网页发布主目录设在D盘,名为。利用DW新建一个动态站点,站点的本地信息和测试服务器设置如下:

2、新建一个ASP页面,用VBscript编写一段服务端脚本,在客户端浏览器中输出“Hello!World”,将该页面以index1.asp为名保存在d:中,然后访问index1.asp页面,将结果截图插入下面的空白文档中:

3、新建一个ASP页面,用VBscript定义变量r,area,PI,然后给变量r,PI赋值,并计算出相对应的圆面积,保存文件为index2.asp,然后访问index2.asp页面,将结果截图插入下面的空白文档中:

4、新建一个ASP页面,其要求如下:写一个已知三角形三边长,求三角形面积的程序。保存文件为index3.asp,然后访问index3.asp页面,将结果截图插入下面的空白文档中:

5、利用DW在当前站点下新建一个文件,index5.asp,其功能如下:用response输出如下图片:

THE END
1.简单的网页图片简单的网页素材简单的网页模板免费下载六图网为您提供简单的网页设计作品免费下载服务,您还可以找到简单的网页图片、简单的网页素材、简单的网页模板等设计素材,我们为您提供简单的网页图片下载,简单的网页模板下载、简单的网页素材下载等服务!https://www.16pic.com/sucai/1441588.html
2.30个以简约为主的网页设计作品设计达人网站风格有很多,有全屏、FLASH、扁平化等等,每种风格各有特色,今天我们主要展示一些以简约为主的网页设计作品,简单不难,但当你把简单的东西做到极致,哪就有难度了,我们称这个为极简主义风格,好吧,看看下面这些作品,希望你也能设计一个”简约而不简单”的优秀网页设计出来。 https://www.shejidaren.com/30-simple-websites-design.html
3.80套经典精美网页设计模板html模板打包分享/国内外优秀网页模板/html5我收集的80套经典网页设计模板html模板,Bootstrap扁平化网站模版,并且无密打包分享。里面还有国内外优秀网页模板,可以直接简单的修改就可以作为自己的主页。内容是大气漂亮的html+css网站模板。 不同种类,不同行业、不同风格的网页模板归好类别了,需要网页设计的朋友可以下载借鉴。 里面有博客个人、餐饮美食、单页、地产https://blog.csdn.net/hmz856/article/details/135452867
4.简约网页模板图片免费下载简约网页模板素材简约网页模板模板千图网为您找到26262张简约网页模板相关素材,千图网还提供简约网页模板图片,简约网页模板素材, 简约网页模板模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/9446148.html
5.网页模板图片网页模板素材网页模板PNG大全下载熊猫办公网站共为您提供604个网页模板设计素材以及精品网页模板图片下载,汇集全球精品流行的网页模板免抠元素完整版模板,下载后直接替换文字图片即可使用,方便快捷的不二选择。https://m.tukuppt.com/sopng/wangyemoban.html
6.简单的网页设计模板代码(网页设计的代码大全)杂七乱八简单的网页设计模板代码(网页设计的代码大全) 网页设计员和研发者可用的最好工具之一便是 CSS 框架,它提供高端解决方案来适应高端网页研发需求。CSS 框架减化了编码结构、减少了编码时间,为研发者带来网页设计的便捷性。下面就介绍了30款最值得收藏的css框架。https://www.yuanmacun.com/post/131751.html
7.简单网页设计模板素材网站图片免费下载共有1278390个简单网页设计模板相关内容为您呈现 博客趣 猿文件网官方账号 PR模板|时尚设计简单动态病毒开启视频新闻广播 8 猿文件网官方账号 猿文件网官方账号 猿文件网官方账号 猿文件网官方账号 猿文件网官方账号 猿文件网官方账号 猿文件网官方账号 猿文件网官方账号 https://www.zcool.com.cn/tag/ZODQ5MjQxMg==.html
8.创意网站设计模板,多用途的html简单网页设计代码小编精心准备一款创意网站设计模板,多用途的html简单网页设计代码,响应式设计页面,100%相应,可以满足自由编辑的需求,欢迎大家的喜欢和下载。https://www.17sucai.com/pins/46104.html
9.Dreamweaver简单网页设计制作初高中网页作业模板下载表格布局网页作品介绍 网页修改教程 本站免责声明 Dreamweaver简单网页设计制作作品适于初高中或大学生入门级网页作业,作品采用TABLE表格布局制作,题材为动漫卡通动画片彩虹小马,纯表格制作,使用Dreamweaver直接插入文字图片,设置了网页背景颜色,CSS内置在html中。 标签:https://www.stu-works.com/html/dongman/402.html
10.专注于网页模板网站模板设计开发,企业建站最好选择模板库专注于CSS div模板的设计、开发,让您快速,简单完成企业网站建设。模板均带有前、后台,php源码,下载即用。https://www.mobanku.com/
11.网页模板设计素材HTMLCSSCMS模板免费下载作品集:网页模板2237款 请叫我小刘_2 1年前 IT互联网公司平面设计作品模板 简约现代企业HTML网站模版 svg,ico7m 作品集:网页模板4款 深海的鱼_35 1个月前 简约现代企业HTML网站模版 简单的金融服务有限公司企业站html模版 png,jpg3m 作品集:html网页模板243款 http://m.2gei.com/ui/web/
12.web网页模板网页源码网站模板Web网页模板,顾名思义,是预先设计好的网页布局、样式和功能的集合体。它们通常以HTML、CSS和JavaScript等Web技术编写,并包含了一系列可复用的页面元素和组件,如导航栏、轮播图、表单、按钮等。用户只需根据自己的需求对模板进行简单的修改和定制,即可快速搭建出一个符合自己品牌或项目风格的网站。 https://www.bilibili.com/read/cv38150691/
13.一组简单大气的网页首页设计欣赏谁说简洁的排版不能出彩!好的页面永远是把最重要的信息传达给用户,简单利落!一组简洁的网站首页设计欣赏。需要了解更多网页设计可下载网页设计模板。https://www.25xt.com/article/58650.html
14.多多鱼网页成品源码多多鱼原创网页模板教程下载网,提供简单HTML静态网页成品模板下载,学生网页作业交流学习,网页大作业学习下载,毕业设计,网页大作业,网页成品源码,网页设计,Dreamweaver/DW网页网页设计,div+css布局,代码高质量清晰结构美观简洁,原创定制网页制作课程设计大作业免费http://ddywysj.com/
15.制作模板DIV+CSS学生网页作品代码游戏题材大学生网页设计英雄联盟LOL学生网页设计作品:网页作品为DIV+CSS设计制作的单页面,简单做了CSS样式。DW初学者可使用。 html css dreamweaver 网页设计2020-11-14 上传大小:261KB 所需:50积分/C币 Web前端大作业——基于HTML+CSS+JavaScript仿英雄联盟LOL游戏网站 HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,首页使用CSS排版https://www.iteye.com/resource/LILIXING_COM-13112654
16.创客贴平面设计作图神器免费设计模板创客贴,极简好用的平面设计作图软件,在线图片编辑器,免费使用.提供免费设计模板,有海报、名片、公众号图片、PPT、邀请函等65个场景模板,一键搞定设计印刷https://www.chuangkit.com/
17.网页banner设计在线设计制作网页bannerMAKA是简单好用的免费在线网页banner设计制作平台,提供海量网页banner设计模板素材,5分钟完成在线设计制作bannner。https://www.maka.im/zhinan/wangyebanner
18.网页版式PPT网页版式ppt模板下载觅知网提供大量网页版式PPT模板,网页版式PPT素材,网页版式幻灯片在线下载,更多精美网页版式ppt模板下载,尽在觅知网。https://m.51miz.com/so-ppt/3817335.html
19.网页设计定制/divcss切图/H5页面UI设计设置模板,设置分类,添加内容,替换广告,几乎所有操作都在后台管理。人性化的后台操作让你上手更简单。 维护简单 人性化的后台管理 流量统计,网页分享,快捷登陆,自动采集,全自动伪原创,分销等各种插件系统都可以接入整合。 第三方应用 拥有众多第三方应用 可以针对全网站或单个栏目和文章进行关键词设置,实现seo优化,提升http://www.jzmb.com/Zengzhi/555.html
20.网站设计在线网站制作网站图片模板在线设计平台Canva可画提供了海量的网站设计模板,覆盖绝大多数网站设计场景,只需选择喜欢的模板进行制作,即可轻松在线设计出精美的网站。https://www.canva.cn/create/website/
21.网站模板ps素材图片素材懒人建站提供网页素材下载,提供网站模板素材、图片素材、ps素材、素材库等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。https://www.51xuediannao.com/
22.如何基于Dreamweaver模板设计网页了解如何使用 Dreamweaver 模板设计“固定的”页面布局;然后基于模板创建文档,创建的文档会继承模板的页面布局。模板是一种特殊类型的文档,用于设计“固定的”页面布局;然后您便可以基于模板创建文档,创建的文档会继承模板的页面布局。设计模板时,可以指定在基于模板的文档中哪些内容是用户“可编辑的”。使用模板,模板创https://help.adobe.com/zh_CN/Dreamweaver/CS5/Using/WScbb6b82af5544594822510a94ae8d65-7acca.html
23.网页模板,网站模板免费下载,做网站首选模板无忧模板无忧是国内最具人气的网站模板、网页模板下载站,提供网站模板、网页模板、程序模板下载及建站相关素材、教程资源。众多专业模板设计师,新模板每日更新http://www.mb5u.com/
24.稿定设计在线设计平台海报设计图片设计视频编辑海量设计模板加持不会PS也能轻松搞定设计,在线设计海报、简历、PPT、名片、宣传单、邀请函、Logo等多种设计需求场景,3秒抠图、批量套版、AI辅助设计实用便捷。海量正版授权资源,商用无忧。https://www.gaoding.com/
25.网页模板HTML5网站模板网页图片HTML模板、WordPress与电子商务主题、网页图片以及在线元素的最大集结地。 TemplateMonster为你提供由世界各地的专业人员开发的网页设计产品。http://china.templatemonster.com/