首页 > 文库大全 > 精品范文库 > 6号文库

网页设计实习总结

网页设计实习总结



第一篇:网页设计实习总结

网页设计实习总结

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

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

然后是主页和二级页面的设置。要注意,网上只能使用JpG和GIF两种图象格式,其他诸如BMp和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。

网页的调试 http://shixi.feisuxs/

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

一.网站的整体规划

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

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

3.确定栏目和板块:

1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。

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

3]正文的框架设置(横向因素和纵向因素交错)

在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。

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

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

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

2.熟悉制作工具软件:

主页制作的基本条件有:网页设计实习总结

硬件:

一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件:

HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍 Dreamweaver;

图像处理软件:常用的有photoshop、flash、Fireworks 等;

文件上传软件:常用的有Cuteftp、WSftp等。

第二篇:网页设计实习总结

网页设计实习总结范文3篇

学校是一个小社会,步入高中就等于步入半个社会。我们不再是象牙塔里不能受风吹雨打的花朵,通过实习的磨练,我们深深地认识到社会实践是一笔财富。以下是网页设计实习总结范文,欢迎阅读!

网页设计实习总结范文1

现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的,我利用寒假的时间,对网页设计

进行了初步的认识和了解,并基本掌握Dreamweaver的应用。

通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先,要确定网页设计的内容一个优秀的风站要有一个明确的主题。整

个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成了,下面要开始的便是优化工作,内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充

性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。

如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片,Flash提供了功能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是交互性强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说,通过这个假期对网页设计的学习,有收获也有遗憾。但是,我已经迈入了网页设计的大门,只要我再认真努力的去学习,在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。

网页设计实习总结范文2

转眼间,已到了期末,学习网页设计这门课程也要结束了,虽然时间有点短,但是学过这个几周以后我受益匪

浅。

记得最初接触dreamweaver的时候,我很茫然,因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课,老师讲得比较基础,还能跟得上,渐渐的老师授课的进程开始加速,有些跟不上了,需要下课后自己补上,问老师和周围的同学。渐渐的,在老师的悉心教导下,我们开始熟悉这个软件了。老师布置的第一个任务,要求做一个自我形象网站。由于学习的时间较短,老师只要求用PS做好模板即可,任务相对简单。但也要求设计感强,色彩搭配和谐,并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高,用dreamweaver做一个比较接近真实的网页,还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格,然后在表格内进行拆分合并处理,接着就把通过ps处理出来一个版头并且把修

改过大小的图片放进去了。

中间时预览,问题出现了,发现版头与下面的图片文字之间出现了很大的一段距离,但是在软件中已经把距离缩小为0了,多次尝试后没有效果。最后想到可以另外再加一个表格,把版头放在一个表格内面,这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通,一次浏览学长做的网页时,觉得他们的文字滚动窗口做得效果做得不错,于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码,把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成,但是却出现大问题了。

因为需要滚动的文字占的空间太大,把左边的那部分表格全部占满了,而在实际的网页预览中,这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一,左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面,试了很

多方法,在网站查了很多资料,可能因为没有专业术语作为搜索的关键词,查不到任何相关的资料,试过p标签,试过不停的拆分表格,最后还是没有效果。就这样试着试着,突然想到了层这个概念。于是在布局中点击了绘制层,结果成功了,经过一些加工,终于成功的完成左边的布局。印象还比较深刻的是插入声音,记得老师曾经给我们讲过很多次怎样插入声音,可是等到自己做网页的时候却忘记了,于是问其他人,结果居然都忘记了,于是自己在百度上收。最后终于找到了一个可以使用的代码,但是在加入声音路径时出现了问题。在属性内加入源文件,结果就是加不进去MP3的音乐文件,然后自己就尝试加入了一个视频,记下了路径格式,然后照着这种格式写下了指向声音源文件的路径,最后成功了。在设计过程中还出现了很多的问题,但通过看书,上网查询,请教同学等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内

容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。热情和执着,我将来设计出的网页会更加专业,更完善。

网页设计实习总结范文3

21世纪的时期,中国的网络正在实飞猛进,大多的企业都是通过建立网站来进入企业宣传,通过企业网站来打广告,宣传产品、品牌推广,促进销售等 方法来实现企业营利的目的。所以,中国的互联网在中国的近几年来,有了非常大的发展空间,如网上商店网上服务网络资源非常的流行。所以网页设计师中一个紧缺的人才。对一个企业来说,做好一个网站是必不可少的。我们现在做为电子商务专业的,我们的最终目标是针对全球这个大的市场,还有这个网络市场。作为一个企业的管理者,应当为自己设计一个能够促进销而且能够代表我们企业的形象、宣传我们企业最新出来的产品的这么一个网站。

