文档库 最新最全的文档下载
当前位置:文档库 › UI网页设计实训报告

UI网页设计实训报告

UI网页设计实训报告
UI网页设计实训报告

郑州轻工业学院

实训报告

实训名称:

姓名:宋得洋

院(系):

专业班级:

指导教师:徐洁赵晓君

成绩:

时间:2012年12月24日至2012年1月4日

实训报告

实训内容:

第一周的时候老师对我们以往学习的知识进行了详细的了解,对我们以前学习不到的知识进行了总结,别且勉励我们在今后学习的道路上不骄不躁。老师对向我们灌输了网站的搭配技巧和大致结构,这些只能在公司的实践中才能得到的东西,我们在老师的帮助下得到了大致的了解,感谢老师。前几天老师主要讲解了PS的知识,比如怎么做灯光效果,我们在下午的时候进行了练习。老师说在2个星期的时间里学习到很多的知识是不可能的,但是我们要有信心和勇气去学习,只有自己不放弃才能得到自己想要的知识。在让我们得到理论知识灌输的同时,老师注重我们的实践,实践是根本,没有实践的东西是不成形的,也是不可靠的,无论怎么样的想象,没有起飞总是会坠毁的。老师对于蒙版效果的使用让我耳目一新,以前总是不重视这些不太中心的东西,但是通过老师对于蒙板的讲解,我了解了那些外观上的刺激和强悍的作用,往往能让人耳目一新。

老师对于蒙版的使用以及做出的一些精美的图片,让我认识到了蒙版的重要性。因为现在的人们对于美观的要求性很高,我们需要对此下很大的功夫,这样做出的东西才能满足人们的口味。长久经验的积累让老师在这个行业走的很远,以后我会更加努力的实践,让自己在走上社会的道路上有一个良好的基础。

老师讲解的PS知识对PS进行了剖析,许多小技巧让我们在作图的时候效率有了很大的提高。大概可以分为以下几类:1.魔棒、套索、矩形选区工具、圆形选区工具、像素选择工具等等,这一类使用简单,对规则图形和对比度大的图像进行操作;2.通道选择法,以不同颜色通道的亮度及对比度为基础,进行绘制及选择;3.矢量路径方法选择,工具包含绘制的图形、钢笔工具、网格工具等;

4.图像具有相对复杂的背景,前景(即我们要扣取的对象)边缘细微,例如发丝毛发等,可用抽出这类的滤镜或者用其他第三方滤镜,如Knockout、Mask Pro、ReMask、蒙娜丽莎等等;

5.要扣取的前景具有半透明属性,例如婚纱、水珠、气泡、玻璃制品等,最好选用各种第三方滤镜进行操作(因为功能较强,抠图效果好),例如Knockout、Mask Pro、ReMask、蒙娜丽莎等;

6.图像复杂,单种工具无法完成抠图,就要考虑多种工具和滤镜组合扣取。

他还让我们记住一些常用的快捷键如:比如,按住Ctrl Alt键拖动鼠标可以复制当前层或选区内容;如果你最近拷贝了一张图片存在剪贴板里,Photoshop 在新建文件(Ctrl N)的时候会以剪贴板中图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置,在打开的时候按住Alt键(Ctrl Alt N);如果创作一幅新作品,需要与一幅已打开的图片有一样的尺寸、解析度、格式的文件。只要选取“文件”→“New”,点Photoshop菜单栏的Windows选项,在弹出菜单的最下面一栏点击已开启的图片名称就ok(实在太方便了);在使用自由变换工

具(Ctrl T)时按住Alt键(Ctrl Alt T)即可先复制原图层(在当前的选区)后在复制层上进行变换;Ctrl Shift T为再次执行上次的变换,Ctrl Alt Shift T为复制原图后再执行变换。使用“通过复制新建层(Ctrl J)”或“通过剪切新建层(Ctrl J)”命令可以在一步之间完成拷贝到粘贴和剪切到粘贴的工作;通过复制(剪切)新建层命令粘贴时仍会放在它们原来的地方,然而通过拷贝(剪切)再粘贴,就会贴到图片(或选区)的中心;若要直接复制图像而不希望出现命名对话框,可先按住Alt键,再执行“图像”→“副本”命令;Photoshop的剪贴板也很好用,但你更希望直接使用Windows系统剪贴板,直接处理从屏幕上截取的图像。好的,按下Ctrl+K,在弹出的面板上将“输出到剪贴板”点中吧!

