网页设计与制作实训报告

合集下载

计算机网页设计实习报告(精选5篇)

计算机网页设计实习报告(精选5篇)

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

现将我的实习情况汇报如下:一、实习工作介绍我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。

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

二、初来公司的时候(一)初级考试初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。

大学生毕业生网页设计实习报告(精选5篇)

大学生毕业生网页设计实习报告(精选5篇)

大学生毕业生网页设计实习报告大学生毕业生网页设计实习报告(精选5篇)接地气的实习生活已经告一段落,相信你会领悟到不少东西,让我们一起来学习写实习报告吧。

在写实习报告之前,可以先参考范文,下面是小编收集整理的大学生毕业生网页设计实习报告(精选5篇),仅供参考,欢迎大家阅读。

大学生毕业生网页设计实习报告1实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。

培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。

网页是世界上最有价值的不动产之一。

人们在这个不足0.1平米的空间内投资达数百万美元。

网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。

WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB的深层。

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

2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。

于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。

使浏览者有宾至如归的感受。

3.确定栏目和板块:(1)首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。

(2)其次就应该考虑导航条的设置了。

(3)正文的框架设置(横向因素和纵向因素交错)在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。

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

二、网页制作的前期策划与准备1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。

接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF的动画等。

2.熟悉制作工具软件:主页制作的基本条件有:硬件:一台电脑(64mb以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件:html编辑软件:常用的有frontpage、hotdog等,本文重点介绍dreamweaver;图像处理软件:常用的有photoshop、flash、fireworks等;文件上传软件:常用的有cuteftp、wsftp等。

网页制作实训报告

网页制作实训报告

网页制作实训报告第一篇:网页制作实训报告《网站设计与制作》实训报告X学院XX班XXX号一.实训时间:2010年6月7日到2010年6月13日二.实训地点:XXX学院XXX班级三.实训组员:XXX、XXX四.实训目标:运用网页设计方法,设计一个网站,提高综合应用所学知识的能力,积累Web网站的制作经验,培养团队协作精神。

本次实训的具体目标为:了解网站制作的一般流程;熟练使用网页制作工具Dreamweaver、Flash、Fireworks设计网页;能灵活运用表格、层和框架布局页面;熟练使用CSS样式表美化网页;正确使用JavaScript添加网页特效;灵活使用模板和库来制作网页;学会申请免费域名空间和正确上传站点的方法。

五.实训策划:这一周,我们要进行《网站设计与制作》实训,我们认为做网站前最主要的是确定主题、框架和标题栏的设计。

因此我们相互讨论之后,确定制作以“婚纱”为主题的“喜多坊时尚婚纱网”。

在之后的资料收集和网页的框架的建设中,我们发现了许多问题,某些关键点无法做出心中的效果,这让我们有些遗憾。

通过自身及组员的共同探索,我们已尽权利将以下是我们的策划内容:1.确定主题。

制作网页,首先是确定主题,冬天很冷,却冷得很幸福,刚刚过去的圣诞的热闹劲还在心头。

于是我们从幸福出发,想到了结婚-婚纱,建立一个简单的介绍婚纱的网站并取名喜多坊时尚时尚婚纱,专业介绍一些喜多坊婚纱的特色等。

我们本次间的网站基本以粉红为基点,粉红是可爱清纯的颜色,粉红代表着幸福温馨,所以本站以粉红为风格,让整个网站充满爱的力量。

2.设计主页。

主页的设计是整个网站的灵魂,构思导航栏的分类,然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,我们构思大致分几部分,首页,关于我们,婚纱礼服,量体裁衣,婚纱选购,公司门市,与我联系,在线论坛8大板块,每一板块又分几小部分,内容比较充分,多样。

确定导航栏的各个分类标题之后对于建立二级子网尤为重要,我们运用Photoshop CS3技术来设计出导航栏,制作切片,建立导航栏,将整体的主页效果建立起来。

网页制作实验报告4篇

网页制作实验报告4篇

网页制作实验报告4篇网页制作实验报告4篇在生活中,我们使用报告的情况越来越多,我们在写报告的时候要避免篇幅过长。

我敢肯定,大部分人都对写报告很是头疼的,下面是小编收集整理的网页制作实验报告,欢迎大家分享。

网页制作实验报告1一、实验目的及要求:本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

三、实验原理通过设置css样式创建表格的虚线边框。

四、实验方法与步骤1) 在网页中创建一个表格。

2) 在“css样式”面板中单击“”按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮。

3) 在弹出的对话框中进行设置,完成后单击“确定”按钮。

五、实验结果六、讨论与结论对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败。

对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。

这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验。

网页制作实验报告2一、实验目的及要求:本实例的目的是创建锚点链接。

