导航:首页 > 万维百科 > 网页设计学生实训日志

网页设计学生实训日志

发布时间:2021-01-10 21:47:04

1、跪求:网页设计实训个人总结

网站设计与制作》实训报告
X学院 XX班 XX X号
一.实训时间:
2010年6月7日到2010年6月13日二.实训地点:
科实南213
三.实训组员:
XXX、XXX
四.实训目标:
以金华农特产为主题,制作网站,通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
五.实训策划:
这一周,我们要进行《网站设计与制作》实训,我们认为做网站前最主要的是确定主题、框架和标题栏的设计。因此我们相互讨论之后,确定制作以“健康”为主题的“林安健康网”,但在之后的资料收集和网页的框架的建设中,我们发现出了问题,在确认无法做出效果后,我们决定放弃这个主题,重新建立以“水果”为主题,以我们的名字连体命名的“林安水果网”。以下是我们的策划内容:
1.确定主题。制作网页,首先是确定主题,金华有许多特色水果,水果产品丰富,,经过考虑,确定以金华水果品种为主题的网站 ,建立一个简单的介绍金华水果的网站,专业介绍一些金华地区优秀的水果市场和销售渠道等。我们本次间的网站基本以绿色为基点,绿色是生命的颜色,绿色代表着生机勃勃,所以本站以绿色为风格,让整个网站充满绿的生机。
2.设计主页。主页的设计是整个网站的灵魂,构思导航栏的分类,然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,我们构思大致分几部分,首页,特价专区,优质水果,果树栽培,婺城商场,金东商场,客户中心,联系我们,意见反馈等板块,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要,我们运用Photoshop CS3技术来设计出导航栏,再用Fireworks CS3或Photoshop CS3技术制作切片,建立导航栏,将整体的主页效果建立起来。
3.资料的搜集。主页的导航栏设计好后,接下来就是对主页导航栏的各个内容进行资料的收集,我们采用大量的资料收集再对资料进行塞选,得到最适合导航栏内容的资料。素材的选择,要符合网站的主题,图片的大小要符合模板的轮廓,我们将不符合模板的用Photoshop处理编辑,然后放入站点底下,进行图文的链接和排版。
4. 建立模板和库。此次网站建设中我们决定大量运用模板和库,运用模板和库对于建立网站提供便利同时也为我们减少大量的工序。本次水果网的建设主要采用两个模板,各具风格,样式标准。
5.各个子网页的建立。我们设计好模板后只要在可编辑区依次编辑所需资料就可,运用模板建立子网页少了很多工序,为我们节省大量的时间。尽管我们建立了模板,但我们在建立子网时很小心,因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时,因此我们对所插入的图片和表格都得进行测量,做到不影响网站整体的美观。
6.实现网页间的链接。做好个格子网和首页后,接下来就是通过模板的链接,将整个网站中的网页链接起来,过程其实很简单,主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。通过模板建的几张网页其实超链接都不怎么用链接,只需要修改模板上的链接就可以了,这也是通过模板新建网页的好处,省去一张一张超级链接的时间了。做好这一步后,网站基本算是建好了。
7.向静太网页插入动态效果。在基本建好网页中的插入层和时间轴,制作其动态效果,让整个网页充满生机。我们在网上进行flash素材的收集,通过Flash CS3设计出主题下的风格动态效果。然后插入到静态网页中,使网页更加生动形象。
六.实训心得:
通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了企业水果网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Deamweaver CS3软件。它提供了网页和表单的动态生成到企业级的解决方案。主图是一个网页的门面,它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于金华水果的网站 ,要对这些有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的介绍金华水果的网站,专门介绍一些金华地区优秀的水果市场和销售渠道等。于是网站主题确立。
然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,首页,特价专区,优质水果,果树栽培,婺城商场,金东商场,客户中心,联系我们,意见反馈等板块,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。
再后是收集资料与素材,大量浏览相关网站,收集关于金华水果的图片,进行Photoshop CS3图片处理和排版,插入好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。
再后是设计网页图片,用flash制作网友调查表,用Photoshop制作静态图片。再后是建立站点,和制作网页了,使用dreamweaver制作。
首页内容精彩丰富,首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。
简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
利用我们所学的模板设计,制作更完美的页面。将动态网页与静态网页结合起来
再后,调试过程,好多次本来在Deamweaver CS3里好好的,把字调的好好的,位置很对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过再三调试,整理,加了好多表格,终于满意了。
通过温本周的实训,发现自己还有很多的不足。就框架的应用很难把握,切片也很难合理切割,当插入图片的时候把原有的模板给撑破了,精确定位很重要。因为学艺不精,所以不会网页的代码设计,只能通过网络三剑客综合使用。不过也实践中也学到了很多知识,比如原本不知道网页设计还需要切片,表格的嵌套是非常重要的,模板的应用时非常便捷的。还有一些行为中的效果也是蛮不错的。所以这次实训还是很有意义的。

2、求 网页制作实习日记 30篇

那怎么写

3、网站设计实训总结