老师讲解的蒙板是将不同灰度色值转化为不同的透明度,并作用到它所在的图层,使图层不同部位透明度产生相应的变化。黑色为完全透明,白色为完全不透明。这些优点:1.修改方便,不会因为使用橡皮擦或剪切删除而造成不可返回的遗憾;2.可运用不同滤镜,以产生一些意想不到的特效;3.任何一张灰度图都可用来用为蒙板。以及主要的作用:1.用来扣图;2.做图的边缘淡化效果;3.图层间的溶合;在蒙板上应用不同的滤镜,便会使淡化的边缘出现不同的效果。在蒙板和图层之间的空处有一个链接符号,默认是链接着的,点击可解开蒙板与图层的链接。此时如果移动图层或蒙板,只会移动你选择的相应图层或蒙板,这点与图层间的链接是一回事。扣比较复杂的图,比喻人的头发,植物的枝叶等时,可将图片转为CMYK或LAB等不同颜色模式,找出一个对比最强,边缘轮廓最清晰的通道,调整其色阶,然后应用到蒙板,再作进一步修整。这些东西不仅仅教会了我们东西,更加的让我的态度得到了端正。老师说态度很重要,没有了端正的态度如何能用自己的心将自己的灵感融入到自己的作品中去,一个良好的态度是一个好的开端,同时也是自己能在做作品的时候用自己灵感浇筑眼下的作品。

这是老师的作品让我们网站页面的设计和图形视觉的认识有了一个全新的了解,一张图片有好的颜色和文字的合理设计才会让被人认同你的作品,所以这一周的ps实训使我对PS有了全新的认识。而真正的知识是理解和认知,而不是那些琐碎的篇幅。

第二周的时候这一周老师给我们讲了当前最流行的网页布局的方法Div+css,老师也讲了层布局与表格布局的区别,他们都是网页布局的方式,一个便于以后的维护、一个便于制作他们各有好处,需要设计人员在制作时自己来取舍的,并且还有一些设计技巧:1、灵活运用样式

熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML 代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。

2、要让Windows(特别是95/NT)使用定制的显示器匹配曲线,只需要如下操作:

(1)在开始菜单的“启动”中删除“Adobe Gamma Loader”。

(2)确定ICM曲线的路径/名称(基本上是处在C:\WinNT\System32\Color\中)。

(3)运行RegEdit,找到如下项目:

HKEY_LOCAL_MACHINE>Software>Adobe>Color>Monitor>Monitor0

(4)创建一个新的项,叫做“Monitor Profile”

(5)在这个显示器曲线的项中输入步骤2中的路径/名称。

注意:在设置了这个曲线后,由于Adobe Gamma已经重新配置了Adobe Gamma Loader,因此不要再运行它。

3、同时链接到两个网页我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

4、不给文件起中文名称

大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver 对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。

5、要创建网络安全颜色,须确保色彩的R、G和B元素都是十六进制数的33或十进制的51的倍数,任何以下的值都是可接受的:00 (0)、33 (51)、66 (102)、 99 (153)、CC (204)、FF (255)。

6、巧妙隐藏标签

如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于我们选择不可见元素。但这并不全是件好事,比我们在一个有很多层的页面中的第一行便插入一个表格,就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行,虽然在浏览时并不影

响效果,但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板,在Category 中选中Invisibel Elements,在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉,以后它就保证不会再出现了。下面这是一段利用列表项目制作的导航条样式及代码:

无标题文档

这是我的屏幕截图

用PS分成20个图层做的

下面这是一段利用表格制作的导航条代码:

无标题文档

网站首页客户中心联系我们产品展示员工风采

下面这是一段利用层制作的导航条代码:

无标题文档

无标题文档

网站首页客户信息产品展示

网站首页客户中心联系我们产品展示员工风采

     

 

@charset "utf-8";

/* CSS Document */

a{

text-decoration:none;

color:#65ae07;

font-size:12px;}

.m1{

width:1000px;

height:50px;

background:#f0eee1;

line-height:30px;

font-size:14px;}

.m1 a{

display:block;

text-decoration:none;}

.m1 a:hover{

background-color:#CCC;

text-align:center;

}

.m3 a{

display:block;

text-decoration:none;}

实训感想:

实训刚刚开始的时候由于自己的基础不够扎实,所以当时跟不上老师的步伐,只能一个人独自坐,慢慢的由于熟能生巧,我慢慢的就跟上来了。一个步骤的开始就可以连着几个步骤,同学们也在认真的帮助我,我很感动。同时我也学会了使用快捷键,以前我很不在意这,因为感觉那是在取巧。可是现在效率的明显提高让我慢慢的开始重视它的使用了。快捷键的使用,这是Photoshop 基础中的基础,却也是提高工作效率的最佳方法。快捷键的使用,使你可以将精力更好的集中在你的作品而不是工具面板上。一旦你能够熟练的使用快捷键,你就可以使用全屏的工作方式,省却了不必要的面板位置,使视野更开阔,最大限度的利用屏幕空间;一些简单的命令可以用键盘来完成,不必分心在工具的选择上,哪怕它只占用了极少的时间,但我们更希望在工作的过程中能够更有效率。我们把网页设计与制作中涉及到的理论和实践更好的结合起来,我对网页设计与制作这本书有了更深的理解,在flash制作方面有了很大提高,操作能力也

得到了增强,使我们了解到无论做什么事都要有足够的耐心,还要认真细心。在做题时要对自己做过得东西进行仔细的检查,同时也使我了解到同学之间要相互协作、共同努力。这次培养和考察了我对计算机的实际应用能力,注重了技术技能的培训,每一步骤和每一技能点相对应,使我对Photoshop有了更深一层的了解。更进一步的熟悉和掌握一些技能,将书本上的知识和实际合理的结合在一起。要真正的掌握和使用一个图像处理软件,不仅仅要掌握软件的操作,还需要掌握图像和图形方面的知识,比如图像类型、图像格式和颜色模式,以及一些色彩的原理知识等。也只有这样,才能按要求,合乎情理,有效地发挥创意,创培训,每一步骤和每一技能点相对应,使我对Photoshop有了更深一层的了解。更进一步的熟悉和掌握一些技能,将书本上的知识和实际合理的结合在一起。要真正的掌握和使用一个图像处理软件,不仅仅要掌握软件的操作,还需要掌握图像和图形方面的知识,比如图像类型、图像格式和颜色模式,以及一些色彩的原理知识等。也只有这样,才能按要求,合乎情理,有效地发挥创意,创在这为期两周的实训中通过老师的认真讲解,让我对所学的知识有了一个重新的认识,他们教会了我在学校里许多学不到的知识,教了我许多关于设计的小技巧,这些小技巧是非常的实用的,能够节省我的许多时间从而让我能够够快速的完成任务,并且老师的讲解给我打开了一扇大门,让我仿佛看到了我的专业的未来的曙光,也让我对于自己现在的专业充满了信心,让我有了更加多的激情投入到本专业的学习中,同时也让我对于我们的相关专业也有了一些了解,从而有了更多的选择机会,不会再像以前茫然不知所措了,有时候老师的一句话能够让我解决我许久以来的迷惑,所以老师的作用是巨大的,老师就像是一道曙光让我在迷茫的道路上不断的前进,给了我前进的放向。

在这两个周里通过老师的指导,我不断完善我的设计网页面的基础,并且掌握了许多在课堂上学不到的小技巧。有理由相信,这些洞悉的积累会对我这个即将走上社会的大学生菜鸟很有帮助。

在不断丰富我知识的同时,我慢慢的认掌握识到了自己的知识还太少,需要大量的综合性的练习来完善。现实性的东西得靠实践来完成,以往自己的眼高手低只是一个笑话而已。

目的不是关键,真是有用的是在实训的过程中你是否让自己体验到了在公司工作的那种氛围和严谨,平时在做页面的时候总是不太严谨,马马虎虎的敷衍了事,可是一旦踏入社会,这些臭习惯会害了自己,同时也会影响公司的运作和效益。老师的敦敦教导总是萦绕在自己的耳边每当自己重复自己的老毛病时,知道社会

的无情和残酷,我又何必再拿自己的前途开玩笑。

老师曾经不止一次的说过不能迟到,在学校养成的拖拉的习惯一直在摧残着我,在以后的工作学习中,我会努力的改掉习惯不良的习惯,争取能再踏入社会的时候找到一份自己满意的工作。

网页设计实训报告1000字