我们学了一个学期的网页设计,这周我们开始实践我们专用的计划如下:

第一天:网页设计与布局。网页的题材自己定,可以任选。

第二天:准备材料。建立站点,将所有的题材放到自己所建立好的站点里去,以便在做的可以更方便、快捷的应用到网页中,提高速率。

第三天:将所在准备的材料一起联接起来,放到自己的所设计的布局结构中。再做二级网页,建立超链接,把一级和二级网页连接起来。

第四天:将所做的网页进行整理、调试、发布。在网站上申请一个空间,将自己做的网页传到网上去。

第五天:写实习报告。将写好的实习报告打成电子文档,传到老师处,审查。

网页的布局:

网页的布局指的是网页的整体架构,也就是排版。在一个被别人打开网

页之后,如何才能突出我们网站里面最重要的内容,即让用户第一眼就看到这个网页所想要传达的信息和内容。这首先就要从网页布局做起.我觉得网页布局应当注意以下几点:

1、整个网页的长和宽的比例,2、导航条的设置,3、正文的框架结构。我的这个上网页中,我的大体布局就是F型的。从我的首页上看上去虽然有点乱的感觉,但整个的布局是清楚的,乱而有型。在大多数企业网站中的布局都是大同小异,但是它们做出来的效果显得非常的完美,所也是他们企业的成功之处所在。因此,一个网页布局是一个非常重要的一个工作。

网页的设计:

网页的设计不仅需要学好网页设计软件的方法,还需要和其它的软件一起使用,如动画设计软件,静态图像处理软件,等等。所以学习起来的确有点困难,所以需要有有点耐心去学习,不要是因为一时的好奇而去做网站,那肯定是不得行的。当我们遇到问题的时候

要总要想着自己去面对解决,不要掉入技术的陷阱,如果你的网页设计技术一流,并且对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是介于平面设计和编程技术两者之间的边缘科学.不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

网页的整个形象:

在一个网页做成之后,就要去找开看下网站的整个效果。首先是给视觉效果人视觉效果的,而在视觉效果中又最注重是颜色的,所以色彩的配合是必不可少的知识。在调整好之后,到网上去申请一个空间,传到网上去,看下效果。

总结:

从我不知从何下手做网页时到现在学习了一学期和这个专用周结束,总算有一个大体的方向和设置的格式了。我一开始对什么网页的布局和设置啊,什么都着落,对于一个好的网站的是如何做出来的和它所应用的方法都大概有一个认识。比如说那些动画、流动的窗口和按钮、弹出图片等等一些广告、视屏之类的。在我们的课本中没有多少的代码,只有文字性的操作步骤。还有那些什么JAVA代码一个都没有。然而在我们制作过程中,我们很多的时候都需要使用那些JAVA代码,我们又不知道,只有到网上去找。但是这并不是一件坏事。我们还可以学到很多东西,这也是我们所需要的。我觉得我现在做出的网页虽然不是很好,但是通过了这一周的实习,我收获也是不少啊!

第三篇:网页设计实习总结

实习总结

为期一个月的实习结束了,首先我感谢老师、感谢思普公司给我这个锻炼自我的机会。在这个月里,我学到很多,感受也很深刻,给我以后找工作积累了工作经验。

来到公司,文总给我的第一个任务就是要我做世界旅游小姐的一张图片,还有设计布局世界旅游小姐大赛的热点赛事和主办单位。我做了很久都没做出来,只是在那蛮想,不懂得去借鉴类似的网站,在小吕的提示下,我借鉴了别的网站,终于做出来了,虽然做的不好看,自己很不满意,不过老总满意就行了。这不是我不负责任,我明白了两个问题。

一、做我们这一行的,做出来的东西是给顾客跟老板看的,不是给自己看的。

二、做出来的东西要符合大众的眼光,所以要多鉴赏别的好的网站,你觉得好的仅仅只是你觉得好,人家不一定会这么想。

在公司,我的主要工作就是接收美工人员的网站模板,将其通过Photoshop切片,然后导入Dreamweaver进行排版,(排版主要使用css+p),并进一步的加以制作,完善美化,如加入js代码,或Flash,因为网页是用css+p进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+p排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:IE6、IE7、IE8、Fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在小吕的帮助下,解决了很多问题,所在我很感谢他。在布局页面的时候,我也明白了几点,如下: 一、一定要按照美工设计的模板去布局网页,老板没说要修改不要擅自做主加以修改。

二、页面的布局,要先看整体后局部,还要注意浏览器的兼容性