首先我要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了中国美食网的一些特点,借监这些网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。
回顾这次课程设计,至今我仍感慨颇多。的却。从选题到开始制作,从理论到实践,在实训机房日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。

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

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

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

4、个人网站网页制作作业+实训报告

给你一个做为参考,用IE兼容模式打开,不然只能看到html代码,可以多刷新一下,就出来了.
http://t20130430.googlecode.com/svn/trunk/www/index.htm

5、平面设计实习日记

因为考虑到以后毕业有可能从事这个行业的工作,因此我非常珍惜这次实习的机会,在有限的时间里加深对各种平面设计的了解,找出自身的不足。这次实习的收获对我来说有不少,我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。第一天来到公司,不知道该做些什么,什么也插不上手,只是这里看看,那里逛逛,最终还是公司里的老师给我指了条路,让我用Photoshop和 CorelDraw软件模仿教程做一些简单的图片,终于找到事情做了,于是我就乖乖的做起了图片。说实话我以前在学校的时候也这样做过,不过效果没有这么好,因为以前一遇到难的或不懂的就停下来不做了,而现在有老师在旁边,有不懂的就问,这使我受益非浅。假如在作图的过程中如果使用几个小技巧,确实可以达到事半功倍的效果。一、photoshop小技巧1.制作圆角矩形方块首先在photoshop中建立一个新文件,在文件上用矩形选取工具画一个矩形框,接着选择选单select→feather,输入半径值,数值越大则圆角矩形的半径越大。在选取区中填入颜色后,取消选取范围。选取选单image→adjust→threshold,由调整threshold level来改变大小,如此就会产生您想要的圆角矩形大小。若要产生圆角矩形的选取区,可以在选取区作用的环境下,切换到快速遮罩模式,同样执行 threshold以获得您想要的遮罩。2.高解析制作在用photoshop制作网页图形的时候,许多朋友为了快速的操作,都会把图选择低解析度进行制作,但是有些滤镜会因为图形解析度的不足,而无法处理,最后出来的效果也很差。所以建议大家在处理类似情形时,可以先在高解析度下完成绘制、影像编辑等工作,然后再向下取样,将影像缩成最后的大小。3.保留选取范围大小当您在photoshop中使用image size或cancas size改变影像大小时,原本在影像中选取的范围也会跟着改变,如果想要保留原本的选取范围,可以先切换到快速遮罩模式下(按下键盘上的q键),然后再选择“image size”或“canvas size”。使用image size指令会将影像与选取范围一同缩小;若使用canvassize指令则只会将影像缩小,而选取范围仍保持原有的大小。记着再将快速遮罩模式切换成标准模式。4.快速隐藏图层如果您在photoshop中只想要显示某一层图层的影像,是不是得一一将其他图层隐藏起来呢?这里有一个既快速又方便的作法:只要在图层面版上同时按住ctrl+alt以鼠标点选欲显示的图层的眼球图示,就可以将其他图层通通藏起来。另外也可以用ctrl+alt+快速键调整图层的前后次序。二、coreldraw小技巧1.擦去错误线条如果您使用coreldraw中的手绘铅笔工具,不小心把线条画歪了或画错了,您不必急着将线条删除,只要立刻按下shift键,然后反向擦去即可。2.动尺规在coreldraw中事实上是可以让您自由移动尺规的位置,只要在尺规上按住shift键以鼠标拖移,就可以将尺规移动。如果您想将尺规放回原位,则只要在尺规上按住shift键迅速按鼠标键两下,就会立即归位。3.利用coreldraw制作动画gif文件事实上利用coreldraw也可以用来制作动画gif文件,您可以将coreldraw中的图层当成动画中一个个的影格,然后逐一输出成gif文件(其他图层上的影像必须先关闭)。再利用photo-paint的movie功能,先选择creat from document将第一张gif文件制成movie,再陆续将转好的gif文件以“insert fromfile”插进来,选择“储存成…”动画gif的格式,于对话框中设定延迟的时间和位置,如此就算大功告4.同时旋转与缩放如果您在coreldraw中,拖拉物件的旋转把手时,同时也按住shift键,那么将可以同时旋转与缩放物件;若是按住alt键,将可以同时旋转与变形倾斜物件。经过几天的基础训练,老师终于让我参与他们的策划,刚开始有点紧张,后来就慢慢熟悉了策划和后期制作的整个过程。慢慢地老师也把一些比较重要的交给我处理。这使我对这个行业认识就更加深了一步。通过这次实习,在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用,增强了我们今后的竞争力,为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题,将来从事设计工作所要面对的问题,如:前期的策划和后期的制作等等。这次实习丰富了我在这方面的知识,使我向更深的层次迈进,对我在今后的社会当中立足有一定的促进作用,但我也认识到,要想做好这方面的工作单靠这这几天的实习是不行的,还需要我在平时的学习和工作中一点一点的积累,不断丰富自己的经验才行。我面前的路还是很漫长的,需要不断的努力和奋斗才能真正地走好。

与网页设计学生实训日志相关的知识