二、仪器用具1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。

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

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

网页设计实训报告总结3篇网页设计实训报告总结 3篇篇一题目:实训课程名称:网页设计系别:专业 / 班级:年级:学号:姓名:指导老师:20xx年 x月 x日目录 1 实训目的 2 实训内容 2.1准备工作 2.2使用的技术 2.3设计制作要求 3 方案设计与实施步骤 4 实训中出现的问题、分析及解决方法 5.2日志 5.3 教程视频 6 实训总结 1 实训目的通过综合实训进一步巩固,深化和拓展学生的理论知识与专业技能。

(1)掌握规划网站的内容结构,目录结构 ,链接结构的方法。

(2)掌握页面的整体控制和头部内容设置的方法。

(3)熟练掌握网页页面布局的各种方法。

(4)熟练掌握在网页中输入 ,设置标题和正文文字的方法。

(5) 熟练掌握在网页中插入图象 ,flash动画和背景音乐的方法。

(6) 熟练建立各种形式的超级链接的方法。

(7)掌握表单网页制作方法。

(8) 掌握网页特效制作方法。

(9)掌握网站测试的方法。

2 实训内容 1.网站主题要求结合个人工作需要及兴趣爱好,独立完成主题的选择。

2.网站内容要求网站不少于 2级,页面总数不少于 10个;内容和素材避免雷同。

3.设计制作要求 4设计静态网站 (HTML页面 ); 5 站点文件、文件夹的命名与组织要求规范; 6每个网页要求有标题; 7网页要求整合多种媒体(音频、视频、动画、图片、文字等); 8要求有 CSS的设计和使用; 9 要求网站无错误链接; 2.1准备工作前期做好网页的规划,设计好image view vied css 等目录,做好不混乱易于维护 2.2使用的技术 html css html5 2.3设计制作要求网页内容有内涵,图文并麻,跳转无问题,配合 csss 进行开发,千万规划好项目的架构,易于维护。

在网页中有图片,有视频,有图片,有动画。

3 方案设计与实施步骤 1、网站主题我的网站的主旨在于从各个方面全面的介绍我自己,展示自己,包括我的个人资料、爱好。

2024网页设计实习报告总结(三篇)

2024网页设计实习报告总结(三篇)

2024网页设计实习报告总结____网页设计实习报告总结一、实习背景及目的本次实习是在____年暑假期间,在某知名网络科技公司进行的网页设计实习。

通过参与公司的实际项目,我得以接触到真实的工作环境和工作流程,深入了解了网页设计的相关知识和技能。

本次实习的目的主要是掌握网页设计的基本原理和技能,锻炼分析和解决问题的能力,提升自己在这个领域的实践经验。

通过实习的学习和实践,我将网页设计与用户体验相结合,提出了一些建议和改进措施,希望能对公司的网页设计工作有所帮助。

二、实习内容及经历在实习期间,我主要参与了公司一个正在进行的网页设计项目。

该项目是一个电商平台的网页设计项目,主要涉及到用户界面的优化和功能的添加。

具体的工作内容包括与产品经理和开发团队进行沟通,了解项目需求和用户需求;负责设计网页的布局和样式,以及添加交互功能;与开发团队进行协作,进行网页的编码和调试;与用户进行交流和反馈,根据用户反馈进行网页的改进等。

在实习期间,我逐渐熟悉了公司的工作流程和设计规范,学习了各种网页设计的工具和软件的使用,提升了自己的设计能力和技术水平。

通过与产品经理和开发团队的沟通,我了解到了用户需求的重要性,学会了从用户的角度思考问题,并且能够提出一些改进建议。

在与开发团队的协作中,我学会了与他人合作和沟通,能够更好地理解他们的思想和需求,并提供有效的解决方案。

三、实习收获和体会通过这次网页设计实习,我学到了很多知识和技能,收获了很多宝贵的经验和体会。

首先,我掌握了网页设计的基本原理和技能,学会了如何设计具有吸引力和易用性的网页界面。

其次,我了解了用户体验的重要性,学会了从用户角度思考问题,并且能够提出一些改进建议,为公司的网页设计工作提供一些参考和帮助。

最后,通过与产品经理和开发团队的沟通和协作,我学会了与他人合作和沟通,锻炼了自己的团队合作能力和解决问题的能力。

这次实习让我更加深入地理解了网页设计这个领域的复杂性和挑战性。

网页制作实习报告(6篇范文)

网页制作实习报告(6篇范文)

网页制作实习报告(6篇范文)【导语】网页制作实习报告怎么写好?本文精选了6篇优秀的网页制作实习报告范文,都是标准的书写参考模板。