网页设计实训报告1000字 篇一 实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。 网页是世界上最有价值的不动产之一。人们在这个不足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等。 三.网页制作 真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。 在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。 然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式,其 他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后. 在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。 四.网页的调试 之前把作过的东西放到U盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。 总结:在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了 自己的网页,你们的地位就是平等的。经过这周的相关学习,我了解到网页设计与制作是 一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不 要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率.一个真正的网站,

网页设计与制作实训报告

《网页设计与制作》 实习报告 指导老师: 实习地点: 实习时间: 实习班级: 学生姓名:

一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 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"显

企业形象设计 实训报告模板

《企业形象设计》 实训报告 (题目)企业形象设计课程综合训练 学生姓名学号 指导教师 专业年级14级工业设计

日期2016 年 1 月12 日 中国海洋大学工程学院 _ 2016 年秋季学期中国海洋大学全日制本科 《企业形象设计》课程实训任务书 专业年级: 任课教师: 石林 一、课程实训选题(可由任课教师统一命题或学生分组分题等多种形势) 本课程由指导教师统一命题,命题内容如下: 1、个人形象LOGO设计 2、吉祥物设计 3、VI手册设计 二、课程实训要求 1、实训任务与实训指标: 通过《企业形象设计》课程的学习,使学生兼具从事企业和品牌形象塑造所必需的理念概括能力、信息处理能力和形式创意能力。首先使学生全面了解企业

和品牌形象系统的基本理论,理解其理念识别(MI)、行为识别(BI)、视觉识别(VI)的基本构架和作用原理,初步掌握企业形象设计的基本程序和操作方法。其次,通过对视觉识别的萌芽,到早期商业活动中的识别系统的运用,再到现代企业识别系统的运用这一发展过程的梳理,运用案例教学和启发式教学相结合的方法,引导学生认识到企业形象设计存在和发展的内在动因,从而加深对企业形象设计的理解。第三,以企业形象设计中的基础部分的学习为主要内容,使学生能够在掌握设计要领的基础上,通过设计实践,独立完成标志设计、标准字和印刷专用字、辅助图形、吉祥物以及色彩识别系统的设计。第四,以企业形象设计中的应用部分的设计为主要内容,通过相应的设计方法和原则的讲授,使学生能够独立完成与企业形象相关的周边产品的视觉设计工作。第五,讲授企业形象手册的标准化制作,通过对不同制图方法的解析,深入和加强学生对标准化制图的理解以及熟悉专业化VI手册设计的标准要求。 2、格式要求: 报告要求用A4纸打印,汉字要求使用宋体,英文要求使用Times New Roman字体,并根据顺序装订成册。 3、内容要求: 内容主要包含:个人形象LOGO设计、 吉祥物设计、 VI手册设计(基础部分、应用部分)。 三、实训报告评分标准(样例,各任课老师自行调整,并与实训评分标准表统一) 本课程的成绩评定主要由实训作业、平日成绩两部分构成,采用百分制,实

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像

网页设计实训报告范文

网页设计实训报告 范文 1 2020年4月19日

实训报告 题目: 实训课程名称:网页设计 系别: 专业 / 班级: 年级: 学号: 姓名: 指导老师: 1 2020年4月19日

4月27日 2 2020年4月19日

目录 1 实训目的........................................................................................... 错误!未定义书签。 2 实训内容........................................................................................... 错误!未定义书签。 2.1准备工作 ................................................................................. 错误!未定义书签。 2.2使用的技术 ............................................................................. 错误!未定义书签。 2.3设计制作要求 ......................................................................... 错误!未定义书签。 3 方案设计与实施步骤 ....................................................................... 错误!未定义书签。 4 实训中出现的问题、分析及解决方法 ............................................ 错误!未定义书签。 5.2日志 ......................................................................................... 错误!未定义书签。 5.3 教程视频 ................................................................................. 错误!未定义书签。 6 实训总结........................................................................................... 错误!未定义书签。 3 2020年4月19日

网页设计实训报告

电子商务网页设计与制作实训报告 班级:电商1302班 姓名:张涛 学号:0804130239 2015年1月7日

目录 一、网站基础识 (3) 1.网站与网页的关系 (3) 2.网站、域名、空间的关系 (3) 3.网站的制作方式 (3) 二、所做网页内容 (4) 1.女娲网站 (4) 2.休闲食品项目网站食品页面 (4) 三、所做网页详解 (4) 1.女娲网站所做工作 (4) 2.休闲食品项目网站所做工作 (5) 四、实训网站制作思路 (5) 1.女娲网站思路 (5) 2.休闲食品项目网站思路 (5) 五、实训网站详细制作过程 (5) 六、实训总结 (7) 七、.对课程及实训环节的建议 (8)