1、少用margin多padding

2、少用float多用overflow:hidden

3、使用float指定宽

4、继承关系不要复杂

5、大块拆成小块写

6、标签关系不要太复杂

7、少用定位

8、不要偷懒,有些层不要一个标签搞定

9、多练

三、要有耐心,特别对于新手来说。

经过一个月的实习,让我认识到自己懂的太少,必须得不断的学习,才能提升自己。网络的更新速度太快,跟不上这个节奏,只能被这个浪潮淹没。所以,我们要不断的学习来充实自己。

第四篇:网页设计实习总结

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

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

然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。

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

一.网站的整体规划

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

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

3.确定栏目和板块:

1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。

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

3]正文的框架设置(横向因素和纵向因素交错)

在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。

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

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

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

2.熟悉制作工具软件:

主页制作的基本条件有:网页设计实习总结

硬件:

一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件:

HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍 Dreamweaver;

图像处理软件:常用的有Photoshop、flash、Fireworks 等;

文件上传软件:常用的有Cuteftp、WSftp等。

第五篇:网页设计总结

网页设计听课总结

网页设计的阶段性课程:

1、规划阶段(网站策划)

2、设计阶段(网页美工)

3、实施阶段(网页制作)

详细流程:站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布

从创建站点开始(学会搭建并定义本地站点)

规划站点结构的原则(用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构)搭建自己的网页文件夹 比如(images、midea等等)

创建站点文档(添加文件和文件夹、文件的管理)

HTML代码的基本结构(头部、主体):

….

设定meta内容(通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置)

设定页面属性(标题、背景图像、背景色、文本颜色、边距)

添加文本(插入特殊字符、设定文本属性、改变字体和尺寸)

换行快捷键:enter 和shift+enter(br式回车 紧凑型)

网页支持的图像格式:gif、JPEG、png等

图像在网页中自动变形后,可以按“重新取样”后改变图片的大小

底部水平线修改颜色:点击快速标签编辑器修改源代码即可(如:color=“green”)插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件

插入javaapplet元素(源代码:…..)

插入交互图像(翻转图片和导航条)

JavaScript 脚本语句:

设置滚动文字属性:在滚动文字前加上代码滚动方向是:direction =“right”滚动速度是:scrollamount= “3” 延迟速度是:scrolldelay=“100”

鼠标指向时停止滚动命令:onmouseover=“this.stop()”

鼠标离开时开始滚动命令:onmouseout=“this.start()”

在滚动文字结束代码的最后写上:

例如:

网页链接:绝对路径(http://)

相对路径(相对于同网站下的链接b.htm)

根路径(a.htm)

内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点 链接的源代码:

邮件链接:(mailto:邮件地址?subject=网站意见反馈&cc=邮件地址)

例如:mailto:xxx@163.com?subject=网站意见反馈&cc=xxx@163.com

锚链接的使用方法:先在头部抛锚,然后在页尾链接到锚点(在目标处写:#top)源代码如下:返回头部

图像的热点:在一张图片的不同地区选择新的链接。

脚本链接:例子:关闭窗口的链接:JavaScript:window.close()

表格的应用:新增表格、表格的属性设定

学会用fireworks切片,并且在Dreamweaver中导入fireworks HTML并调整表格的操作 Html源代码 表格:„行:„ 单元格:„大表格制作用“像素”,小表格用“百分比”

表格的绘制:(绘制表格、绘制单元格)扩展、标准、布局

快捷键:ctrl + :放大ctrl-: 缩小

做好切片及排版

制作表单:(什么是表单?客户端填写表单(提交反馈)服务器端处理表单、加入空白表单、设定表单属性)

表单动作:(表单内容发到邮箱)mailto:xxx@163.com &cc=xxx@163.com

文本域、单选按钮、复选框

源代码:

id=”leftFrame“ title=”leftFrame“ />

添加浮动框架: 使用浮动框架(制作浮动框架、设置浮动框架属性、制作浮动框架链接)

属性的设置源代码: 浮动框架链接时要指定链接的目标是:浮动框架的name(自己去定义)。

制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架,并制作框架页面间的链接。模板的应用:模板的功能 什么是模板 为什么用模板(方便制作及更新)

创建模板(根据已有文件建立模板)文件菜单下:另存为模板„

定义可编辑的区域

库的建立及应用 库的建立(什么是库?为什么使用库?)便于局部文件的修改

1、建立库

2、应用库

3、更新库

层的使用 创建层 设置层属性(选择层 改变层的大小 移动层 排列层)

插入层的html语句:

相关内容

热门阅读

最新更新

随机推荐