以下是小编为大家收集的网页制作实习报告,仅供参考,希望您能喜欢。

【第1篇】网页制作实习报告一实验过程1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

打开dremweaver后第一步便是新建站点4设计主页及二级页面。

5实现网页间的链接链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果具体情况如下:通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。

使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。

所以我结合所学专业的内容制作了个人网站,作为实习的成果。

其内容是多样化的。

制作网页用的软件是dreamweaver , banner软件。

dreamweaver大大加速了网络时代电子交易应用中的项目交付。

它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。

例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。

当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。

主图是一个网页的门面,它能体现出这个网页的整体风格。

制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。

于是网站主题确立。

然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,中国简介,中国历史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。

web开发实习报告范本(精选5篇)

web开发实习报告范本(精选5篇)

web开发实习报告范本(精选5篇)第一篇:web开发实习报告范本web开发实习报告范本一、实习目的·让学生了解网站的制作流程和基本技法。

.Dreamweaver的使用·掌握利用IIS完成站点创建,学会站点的规划与创建,能自己创建个人网站和简单的企业网站。

·掌握利用SQL Server的企业管理器建立数据库和数据库表,巩固数据库基本命令的使用。

·掌握利用ASP访问与操作数据库的各种常用的功能及实现方法。

·了解动态网页的制作技术,掌握与数据库的链接及简单的数据处理。

·培训学生的动手能力、综合应用能力和团队合作能力。

二、实习要求·按时、按地参加实习,遵守实习纪律,遵守实习场地的制度;·爱护实习场地的所有实习设备,讲究公共卫生;·做好实习笔记和实习记载,实掌握实习的每项内容;·认真填写好实习报告、实习总结,实习完成统一交实习老师。

三、实习形式·前一周完成ASP、SQL Server(或Access)以及DeramweacerMXXX的学习,要及时完成学习任务。

·后一两周进行网站综合开发实训,可分组进行。

四、实验内容1.网站结构示意图打开我的首页,然后点击zhufu按钮进入按钮界面,所示newyears/进入页面后有一首欢快的背景音乐,在祝福页面里,你可以向你的好友发表你的祝福,你可以对祝福查看和修改,并且还可以看到历史记录,页面右上角可以返回首页。

liuyan1/回到主页再点击留言按钮,进入下一页面,你可以发表留言,不需要审核也能发表。

由于时间仓促,网站暂时到此,网站还在积极开设建设中,敬请期待你的到来五、实训结果实验基本成功实训是培养学生综合运用所学知识,发现,提出,分析和解决实际问题,通过上机练习来培养我们自身实践能力,这次网页布局训练就是其中之一。

这次的网页设计与制作让我收获颇丰。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

《网页设计与制作》
实习报告
指导老师:
实习地点:
实习时间:
实习班级:
学生姓名:
一、实习目的
①学会制作新闻发布系统。

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

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

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

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

二、实训内容
1.创建数据库表
①启动Microsoft Access ,执行“文件”——“新建”命令,打开“新建文件”面板,在面板中单击“空数据库”。

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

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

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

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

⑥单击“确定”按钮,保存表。

按以上步骤的方法,创建表fen和admin。

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

3.制作购物网系统页面
①用index.html创建zhanshi.asp商品分类展示页,新建站点,导入shop.mdb数据库文件建立数据库连接。

插入表格并插入图片、文字,创建记录集并在表格相应位置绑定数据。

在服务器行为里为表格设置重复区域,创建记录集RS2并在左边的商品分类表格里绑定
数据,在服务器行为里为左侧的表格添加重复区域和转到详细页,制作记录集导航条。

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

③用index.html创建denglu.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的痛苦和尴尬。

在制作的过程中遇到问题,可以说得是困难重重,这毕竟是第一次独自制作动态网页,难免会遇到过各种各样的问题,同时在制作的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固。

在此过程当中弥补了我许多知识上的缺陷,弄清的以前没有搞懂的知识点。

经过多番的努力和辛酸,我成功地完成了这次过程艰辛的实训,而且我从中体会到了一种叫做‘成功的喜悦’的感觉,那种小有成就的兴奋是只有置身其中的人才能体会的。

在实训过程中,我更体会到了基础知识的重要性,也许我们正在迷惘,我们是否学到了东西,但事实说明零零散散的知识,在项目开发当中起到了非常关键的作用,我们不缺少时间和工具,我们只是缺少经验和动手能力,如果我们以后能更好的在各方面增长自己的经验,相信我们能在长长的就业队伍中脱颖而出的!相信自己,相信未来。

今后我将会更加努力的学习,不断提高自身素质,为我将来的就业打下良好的基础。

相关文档
最新文档