一、网站基础知识 1.网站与网页的关系 网站是一个整体,网页是一个个体,一个网站是由很多网页构建而成。网站和网页的关系就像家庭和家人一样。 网页与网站的区别简单的来说:网站是由网页集合而成的,而大家通过浏览器所看到的画面就是网页,网页说具体了是一个html文件,浏览器是是用来解读这份文件的。也可以这样说:网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站,这可就没有规定了,即使只有一个网页也能被称为网站。 而我们想要制作一个网站,就需要单独编辑若干个html文件,然后通过“超链接”把它们连接在一起,这样一个属于自己的网站就制作出来了。总体来说就是网站有网页组成。 2.网站、域名、空间的关系 域名(Domain Name),是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位网站空间英文名:Webhost。简单地讲,就是存放网站内容的空间,网站空间也称为虚拟主机空间,通常企业做网站都不会自己架服务器,而是选择以虚拟主机空间做为放置网站内容的网站空间。网站空间只能存放网站文件和资料,包括文字、文档、数据库、网站的页面、图片等文件的容量。 所以它们三个的关系是:网站先储存在网络空间中,访问者需要通过IP地址也就是域名来登录这个空间找到网站存放的地址。那么网站就能打开并能够向浏览者展示自己的能容了。 3.网站的制作方式 网站制作通俗的来说就是网站通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML 方式展示出来,属于前台工程师的一项任务,前台工程师任务包括:网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是易雅达网站策划师、网络程序员、网页设计师等岗位,应用各种网络程序开发技术和网页设计技术,为企事业单位、公司或个人在全球互联网上建设站点,并包含域名注册查询和主机托管等服务的总称。 一、申请域名[CN域名须审核]; 二、申请空间[通过接入商进行ICP备案]; 三、定位网站 四、分析网站功能和需求(网站策划) 五、网站风格设计; 六、网站代码制作; 七、测试网站;

网页设计的实习报告范文_实习报告.doc

网页设计的实习报告范文_实习报告 一实验目的 1.学习HTML语言和dreamweaver,FrontPage等工具 2.掌握在本地环境下运用ASP技术实现一个简单的电子商务网站 二实验的方法和原理 三实验过程 1、资料的搜集。 组长分配任务,大家从网站上搜集各种关于手机的资料。 2、熟悉制作软件。 做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。 3、构建站点框架。

打开Dremweaver后第一步便是新建站点 4、设计主页及二级页面。 5、实现网页间的链接 链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。 6、向静太网页插入动态效果 四实验心得 在经济迅速发展的今天,Internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。 近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了

字体与版式设计实训指导手册

一、实验介绍 实训项目一姓名字体设计 二、实验目的; 运用所学的字体与版式设计的思维与方法,按照字体与版式设计的要求,设计属于自己姓名的字体设计,培养自己对字体与版式设计的理解与认识,锻炼字体设计的各方面能力。 三、实验环境; 机房电脑操作,PS AI软件 四、实验任务; 做自己的姓名设计,通过名字的创意设计来展示自己的内在个性,充分认识字体创意的重要性。 五、实验原理及步骤; 创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1)简要的实验操作步骤 2)实验完成情况说明; 3)实验过程中存在的问题; 4)实验心得。字体与版式设计实训指导手册 一、实验介绍 实训项目二实题项目的字体与版式设计 二、实验目的;

熟练掌握书记封面设计的版式设计形式和特征,能独立完成设计作品。 三、实验环境; 机房电脑操作,PS AI软件 四、实验任务; 书记封面设计一副 1.根据实题项目独立完成设计作品 2.版式设计要有创意,体现个性风格 3.注重形式xx,体现版式设计的完整性 4.表现技法不限,要求制作工艺精湛 五、实验原理及步骤; 选定主题——创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1)简要的实验操作步骤 2)实验完成情况说明; 3)实验过程中存在的问题; 4)实验心得。字体与版式设计实训指导手册 一、实验介绍 实训项目三 二、实验目的; 熟练掌握书记封面设计的版式设计形式和特征,能独立完成设计作品。

三、实验环境; 机房电脑操作,PS AI软件 四、实验任务; 书记封面设计一副 5.根据实题项目独立完成设计作品 6.版式设计要有创意,体现个性风格 7.注重形式xx,体现版式设计的完整性 8.表现技法不限,要求制作工艺精湛 五、实验原理及步骤; 选定主题——创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1)简要的实验操作步骤 2)实验完成情况说明; 3)实验过程中存在的问题; 4)实验心得。

网页设计实训报告总结

三一文库(https://www.wendangku.net/doc/0414911418.html,)/实习报告 网页设计实训报告总结 实习报告网页设计实训报告总结,供大家参考。 毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下: 一、实习工作介绍 我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。 我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要

进行浏览器测试,因为css+div排版方式有一个的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。 二、初来公司的时候 (一)初级考试 初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。

web网站设计实训报告(范文)1.doc

附录 1:设计报告封面 湖南娄底职业技术学院 web 网站设计 课程设计报告 设计题目:个人网站 系部:电子信息工程息 专业:网络技术 学生姓名:黄永凤 学号: 200902060109 起迄日期:年月日 ~ 年月日指导教师:罗金铃 教研室主任:

一.网站的需求分析 对于个人网站而言,一个好的网页会给人留下深刻的印象,那样才会提高网站的知名度才会增加 点击率。如果通过网站管理系统工作,就可以拓开以前传统的宣传思路,用户可以通过上网就能达到找到所需要材料的目的,并且可以给管理员留言以反馈意见。 二.系统实现所需要的软件 网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash 、ACCESS 数据库、动态网页编程语言ASP 三、网站设计的思路 网站拓扑图构画 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目,采用什么样的制作结构,这些都是我们在制作网站前首先要确定的, 下面是我个人网站的结构图:

四、系统功能模块的实现过程 个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的 网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与 连接实现了人机交互功能。 1个人首页功能模块功能的实现过程 个人首页主要放置主人的最新动态,导航条菜单包括首页、个人简历、个人相册、文字拾掇、 我的聊吧、给我留言、友情链接。给我留言,必须通过先登陆或先注册才能进行留言。底部插入个 人网站的版权信息,同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。 ( 1) .个人首页导航功能实现介绍 个人首页导航有七个链接分别是:我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图 3-1 所示。

版式设计总结

所谓的版式设计就是在有限的空间里,编排,安排,组织管理图片、图形、文字色彩及工艺,材料等设计要求,同样的要素通过不同的编排会产生不同的效果。编排组织,管理设计师版式设计的重点。 在上这门课前我从来没想到版式也可以这么多样化,也可以这么的自由化,第一次感觉这个专业的广泛性。在现代社会,编排设计早成为了世界不可缺乏的视觉性公共语言 在学习过程中,我了解到原来编排也要有这么多的学问,要先放主体,再编排,格式要注意大字配小字、分栏、字距等,要根据“米”字格式来排放等规则,是以字体、图形、色彩搭配形成的编排版式。通过几周的学习,让我基本了解了版式设计的构成要素、形式的法则等。 版面的基本理论中构成要素包括文字,图形,图片等,图片又包括方形图片、去底图片、多边形图片,异形,曲线形等要素。图形的形式又分三种: 出血图形、退底图形、形状图形。 文字最注重字体、字号、字距、行距。版面的设计形式法则有位置、方向、紧空紧、比例与分割、对称与均衡、节奏与韵律的等。 版式设计的基本编排有很多种: 骨格型,满版型,版,版,叠加与聚散型等多种编排。老实说,我不知道我达到的是什么境界,但我明白在制作自己想象中的版式无疑是一种享受,不管是什么形式的编排都有它独特的艺术感受,前提是要有它的节奏韵律。 版式设计主要强调创意的表现,分为两种创意,一是针对主题思想的创意,一种是版面编排的设计创意。另外还要有优越的审美观念,追求个性品味。审美观念是可以慢慢培养的,一个优秀的版式设计不只是字体,图形、色彩等视觉元素组合的载体,它是创意者的构思舞台。版式设计主要是以视觉来判断整体的构思效果,所以要利用表面的形式来感受其主题思想。

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

印刷实训报告

学校名称 印刷实训报告 班级: 学号: 姓名: 指导教师: 学期: 印刷厂实训

一、实习时间: 第十八周——第十九周 二、地点: 丹东市正泰印刷厂 三、实训任务: 印前阶段:主要任务是明确字体,字号的合力应用,根据不同原稿内容选用不同风格的字体。掌握文字排版的规则,熟悉各种制版软件在生产中的使用,图文设计合理,色彩运用自然协调,满足印刷工艺的要求,并能晒制出上机印刷的阳图形PS版。 印刷阶段:主要任务是明确平版印刷基本原理,掌握平版印刷工艺流程及流程中各工序的具体工作内容和标题,了解平版印刷的五大要素。 印后加工装饰阶段:主要任务是根据印刷产品需要采取的各种印后装饰加工,以满足产品的使用性和美观欣赏性的需要。 实训目标 熟悉印前部分:印中部分和印后部分的各种印刷设备、器材和常用印刷材料。明确从原稿设计到生产出印刷品的一系列工艺流程。掌握各工序的具体操作内容及要求。培养学生的实践动手能力和自我学习的能力。促使学生把理论知识与生产实践相结合。 四、实训目的: 1. 熟悉印前部分,印中部分,和印后部分的各种印刷设备、器材 和常用印刷材料。 2.明确从原稿设计到生产出印刷品的一系列工艺流程。 3.掌握各工序的具体操作内容及要求。 4.培养学生的时间动手能力和自我学习的能力。 5.促使学生把理论知识与生产实践相结合。 五、实训的步骤及收获: (Ⅰ)、印前制版 制版是印刷三大工序的第一工序,是印刷的基础。没有好的印版,就无法印出好的产品。制版质量的高低,样稿占有重要的地位。

(一)、样稿(原稿)制作的要求: 设计样稿前要认真听取客户的意见和要求,结合印刷对原稿质量的要求,要精心设计,重点突出所要宣传的产品,版式力求做到新颖别致,色彩的运用要在版面色调协调一致的基础上有所创新。在设计某一产品时,要抓人眼球,以与生产逼真的色彩或衬以相反色,乃至互补色,重点呈现处该产品或采用其他各种手段,只要达到突出和强化宣传效果即可。 对于线条原稿,要求先天清晰,无断笔,线条流畅且粗细均匀,细线条若缩小复制是仍清晰可见,线条放大复制时,边缘不能毛糙,底色与线条色,明度反差要大,若底色和线条色都是彩色的,要尽量使颜色搭配有利于照相时能够分成明显的密度等级。 总之,彩色原稿要符合制版要求,必须满足下列质量要求: 1.原稿要无偏色,与实物色彩应基本一致 2.原稿反差要适合值班要求 复制品受油墨纸张等材料的限制,最高密度一般在1.5左右,根据实践,原稿的密度范围在0.3-2.1,即反差为1.8时最为合适,若原稿反差小于2.4,复制时经合理压缩,效果仍欠佳。 3.原稿层次丰富 整个画面不偏暗,也不偏亮,高调,中间调,暗调均有密度变化,级数多,阶调 4.原稿的清晰度要高 有清晰度高才能更好的表现景物细部的层次,使画面轮廓也有较好的锐度,但清晰度也不易过高,一般彩色印刷品制版的网线较大多数在150~175线/英寸,最高在200线/英寸,所以制作样稿的分辨率不能大于400dpi。 (二)、制版工艺流程: 1.剪片 胶片由照排车间送到制版车间后,首先要做的是把胶片的空白部分剪掉,即剪片。正确的操作方法是,把胶片正面朝上放置在看版台上,先看清版号的奇偶,如果是奇码版,则剪掉胶片左边的空白部分;如有中缝,剪切时要尽可能靠里侧,以免拼版人员再加工;如果为偶码版,则剪掉胶片右边。以上为黑白版胶片的剪切方法,如果为彩色版胶片,一般需要在上下各留一个对位标记。 2.拼版 拼版分书版与报版两种拼法。8开报版一般采用书版拼法,常见的版数有4、8、16、24及32版,偶尔也会有4曰版或64

(完整版)网页制作实习总结

网页制作实习总结 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。以下是网页制作实习总结,欢迎阅览! 网页制作实习总结一 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。随着科学技术发展的日新月异,网页设计制作已经成为当今计算机应用中空前活跃的领域,在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握网页设计制作的技术能力是十分重要的。 这次实训,老师要求我们为自己家乡的一个公司做一个网站。我是来自浙江衢州,衢州作为一座文化历史名城,拥有众多的旅游风景点,所以我选择了为我家乡的旅游网亿游网做一个网站。 首先我要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了衢州旅游网的一些特点,借鉴这些网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。 做好这些准备工作之后我希望能在最短的时间内做

到最好的效果。接下来的步骤就是准备素材,搜集与主题相关的文字、图像、动画、音乐等资料。在准备素材的过程中我用到了dreamweaver、photoshop等工具。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、二级子页、内容页,创建超级链接。最后就是测试与浏览网页,如果还有什么不理想的地方再改进再预览,如此反复,最后达到最好效果! 在设计的过程中遇到的问题,可以说是困难重重,这毕竟是第一次独自设计网站、制作网站,难免会遇到过各种各样的问题,同时在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,比如说拖动层的设置,时间轴与层的显示与隐藏的综合应用,在CSS的具体应用还不是和很熟练,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训,一定把以前所学过的知识重新温 回顾这次课程设计,至今我仍感慨颇多。的却。从选题到开始制作,从理论到实践,在实训两周的日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使

网页设计实训报告

湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程:网页设计 班级:计网二班 学号:200903884 姓名:彭论 指导老师:王湘文 提交日期:2010-6-21

前言 至于我为什么选择酒店设计题材,因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后,我就进行了分工,希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材,搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。然后创建本地网站,建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计,我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华,去其糟粕,在网站内容上删减了很多的在外观上的美,整体讲究整体美和简洁美,对于本网站的设计凝聚了本人长达三个星期的时间,完成网站静态设计后,从总体上对网站动态上进行动态设计,希望本网站能在我们这个年纪的领域有一个很好的炫美。

目录 ?实训目的 (3) ?实训任务 (4) ?实训项目(网页设计思路及详细说明) (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)

一.实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范; 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识; 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识; 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 具备独立撰写实训报告等科技文件的基本能力; 在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流 的能力,培养创新能力和团队意识; 为今后从事网站开发、维护和管理奠定基础。

设计助理实习报告

实习报告 一、实习时间:2017年07月10日至2017年09月15日 二、实习单位:北京微观空间文化传播有限公司 三、实习地点:北京市朝阳区北苑路天畅园六号楼1506室 四、实习场景: 五、实习目的: 通过社会实践,熟练运用专业知识,把平时所学的知识用到实际工作当中,了解平面设计机构,及其部门、日常业务活动、整体状态。并从中认识到平面设计与人力、资金、社会的关系。掌握当今最流行的图像处理软件Photoshop等软件的使用,熟悉平面设计的一般流程,培养创意设计能力,能用适当的方法表达设计意图,提高色彩运用能力,能熟练运用色彩搭配原则进行色彩搭配,掌握广告设计、海报设计的设计技巧。 六、实习内容及实习过程: 我所在的实习单位北京微观空间文化传播有限公司是一家从事产品广告海报的设计排版为主的独立企业。在公司我担任平面设计助理,主要是以辅助平面设计师的工作为主。 因为考虑到毕业后有可能从事这个行业的工作,因此我非常珍惜这次实习的机会,在有限的时间里加深对各种平面设计的了解,找出自身的不足。这次实习的收获对我来说很多,在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。 在实习的过程中,通过向领导,同事的交流和向他们虚心的学习,总结了在广告版面设计的过程中要注意的许多方面: (1)在版面的文字的排列方面:从文字的大小;字体的外形变化,字体笔行变化;字体外行的变化,排列的变化慢慢改进。通过改变字体外部结构特征,笔形的特征;字体笔画间的疏密关系;或对部分笔画进行放大缩小以及改变字的中心,使字体显得新颖别致,在排列上打破常规的字体排列顺序,使字体从而具有更强烈的视觉冲击力。(2)在广告的色彩运用方面:依据广告对象属性的用色原则,对不同的消费者做出不同的色彩视觉信号。 (3)地域特征的用色原则,针对不同国家和地区的广告设计,还有民族习俗的关系,在图形的设计和色彩的运用上也有所考虑。为了有效的突出设计主题和广告的表现力,在安排图色与底色上,注意了调整图案和底色的色彩关系,将纯度,明度,色度的颜色用于

网页设计毕业实习报告

网页设计毕业实习报告 篇一网页是世界上最有价值的不动产之一。人们在这个不足平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。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等。 三.网页制作 真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的 FLASH不

相关文档