人人范文网 其他范文

网页设计报告范文(精选多篇)

发布时间:2022-07-24 06:08:38 来源:其他范文 收藏本文 下载本文 手机版

推荐第1篇:网页设计报告

心得体会之网页设计

网页设计报告

网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:

1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。

页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

- 1

心得体会之网页设计

理提交的信息(如CGI脚本)。不使用处理脚本就不能搜集表单数据。表单通常是交由CGI(公共网关接口)脚本处理。CGI是一种在服务器和处理脚本之间传送信息的标准化方式。CGI脚本比较典型的是使用Perl语言编写,当然也有其他语言如C++,Java,VBScript或JavaScript。在创建交互表单之前,接洽您的ISP或服务器管理员以确认CGI脚本可以在您的服务器上运行。 表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单对象组成,所有的部分都包含在一个由标识符标志起来的表单结构中。表单的种类有注册表、留言薄、站点导航条、搜索引擎等。而一个站点(site)是一个存储区,它存储了一个网站包含的所有文件。Dreamweaver的使用是以站点为基础的,必须为每一个要处理的网站建立一个本地站点。相对路径-以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。绝对路径-以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

- 3

推荐第2篇:网页设计报告

电商2班201341440222李彪

网 页 设 计 报 告

电商2班201341440222李彪

设为首页

推荐第3篇:网页设计报告

网页设计实践报告

班级:软件0801 姓名:丁志均 学号:200812014 授课教师:张金波

目录

一.实训意义: ............................................3 二.实训目的: ............................................3 三.实验步骤: ...........................................3

1、网站主题 ...........................................3

2、网站材料 ...........................................3

3、网站规划 ...........................................4

4、网站的制作工具 .....................................4

5、制作网站的网页 .....................................4

6、上传测试网站 .......................................5 四.设计特色 .............................................5 五.心得体会 .............................................5

2 一.实训意义:

网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。

二.实训目的: 1. 通过综合实训进一步巩固,深化和拓展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构,目录结构,链接结构的方法。

(2)熟练掌握网页制作软件Deamweaver和的基本操作和使用技能。 (3)掌握页面的整体控制和头部内容设置的方法。 (4)熟练掌握网页页面布局的各种方法。

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

(6) 熟练掌握在网页中插入图象,flash动画和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。 (8)掌握层制作方法。

(9) 掌握网页特效制作方法。 (10)掌握网站测试的方法。

2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。

3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

三.实验步骤:

1、网站主题

我的网站的主题是介绍一下三国杀这款桌卡游戏。介绍它的玩法,及技巧,还有对它的心得体会。

2、网站材料

主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站

3、网站规划

我的网站共有5个频道:主页,三国杀手绘,三国杀视频,三国杀教程,心得攻略和faq常见问题。每一个页面是重新开一个网页。如下图:

网站整体色调为浅蓝色,然后点缀其他不同的颜色相配,突出主题,颜色没有过多,过杂,用以避免给人一种杂乱的感觉。版面设计十分灵活,根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是用c设计一个样式,以保证随时、准确的调用。另外,为了网页布局的协调,我加入了适当的flash透明动态图片,用以达到更好的浏览效果。

4、网站的制作工具

做网页时主要使用的是Deamweaver mx2004。另外,为了处理网页中的其他元素,还使用了fireworks,photoshop cs3等软件。

5、制作网站的网页

素材、风格、模板都设计好以后,下一步就是具体的制作网页。制作网站时,首先要做的就是站点的规划,建立一个本地站点“lixiaolian”,建立的各个页面都应该放在本地站点中,在网页制作时所需的各个元素都进行了统一的管理,建立统一的文件夹放同一类型的文件,我在制作时建立了“photos”文件夹来存放图片。同时,由于“相册”页面中的信息太多,于是建立了一个专门的文件夹存放相册信息,网页中的c 样式文件也应统一管理,做到有条不紊,我设计的网站的首页如下图:

我的主页插入了一个flash动画,用以给浏览者好的视觉享受。导航栏我用层插入相关链接的菜单栏,一方面为了布局合理,弥补左下角的空缺,另一方面给浏览者提供放表的导航,点击其中任意一个都会连接到其他网页。

主页的页面整体美观漂亮。最后,还要制作各个页面的链接,把整个网页链接起来,形成一个统一的整体,方便浏览者进行各个页面间的跳转。

6、上传测试网站

网页制作完毕以后,要进行反复的测试,保存后在IE浏览器上反复运行自己的网站,用以发现设计中的缺陷并及时改正。

四.设计特色

我觉得我的网页设计的最大特点就是色彩淡雅,布局协调,结构清晰。观之,给人以清丽,纯朴的感觉。另外,设计过程中使用了大量的网页特效,如:层效果、flash特效等。

五.心得体会

第一:我非常感谢学校给了我这次制作网页的机会,通过这次实训,我学到了很多有价值的东西。我独立的完成了网站设计的全过程,把设计中散乱的网页链接成框架体系,使平时学到的知识点有了很高的提高,并且合理的在试验中进行了实践。

5 第二:在这次实验的过程中,我搜集了大量的素材和网页设计的技术技巧方面的书,扩大了知识面,给我在以后的设计过程中能博采众长,制作出好的网页打下了基础。

第三:我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号;

第四:我现在已经熟练使用超级链接,合理使用列表;第五:我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后,我感受最深的是:要想做好一个网站,素材和技能都十分重要。好的素材需要多方查找资料,可以从图书、网站和新闻上查找。好的技能需要不断的实践,经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。

推荐第4篇:网页设计心得体会报告

网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:

1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。

页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

下面简单介绍下网页设计的理念和要点。网页设计理念:(1)内容决定形式:先把内容充实上,再分区块,再定色调,再处理细节。(2)先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。(3)功能决定设计方向: 看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。 网页设计的两大要点是:整体风格和色彩搭配。

一、确定网站的整体风格:

1、将标志logo,尽可能的放在页面最突出的位置。

2、突出标准色彩。

3、总结一句能反映网站精髓的宣传标语。

4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配:

1、用一种色彩。指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感。

2、用两种色彩。先选定一种色彩,然后选择它的对比色。

3、用一个色系。就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:

1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

推荐第5篇:网页设计实习报告

一实验目的

1.学习html语言和dreamweaver,frontpage等工具

2.掌握在本地环境下运用asp技术实现一个简单的电子商务网站

二实验的方法和原理

三实验过程

1.资料的搜集。

组长分配任务,大家从网站上搜集各种关于手机的资料。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。

3.构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

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

6向静太网页插入动态效果

四实验心得

在经济迅速发展的今天,internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习,让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

近三个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。

推荐第6篇:网页设计心得体会报告

网页设计课程心得体会

网页设计心得体会报告

初期的网站都是由静态网页组成,网页中只有文字、图形、图像等,用户只能被动的接受这些信息。那时的web页面的核心是HTML,它编写很方便,不要求有特定的语言环境,可以有任何一种编辑器写好(如word、写字板、记事本),然后可以放到浏览器观看结果。现在HTML已经有很多专门的编辑软件,如Frontpage、Hotdog、Dreamweaver等。

HTML的历史最早可以追溯到20世纪40年代。在1945年,Vannevar Bush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想,并在文中给出了一种能实现信息关联的计算机Memex的设计方案。随后经过一系列的发展研究,1989年Tim Berners_Lee对SGML做了大刀阔斧的简化和完善,穿凿了最初的HTML,并用它在自己编写的图形化Web浏览器上看得到最早的web页面。

网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:

1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。

页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的,它突 1

网页设计课程心得体会

出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

第一次自学这种网页制作方面的知识,刚开始有点无力,随后边看书边在电脑上试着操作,基本掌握了相关知识。

下面简单介绍下网页设计的理念和要点。

在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先,要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成了,

下面要开始的便是优化工作,

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站

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

如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片,Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

网页设计理念:

(1)内容决定形式:先把内容充实上,再分区块,再定色调,再处理细 2

网页设计课程心得体会

节。

(2)先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。

(3)功能决定设计方向: 看网站的用途,决定设计思路。商业性的就要

突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

网页设计的两大要点是:整体风格和色彩搭配。

一、确定网站的整体风格:

1、将标志logo,尽可能的放在页面最突出的位置。

2、突出标准色彩。

3、总结一句能反映网站精髓的宣传标语。

4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配:

1、用一种色彩。指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感。

2、用两种色彩。先选定一种色彩,然后选择它的对比色。

3、用一个色系。就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:

1)、不要将所有颜色都用到,尽量控制在三至五种色彩以内。

2)、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

通过学习,静态网页的制作可以概括为5个部分:

1、网页素材搜集与制作

即网页中一些图像的处理与动画的制作。

2、网页版式设计

规划各元素在网页中的位置按大方关系和表现方法,合理安排图像、文本等元素,是网页布局合理,美观大方。

3、文本编写

自己的网页中需要大量的文字材料,这就要在网页编辑器中用HTML语言中的标签编写,也可以利用网页编辑工具的相关功能,直接写入文字。

4、处理网页之间的关联

这主要是建立合理、高效的网页导航系统。

5、网页发布

主要是将建设好的网页上传到服务器中供用户浏览。

虽然知道网页制作的基本过程,但对其细节还点朦胧,特别是网页中图像及动画的制作处理。有时候一个网页得处理好几次最终才能成功显示。想来我们对于此项处理还是不够熟练、敏感,以后还要多加练习,并对其细节做以仔细研究,日后必可下这一巨石!

在21世纪,信息技术的发展保持着强劲的势头,信息千变万化。而网站则提供了展示这些信息的平台。有了网页,能更好更方便快捷的将世界各个角落的面孔展现在人们面前,可以使万千企业的业务展现给客户。对我们眼下最近的对于个人电脑的购买更是有利。我们可以在相关网页上找到各种信息进而避免受骗。网页使得信息快速交流,更为新时代之一大成功。

网页设计课程心得体会

是的,信息技术是当代人类社会发展最快,渗透性最强,应用面最广的先导技术。这些日新月异的新技术不仅仅改变了世界,也改变了人们的生活。而信息时代离不开信息化人才,掌握计算机的各项基础知识并提高应用能力,是信息话人才培养的一个重要环节。这是从事许多行业必备的基本技能。

当然,有关HTML的学习只是学习中的一小部分,我们还要学习更多的有关计算机各个方面的知识。只有心志坚定,行动仔细严谨才能掌握好知识。今后我们还会接触更多的东西,在计算机这片大海中,我们得一步一个脚印,为自己打好基础。万事开头难,我们要开好头!但同时在以后的学习中也要保持初有的热情与信息。未来世界,必是我们的天下。不敢放出大话说将来会成多大气候,实事求是,现在多学一点知识多掌握点技能,我们将来的路也可以宽一点。最实在的是可以找一份好一点的工作。

针对我所学的方向,这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

目前,人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识,总是习惯于语言表达方式,不知道语言表达的缺陷是片面性和抽象性,而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代,此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态,这种表达方式远远落后于时代科学技术创新和发展取得的成果,它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材,就会被书中展示的图形和图像所吸引。由此看来,作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术,通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学,只有这样做才能使哲学理论跟上时代发展的步伐,真正做到与时俱进。

从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到,逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高,就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌,它同时也改变了人类自身固有的静态思维模式。在当今时代,老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。

从框架结构、层次关系和语句之间的嵌套关系中,我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来,那么,语言逻辑就是人们在日常生活和工作中使用的逻辑规则,例如刑侦逻辑,它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性,可见,强调无矛盾的同一律是语言逻辑的特点:思维和存在二者直接同一是语言逻辑的属性,表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。

本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风 4

网页设计课程心得体会

格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在intenet领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。

一.充分发挥动手能力

作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平

在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。我从最初开始运用frontpage设计网页,到后来运用dreamweaver、flash、fireworks等网软件设计网页,完善网页。在这个过程中,我通过自学教材、上网查询,学习了dreamweaver、flash、fireworks等网页软件的应用,学会了管理、维护自己的站点,以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。

三.不足之处

由于平时工作比较繁忙,学习时间比较少,对于网页设计软件的强大功能运用得还不够。在网页设计过程中,由于没有网页制作代码的知识,所以在设计时也遇到了很多麻烦,有时插入一个特效脚本也是很麻烦。在网页制作过程中,想提高设计水平,想有个理想的网页,必须学会代码的运用,我将在以后的学习过程中不断加强这方面的学习,希望老师能简单介绍一下代

码,让我也对它有个初步的认识,以后再加强学习也才会有所提高。

在将后的学习中,我们应该为自己制定一项计划,照计划行事,争取早日成才,做一个真正有能力、有底气的大学生。

班级:132055206 姓名:程亚

日期:2015.12.29 5

推荐第7篇:网页设计心得体会报告

心得体会之网页设计

网页设计心得体会报告

网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:

1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。

页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

- 1心得体会之网页设计

计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

- 3 -

推荐第8篇:网页设计实习报告

利用asp设计网的实习报告

今年11月,我在超想电脑公司实习,本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计,此软件采用asp开发。本人在此过程中主要参与了用asp进行网设计,包括新闻栏的创建和自动更新,以及公告栏的创建、使用和维护。通过本次设计,使我更加深入掌握了asp网设计的技巧。下面就是本人在本次实习后的心得。

asp是microsoft公司推出的一种用以取代通用网关接口的技术,英文全称active server pages。它是一个web服务器端的运行环境。asp本身包含了vbscript和javascript引擎,使得脚本可以直接嵌入html中。现将我们在asp运用过程中的几个小技巧与大家分享。

一、新闻栏

大多数网上有新闻栏,用以显示最近新闻的主题,点击此主题即可查看详细报道。倘若每天都一条条写在网上,再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢?

1.预备工作:

1)建一个文件夹,起名为

推荐第9篇:网页设计实习报告

实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的 基本思路和应用开发能力,提高我们的计算机文化素质。

网页是世界上最有价值的不动产之一。人们在这个不足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等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。

四.网页的调试

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

总结:在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的网页,你们的地位就是平等的。经过这周的相关学习,我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率.一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据传递,数据存储以及系统维护等.自己还有许多要学习的地方。

推荐第10篇:网页设计报告封面

亳州职业技术学院信息工程系

网 页 设 计 报 告 书

2010/2011 学年第 1 学期

设计题目:悲伤定格

年级专业:09计算机应用2班

学生姓名:王劲

指导老师:张继美

《个人主题网站》设计报告

制作人:

王劲

,班级:

09计算机应用二班 ,成绩:

一、网站规划

1、需求分析:阐述为什么选择该主题方向及实际意义等

现在已经是个新世纪,一切都是网络化!人们足不出门就能知道很多事情!所以在网上有一个自己的个人网站是很有必要的,一是让自己也成为新时期的人,不被淘汰!重要的是让更多的人能了解自己!或许有合适的交个朋友,所以选择了个人网站作为这次的主题。

2、同类主题网站的设计分析:

在网络上观察了好多在个人网站中其实不拘束于什么形式,主要就是突出个性,要有点睛之处,布局方面可以随意。

3、网站的功能定位:

全面的解析自己,生活,习惯,爱好等!使浏览者观后能更加了解自己,也表现出自己的特色之处。

二、总体设计

1、栏目设计:

经过慎重考虑将网站分为五个方面分别是说说,相册,文笔,个人简介,和爱好集!分别细致的解析让更多的人了解!

2、导航设计:

本站导航是在整个网页的左边,使用框架把标题和导航都定位在固定的位置上,而其他的链接则分别链接显示在框架中!这样增加了浏览者的速度了,也能提升整体的性能。

3、总体风格(布局,色彩搭配,色调,图片风格等):

总体风格为暗黑色,烘托出一种伤感气氛,加上伤感的背景音乐,更加的让气氛浓烈,整体使用框架来完成,简便设计!色调为伤感色,图片风格除自己拍摄外也是来自网络伤感图片。突出主题《悲伤定格与我心永恒》。

4、首页及内页布局设计:

首页分为上为标题,左为导航右为主题显示窗口。每个二级网页均显示在这个浮动窗口中,框架的设计独特在于此处。

5、网页间的链接关系:

每个网页都是可以相互进入的,他们是互通的。每个二级页面上方都有小导航,显示当前位置,这样让浏览者更加清晰。灵活的连接到各个页面的转换。

三、任务分配

组长和组员每人负责哪部分工作,最好制作任务分配表。如果一人独立完成,该部分可省略。

四、技术方法

本网站主要使用浮动窗口来完成的,使用CSS进行美化。使用PS进行图片的一些处理。运用了一些小的脚本,添加透明FLASH。由于本站技术方面牵涉不是很多都是学过的,所以在技术方面存在一些什么障碍。但为了适应以后的.NET开发还应多多实现动态更新方面努力。

五、总结

总结个人的收获和不足,团体合作要注意的问题,关键难题的解决等。

个人总结

在自己制作这个网页之前,自己想了很久,确定不下来主题,最后还是明白自己最了解自己。最终确立以个人主页为这次网页制作的主题,来完成这次的网页的制作与布局。

在制作网页的过程中,处处碰壁,又因我用的是框架来布局的,在网页的边缘老是出现间隙的问题,在求教我的朋友和老师过程中慢慢的去克服困难,在网络发达的当今时代,网络的资源很丰富,通过网络获得很多想不到的灵感与素材,但是我的个人主题完全是自己所想,包括里面的很多素材:文笔,相册等都是出自自己的手中,很少借鉴网络素材,但是网络确实也帮了我很多。

通过这次网页制作,我真正明白什么事情都要自己去努力坚持,所有的一切都是自己追求的目标,在制作过程中,遇到的代码出错,框架大小不一,链接的出错。它不是随便的布局颜色的随意,他有着严格的标准,例如一定要使用网页安全色等!这些都是要注意的。在不断的预览检测中去改正,慢慢的去习惯反复的去发现问题改正问题,在熬了几个夜晚,制作出这个网页,虽然简单了点,但是我觉得它是属于自己的。

在这大二的一学期里,我觉得专业课的重要,在专业课上我遇到很多困难,但是还是得去面对,通过这次实训,也可以说是考试内容,确实比较困难,可是最后我还完成了我的个人主页网站作品,我自己的努力我自己的东西,虽然很多人的网页风格很美丽很好看,但是每个人的想法不一样,我只想做自己的独一无二。因为自己的想法才是最真的。

结束了这次的网页设计实训。我学到了很多,在做学问的同时,做人更重要。

六、参考资源

1、本站的一些伤感图片来源于百度图片,其他是本人自拍而来。

2、主要技术参考为网络查询,视频教程。

3、在制作完成本站后才真正感觉到一个网站的不易,它不是随便的布局颜色的随意,他有着严格的标准。例如一定要使用网页安全色等!这些都是要注意的,静态网页这方面没有多大的难度,随意在本站完成还算顺利。

4、参考教材《网页设计与制作教程》。

第11篇:网页设计实习报告

思科信息学院

专业实习报告

专 业:班 级:姓 名:

关于网页设计与编辑的实习报告

一、实习目的

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

鉴于自己对未来的职业生涯的规划更倾向于设计,这和自己所学的专业不是

十分有联系,所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作,为以后求职之路少走弯路做一定的尝试。

(二) 在实践中查漏补缺

在学校学习的网站建设知识仅仅停留在平时的作业里,并没有得到充分的运

用。希望可以藉由这次实习,好好巩固书面知识。在实际运用中通过发现问题,解决问题对知识进行查漏补缺。

(三) 在工作中打磨自己

由于学校和社会是截然不同的生活、学习、工作氛围,在工作中我们不可以

像在学校一样随心所欲,待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里,和同事上司的相处中获得这方面的成长。

二、实习内容

(一) 实习主要内容

广州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和c

1)这个任务简单来说就是架构网页框架和完善里面的文本主体。里面涉及很多文本,我觉得既然有具体的设计稿就一定保存有文案,所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是,让我重新输入文本可以帮助检查错误,同时可以让我更熟悉公司的产品和网站的主要内容,对我后面的工作有帮助。顿时知道,一个实习生想到的东四是多么的肤浅,对经理工作上的态度更是肃然起敬。

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

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

1)由于自己并没有专门学过banner规范和设计方面的专业知识,有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大,但是觉得经理让我去做,就是相信我的能力。所以我也没有慌,按照自己的节奏和需要边学边做。

从整体了解主题:自己找了多个类似的企业网站作参考,通过总结企业网站

中,几个主要的栏目在网站上具体意义,体会这对应的几个栏目banner的设计意义。

思考配色与构图:对整个内容有了一了解后,便要思考作品的色彩和具体的

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

查找素材:素材这个问题我总结了一种思路,电脑里下载一些专业的“科技

信息”图库。另外配合专业在线图库网站(通常是国外站点)+Google,百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材,选择是非常大的。最后就是不断地观察对比最终效果,看哪几张banner图片更适合整体网站。

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

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

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

于是在经理没有给我严格期限的时候,我选择了按照自己的思路去修改文案,

把多余的文字删掉,根据公司的优势修改出精简的几点,变得更有条理更有重点。

这只是对文案的初步处理,接着根据几个要点用Photoshop处理几张概念配

图出来,将公司寄存柜的技术水平之领先,应用领域之众多,销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成,花的时间虽然多,但是最终的效果得到了经理的肯定,对网站的宣传作用起到了很好的帮助,这都是值得的。

三、实习体会

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

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

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

其实在高中甚至到大学,老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里,因为无意和粗心犯下的错误,才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误,正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情,我们都要养成习惯,以细心认真的态度对待。

(二) 主动思考的重要性

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

(三)、沟通的度要把握好

工作过程中有许多时候需要和经理进行沟通,但是我在沟通的度上没有把握

好。好像仗着自己是只做几个月的实习生,有些提建议的话没有用比较适合和委婉的语气表达。虽然经理没有明说,但是我自己意识到了。有些时候工作交接的时候,自己并没有很清楚细节,但是问太多又怕打扰到经理的工作,导致最终工作也没进行好。所以这个沟通的度要把握好。该问该说的都要说出来,只要是会影响到工作质量的都要礼貌地说出来。这样才是真正地为公司好。

总之,这次实习,自己确实学到了很多也成长了许多。在实习期间,每日重复单调繁琐的工作,时间久了容易厌倦。但是工作简单也不能马虎,你一个小小的错误可能会给公司带来巨大的麻烦或损失,还是得认真完成。这段时间,我看到了自己本身存在着许多问题,也会遇到这样那样的问题,当前的时代日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需再加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后的工作存储更多的能力。

第12篇:网页设计实习报告

姓名:王明霞

学号:40

班级:10市场营销

实习时间:第十三周

实习地点:S-B205机房、句容部分乡镇店铺

网页制作实习一周心得

一个星期的网页实训课结束了,可以说学到很多以前没有学到的东西。 每一天都有新的内容要学,让人感觉很兴奋,很高兴,恨不得马上就把它给学会。通过这次实训使我更熟练掌Dreamweaver、Photoshop等软件的功能和应用。不但如此,更增加了同学间的友谊,陪养了彼此间的团结。

实训第一天,老师选了代表出去采集店铺的资料作为网页的基本素材,并收集各个店铺的基本资料。如店铺名称、商品名称、服务项目、联系电话等。

首先我自己要做的就是要选择好题目和网站的风格,之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了茗苑茶叶网站的一些特点,借监网站的优秀之处,不好的地方在自己的网站上加以改良,从而使自己的网站更加美观。

在选择好题目和网站的风格之后,我就开始了实训项目的进程,按照实训方案的规定,先是将网站的总体策划在脑子里有个大概的描绘,在相应的时间段找相关的素材,搜集与主题相关的文字、图像等。再是设计网站的内容结构、目录结构和链接结构,设计首页及其页面的版式结构。在这期间,每一天老师都会指点我们,首先是网页素材的准备,在网上查看一些网页背景和背景颜色搭配,让我了解到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来进行策划,在做首页之前,先用利用Photoshop把网页的结构画出来,再切割图片,把它们导成Html格式在Dreamweaver中进行进一步的编辑。在此次网站的设计与制作过程中,难免会遇到过各种各样的问题,这毕竟是第一次独自设计网站、制作网站。但值得高兴的是:在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果。

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

2011年11月24日星期四

第13篇:网页设计实践报告

中南大学

本科生课程设计(实践)设计报告

(大学计算机基础)

题目

学生姓名 指导教师 学院

专业班级

学生学号 栀子花开xxx xxx xxx学院xx工程xxx班 xxx

计算机基础教学实验中心

xx年xx 月xx日

目录

一、任务内容.............

3二、设计的步骤................

3三、采取的方法与手段...............

5四、遇到的问题与解决的办法............6

五、总结...............7

一、任务内容

原计划打算以“植物”为主题,在设计过程中发现范围过于宽泛,无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历,经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为

一、栀子花的文化,

二、栀子花的种类和生长特性以及

三、我的栀子花三个模块。

其中,模块一使用幻灯片进行演示,主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示,让他人对栀子花有所了解。

二、设计步骤

一、构思

首先,对栀子花的种类进行简单的介绍;其次,对栀子花的文化内涵进行简要描述;最后,展示自己种植的栀子花成果。因此,此次作业共由三部分网页【

一、主页、

二、栀子花的种类和生长特性、以及

三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成,主要介绍了两类栀子花——大叶栀子和雀舌栀子,更加便于了解。

二、取材

主要从网络上获取所需的图片、音乐等关于栀子花的素材,其中部分照片从个人相册中获取。

三、设计

(一)网页设计

模块

一、栀子花的文化以及模块

三、我的栀子花采用网页设计。

在首页添加表格,在表格内增添标题栏以及字幕,增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接,与三个模块进行连接,便于翻阅。

在模块二中采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分,对栀子花进行概述和分类描述。插入图片,便于直观的了解各个种类的栀子花。其中,各个种类的栀子花展示位于网页模板的右方,在左方进行总说,并通过超链接与栀子花的分类说明建立联系。

在模块三中,通过绘制表格对网页进行大小不同的划分,插入栀子花的图片拼接成整个网页。

(二)幻灯片设计

此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明,未对幻灯片进行大量的美化和修饰,主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。

(三)flash设计

此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。

四、美化

(一)添加背景音乐

在主页以及各个模块中均插入了背景音乐。

(二)设计网页过渡

(三)添加超链接

三、采用的方法与手段

(一)使用Frontpage制作网页

单击新建网页可选择新建空白网页或其他网页模版。

单击表格,选定绘制表格或布局表格或单元格即可绘制单元格。

选定单元格,单击鼠标右键选定背景即可插入背景图片。

选定网页,单击鼠标右键,选定网页属性,浏览格式即可添加网页背景。 选定单元格,即可输入文字。

选定插入,选择插入图片或艺术字即可插入图片或艺术字。

选定插入,选择交互式按钮,即可插入字幕。

选定格式,选择网页过渡,即可设计网页过渡效果。

(二)使用Powerpoint制作幻灯片

单击鼠标右键,选定背景,选定其他填充效果,浏览选定图片即可添加背景图片。

单击插入,选择图片,即可添加图片或者艺术字。

选定文字,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定幻灯片,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定艺术字,单击鼠标右键,选择自定义动画即可添加自定义动画。、

(三)使用Flash制作动画

单击插入新建元件,即可进行元件的编辑。

单击15帧或30帧,单击鼠标右键,选择插入空白关键帧。

单击第一帧或第15帧,选择补间,选择形状或动画即可。

(四)其他

单击鼠标右键,选定背景,选定背景音乐,即可插入背景音乐。

选定图片、艺术字或文字,单击鼠标右键,选定超链接,即可设置超链接。

四、遇到的问题与解决的办法

(一)、网页制作中遇到的问题与解决方法

①、绘制表格完成后,因部分表格过小,难以选定——先在表格内输入部分字符,即可方便的选定单元格。

②、获取的图片素材或大或小,在设计背景图片时,使背景图片看起来过于混乱——事先将图片放大或缩小到一定尺寸,然后设定为背景图片即可。

③、在添加背景音乐时,无法添加mp3文件——单击鼠标右键,选定网页属性,单击背景音乐,手动输入背景音乐的mp3文件名即可。

④、添加背景音乐完成后,在浏览网页过程中出现多首背景音乐同时播放的情况——原因是因为在网页模板设计时,在标题栏网页也添加了背景音乐,造成了背景音乐的播放的混乱。删除即可。

⑤、在模块二,希望能够添加弹出窗口便于介绍各个栀子花的特性——通过添加网页模板实现了在一个网页的部分区域实现不同网页的展示。

⑥、在网页模板上返回主页时,无法返回整页的主页网页——单击鼠标右键,选择超链接,选择目标框架,选择整页框架。

⑦、在打开网页上后,发现网页未能显示图片——未将网页与图片同步保存,导致无法显示图片。同步保存即可。

⑧、浏览图片时,发现无法打开超链接——原来在设置超链接时将路径设置成了绝对路径,改为相对路径即可。

⑨、无法插入Flash文件——事先应将制作好的Flash文件发布,单击插入,单击图片,单击Flash文件即可插入Flash文件。

(二)、幻灯片制作中遇到的问题与解决方法

①、设置背景音乐完成后,播放幻灯片时,单击鼠标后音乐才播放,再次单

击鼠标时,音乐就停止播放——单击鼠标右键,单击背景,单击音乐播放,单击选择为第一张幻灯片前开始,第四张幻灯片(最后一张幻灯片)结束后结束即可。

(三)、Flash制作中遇到的问题与解决方法

①、在场景中即设计元件,无法单独设计元件——单击插入,单击新建元件即可。

②、无法插入图片——单击文件,单击导入,选择图片导入到舞台即可。 ③、无法循环播放Flash——单击控制,选择循环播放即可。

④、设计完成后发现是无效帧——需设置空白关键帧而不是关键帧。

五、总结

通过三周的网页设计,深深体会到了动手实践操作的重要性,在以往的课堂上,单单只是听老师讲解制作要点,看老师制作过程,但只有通过自己的实践操作并从中发现问题、解决问题,才能真正了解和掌握学习的内容。

在网页设计中出现问题是免不了的,但是出现问题后一定需要自己想办法解决,通过询问同学,查找书籍或者在网页上搜索都可以,但一定要自己主动地去寻找答案才能解决问题。

在网页设计过程中,很多问题的出现都是因为在细微之处出现了错误,要想较为顺利的完成网页制作,按照程序一步步来是十分重要的。同时也要细心,不能凭主观臆断来进行制作。切不可急功近利,应根据自己的能力进行网页设计,否则,画虎不成反类犬。

第14篇:网页设计实习报告

一、确定网站主题

网站主题就是要建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题,网页设计实习报告。特别是对于个人网站,不可能像综合网站那样做得内容大而全,包罗万象。我们没有这个能力,也没这个精力,所以必须要找准一个内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是客户感兴趣的,任何内容都可以,但主题要鲜明,在一定的主题范围内,内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让客户的网站有血有肉,能够吸引住用户,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,而只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我在以后会有详细介绍。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如photoshop、photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如需要有声有色的效果,网上有许多这方面的软件,可以根据需要灵活运用。

五、制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作,实习报告《网页设计实习报告》。 所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

六、上传测试

网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTp功能,利用这些FTp工具,可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把网址告诉给朋友,让他们来浏览。

七、推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的人认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。还有个是我们公司的特色,在网上推排名,这个宣传效果也很显著,人们只要输入关键字最先看到的链接,则就是我们公司推上去的链接,很好用,访问量大大提升。

八、维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者

通过目前的实习,在设计方面我感觉自己有了一定的收获,也为了我今后在工作及业务上能力的提高起到了促进的作用,增强了今后的竞争力,为能在以后立足增添了一块基石。

但我也认识到,要想做好这方面的工作单靠目前几月的实习是不行的,还需要我在平时的学习和工作中一点一点的积累,不断丰富自己的经验才行。我面前的路还是很漫长的,需要不断的努力和奋斗才能真正地走好。

第15篇:网页设计实践报告

中南大学

本科生课程设计(实践)设计报告

(大学计算机基础)

题目

学生姓名

指导教师

学院

专业班级

学生学号 孙燕姿 刘辉 李小兰 资源与安全工程学院城市地下空间工程0701 020207011

3计算机基础教学实验中心

2008 年 1月21 日

《大学计算机基础》计算机实践任务书

班级:城地0701 时间: 19(周) 2008-1-21(日期)指导教师: 李小兰

一、计算机实践的任务、性质与目的

计算机实践是在学完《大学计算机基础》课程后,进行的一项综合实践。在实践当中学生应综合《大学计算机基础》课程的思想方法和知识点,设置一个网站,并在网站上发布一个综合内容的网页。通过《计算机实践》更进一步深入了解和掌握各种应用软件的使用操作及综合应用,重点在培养学生自学计算机应用软件、开发应用、动手和创新能力。

二、计算机实践的配套教材

建议选用:

1.《大学计算机基础》,高等教育出版社,主编 蒋外文刘卫国;

2.《大学计算机基础学习与实验指导》,高等教育出版社,主编 施荣华 王小玲。

三、计算机实践的内容及要求

1.学习掌握HTML语言和网页制作软件FrontPage 2003,制作网页;

2.学习掌握中文演示软件PowerPoint 2003的操作及使用,并用此软件设计一份综合演示报告(如:某公司的产品介绍;我校各专业介绍;学生简历等)挂在网页上;

3.对于网页和幻灯片的页面修饰要求用自己制作的动画、图形、图像;

4.对于网页页面要求至少3个页面(使用超链接),网页中的内容与学生所选主题相关;

5.对于PowerPoint 2003制作的幻灯片要求至少有5张,幻灯片中的内容与学生所选主题相关;

6.学习网站的设置和网页的发布,分门别类地放置在相应的文件夹中,规范网页文件名和素材文件名,网站的首页应取名为index。

作品存放在一个文件夹中,以学号(学生卡上的学号)为文件夹名。

7.用Word字处理软件撰写出相应的计算机实践报告论文(字数要求:2000字左右)。

四、考核方式与评分办法

1.出勤考核成绩占总成绩的20%;

2.设计成果评价占总成绩的 60%;

3.计算机实践报告评价占总成绩的 20% 。

4.成绩册成绩评定方式采用百分制。

计算机基础教学实验中心

2006年11月4日

孙燕姿

一、任务内容

所有内容都是围绕孙燕姿展开,有关于孙燕姿的家庭,爱情,朋友,个人喜好,以及她出道7年来的专辑和获奖情况。

二、设计的步骤

我的主题就是孙燕姿这一个明星,因此我只设置了四个网页(包括一个主页),主页相关的三个链接分别有姿之歌(关于专辑),姿之画(关于动画)和姿采弥漫(燕姿的风采),其中姿之画网页中加入PPT的链接,在姿之画网页中专门放置flash,在姿之歌网页中加入word的链接以详细介绍燕姿的专辑风格,在主页中添加背景音乐(孙燕子的歌曲),在专辑中串入一个 flash。

我的所有材料都设置在以我的学号和姓名为名的主文件夹下,以一个以index为名的文件做为主目录,下面又分别设了七个子目录,分别将我使用和制作的内容分为了七类:index.files,flash,powerpoint,word,声音文件,文字及图片。

三、采取的方法与手段

实验过程中主要使用了Frontpage,Powerpoint,Flash三个程序,有时也使用了图象编辑器,对于素材的来源则几乎都是从网上下载的,另外在制作过程中觉得对孙燕姿了解不足,在图书馆借了一本关于孙燕姿的书,从中汲取了很多关于她的信息,大受裨益。具体制作过程如下:

1) 在插入背景音乐时,本来是不可以插入mp3格式的音乐,但是通过研究我直接将音乐的扩展名添加到路径中,这样Frontpage就可以识别我所插入音乐的路径,使得观看网页的同时也可以欣赏到孙燕姿动听的音乐《我要的幸福》。

2) 对网页进行整体布局时,我先插入表格,然后调整其大小,在制作网页的过程中,发现图片及文字的位置总是在单元格的中间,并不如意,我就通过多次的拆分单元格以使界面上的文字和图象以及背

景图片完美的结合在一起。为了在布局上符合孙燕姿的独特风韵,我在使用背景或者字幕的颜色时,都是使用了孙燕姿最喜欢的黄色。

3) 在制作网页中,我大量使用了Web组件,特别是在各个网页之间进

行链接时我采用了交互式按钮,从而使得各个网页之间能够连接自然,同时还设置了悬停效果,使得网页更加好看。

4) 由于没有学会制作动态网页,但是为了达到动态的效果,我特意设

定了一个专用于展示flash的动画网页(姿之画),在这个网页上我一共放置了四个flash,让他们同时播放,给人一种不一样的感觉。

5) 我的整个PPT是一总分式的思路,第一页就象一张封面,第二页是

对所有内容的总领,列出了下面所有幻灯片的主要内容,并且设置了和相应的幻灯片的链接,从而使所有的幻灯片形成一个有机的整体,这就是我的PPT大致框架。

6) 制作PPT时,我引入了大量的图片,包括背景图片,主要以图文并

茂的形式介绍了孙燕姿的个性、爱心、家庭、男友,同时合理的搭配PPT中的各种各样的动画效果,让孙燕姿自然的走入观看者的心中。

7) 我发现PPT中文本的布局相当单调,因此我很少按它的布局进行编

辑,而是在它的基础上添加文本,来是使我的布局更加的多样化,设计也更加灵活,自如。

8) 另外,我在PPT也设置了和主页的超链接,同时也穿插一些动作设

置,加强各个幻灯片之间的联系。

9) 在flash的制作中,我基本上都是在使用课堂上学的技巧,遮罩层,

时间轴特效等等,其中,我将多个图层同时使用时间轴特效,并设置时间差,形成‚我爱孙燕姿‛五个字交错放大,效果很不错。

10) 另外,在使用遮罩层的时候,我通过改变一个普通图层的属性使得

在一个遮罩层下面有两个被遮罩层,大大加强了图层的灵活性。

11) 出于对千千静听歌词秀上的滚动效果的兴趣,我用flash模仿了这

种文字滚动,并在歌唱的部分高亮显示,尽量使其与歌词同步。

12) 最后制作了一个让孙燕姿的照片滚动框,这种效果虽然简单却很好

看,我直接把flash的背景调到很小然后让所有要滚动的图片排列在一起,从背景那一小块上滚过,滚过的时候由于背景小就只能看到一到两张图片,这样就形成了图片滚动效果,这个flash占据空间狭小,却很好的增加了网页的色彩。

四、遇到的问题与解决的办法。

在制作网页初期,由于对frontpage没有很好的了解,所以在开始的时候不仅效率低,而且常常出错,后来我通过对相关资料的研究逐渐解除了心中的疑惑,并大胆构思,大胆尝试,初见成效。

1) 刚开始最大的问题就是图片显示不出来,有时候把文件名改了一下,

或者换了一个文件夹储存都会导致图片无法显示,后来经过分析和多次实验,才知道任何图片的显示都是依靠我们在保存和刚开始设计好的路径来寻找来源,从而显示图片,所以在后来制作的过程中,一旦插入了图片保存好路径之后就再也不去更改它的任何信息(也就是让它的属性保持不变)。另外,我还发现,添加了主题背景了之后就不能在上面添加图片了,所以要在设置主题之前把图片都插好。

2) 在设置背景图片时,会发现图片太小的话,背景就变成多张重复的

图片拼凑在一起,很不美观,所以我使用图片编辑器对背景大小做了调整,使得背景和网页内容可以很好的融在一起。另外我还利用图片剪辑得到了孙燕姿的个人签名(一般找不到她直接签名的图片,所以我就从有她的签名的照片上剪辑出来),使用孙燕姿的真实签名比使用艺术字更具有真实感和美感。

3) 虽然在制作设计PPT时可以选择大量的效果,但有的时候还是觉得

它所提供的效果不太理想,所以常常不断的更改效果寻找我所需要的效果,后来才发现,PPT中所提供的效果是可以自己编辑的,在自定义动画的界面上,可以改变动作的方向,顺序,动作的背景音乐以及动作次数等等属性。

4) 在制作flash最先遇到的问题是当我使用多个层的时候往往前一个

层的内容会影响下一个层的设计,使得多次实验都不得成功,通过询问同学学会了锁定层和隐藏层,这样一来,多个图层的操作变得

格外地得心应手。

5) 在制作‘照片滚动框’的动画时,遇到了一个相当棘手的问题,这

个问题看似很简单如果不知道,就无从下手,因为要造成图片滚动,所以需要很多图片排成一条竖线,位置又要对齐,因此在移动图片时,如果一张一张的移,工作量非常之大,我想一次把他们都选中整体移动,但是图片的长度却大大超出了窗口的大小,我尝试着使用shift键,结果可以成功地同时选中,但是即使这样还是不能一次选中,也很费事,直到最后我试了一下ctrl+A,就一下子选中所有照片,快多了,移动也十分方便。

6) 刚开始我构思了一个遮罩层运动的动画,我设计的遮罩层是一个透

明圆圈,我本来想让给这个遮罩层设置一个运动引导层,让它按我设计的运动轨迹运动,结果不行,设置了遮罩就不能设置引导层,试了好多次还是不行,没办法,我只好通过设置大量的关键帧,形成很多很小时间段的动画补间,形成遮罩层运动的效果,同时设计时要注意一点:要先设置好动画补间,最后再设定为遮罩层。设定了遮罩层之后就不可以制作动画补间了。

五、总结

 首先,我发现我的一个错误,我总以为上了机再摸索就都自然

会了,实际在这次设计过程,理论的研究对我的设计达到了点石成金的效果,所以我认为在做实验之前先要对所使用的程序有一定了解再开始,否则很盲目,自信心也很受到很大的打击。  其次,我觉得我们学的程序很多,但都仅仅只会使用它们很简

单的一部分功能,没有做深入的了解。

 最后,我认为做计算机方面的作业,最最重要的是坚持不懈不

放弃,因为我们在完成某一项任务时,往往要经历多次失败才能找到捷径,由于没找到捷径,做起来特别吃力,但却只有尝试了之后才能找到捷径,所以越是麻烦越是不能放弃,否则就永远找不到捷径,就会更加的麻烦。

 另外,感觉做计算机作业特别有成就感。

第16篇:网页设计实习报告

2012-2013年度

一、实习目的

•让学生了解网站的制作流程和基本技法;

•学会站点的规划与创建,能自己创建个人网站和简单的企业网站;•掌握静态网页的制作技术;

•了解动态网页的制作技术,了解与数据库的链接及简单的数据处理。•培养学生的动手能力、综合应用能力和团队合作能力。

二、实习要求

•按时、按地参加实习,遵守实习纪律,遵守实习场地的制度;•爱护实习场地的所有实习设备,讲究公共卫生;

•做好实习笔记和实习记载,切实掌握实习的每项内容;

•认真填写好实习报告、实习总结。

三、实习形式

1、主要复习网页制作的基础知识;

2、应用所学设计网站,可分小组进行。

一实验过程

 资料的搜集.

熟悉制作软件.

构建站点框架.

打开Dremweaver后步便是新建站点

4设计主页及二级页面.

5实现网页间的链接

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

 6向静太网页插入动态效果

通过这半年的学习实习中 和老师的指导下以大量明晰的操作步骤和典型的

应用实例,教会我们.使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通.所以我结合所学专业的内容制作了个人网站,作为实习的成果.其内容是多样化的.制作网页用的软件是Dreamweaver , banner软件.Dreamweaver大大加速了网络时代电子交易应用中的项目交付.它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能.例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成.当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成HTML代码,或者嵌入到现有的网页中,或者作为单独的网页出现.主图是一个网页的门面,它能体现出这个网页的整体风格.

制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时

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

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

再后是收集资料与素材,大量浏览相关网站,收集关于中国的一些事迹历史

图片,好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等.

再后是设计网页图片,用flash制作网页的banner.

再后是建立站点。

再后是制作网页了,使用dreamweaver制作.

首页内容精彩丰富,简洁明快,语言风趣,通俗易懂.页面可爱清爽.首页主

要是导航作用.首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体.而且制作过程中,不忘以下原则:

简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用

户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西.使用方便:同个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档 次.当然雅俗共赏是人人都追求的.

利用我们所学的框架集,制作更完美的页面.将动态网页与静态网页结合起

来。

再后,调试过程,好多次本来在dream里好好的,把字调的好好的,位置很

对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过

再三调试,整理,加了好多表格,终于满意了,很是麻烦,想请问老师,为什么会出现这种情况啊,还有怎么解决啊,不用这么反复调整的办法,还有什么好办法啊?

还有,在最超链接过程中,明明在页面属性里设置的是超链接的文字是原色,点击链接后也是原色,可一链接上就变色了,想了老半天,也做了很多研究,实验,终于知道怎么回事了,原来应该对文字所在的单元格整体做链接,而不是只选中文字做链接.

还有,这次的网站大部分用的是表格,层用的很少,因为它太灵活了,不好控制,用的很少.

再后,是网页的上传与发布,用ftp将制作好的网站上传。

制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用,操作,可这样要修改模版可就麻烦了,要一个网页一个的修改,于是赶紧上网学习相关内容,阅览书籍,最后才知道文件这有个资源,点击进入资源面板,点击到数第二个的模版,选项,所有模版就都显示了,点击资源面板左下角的应用命令,好了,这个模版就应用到你建立的网页中去了.

这只是在制作过程中出现的问题之一,其它问题也是类似相同.现在想想,自己所会的东西太少了,现在做的网站只是一些简单的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返.以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的.因此反映出学习的还不够,缺点疏漏.需在加以刻苦钻研及学习,不断开拓视野,增强自己的实习操作技能,为以后能做出出色的网页而努力.

同学告诉我,要做好网页,一定要学从C++,JAVA,php,asp,数据库.以后要学的实在是太多了,而且我也很喜欢这方面,在以后的日子里,会努力填充自己,丰富自己的.希望以后有不懂的地方,老师能多多指点.在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用.因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视.

对于现在的社会,科技的飞速发展已经成为社会发展的标志.其中计算机的发展可谓快中之快,而在计算机的发展中计算机网络的发展又是首当其冲的.计算机网络从为我们所知,到现在才经历的短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是Internet的普及和发展,网络已经成为了不可或缺的通信手段.不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得.但是什么为这所有的一切提供平台的呢.我们又是通过什么来获取这些消息的呢——对就是网页.现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息.在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献.网页是我们在网络上的“代

言人”.我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在

这里起着重要的作用.

企业网站在企业的网络营销当中占有及其重要的地位,只要是涉及网络宣传的企业,都应该建立属于自己的个性企业网站.他不仅能够让企业在网络上展示自己的产品,促进实际销售的增长,更能够通过一根网线,向目标客户展示企业自身的形象.

对于企业网站设计的观点,偏重网站的形象设计,即在功能务实、体系完善的情况下,重点结合企业理念打造网站的形象.Logo就能很好的表现企业的形象.企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案,是企业形象识别当中最核心的环节,可用于与企业形象相关的所有环节.由于企业标志所处的特殊地位,决定了其不能够随意更换,因此能否设计一个有内涵、有文化、便于识别的标志,并建立相关的应用系统,关乎到企业长远的发展,不容小视.

建设网站的一般过程包括:前期内容确立、网站架构搭建、创意策划、设计、网站建设.网站的功能版块一般分为首页、新闻部分、产品部分、信息交流部分、定制系统、零散页面等.根据不同的企业需求,各网站的功能版块数量、布局、结构各异.网页设计跟学习别的东西一样,也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著.

学习网页设计需要耐心,如果没有耐心,就学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了很长时间才解决.

学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习

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

并且我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的.因此我提倡简单的美.

视觉形象识别即我们通常所说的VI,与BI一起用于深化表现企业理念,同时也受到BI的影响.所谓视觉形象识别,就是指能够被目标客户通过视觉来认知与企业相关的一切事物,从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等,在将其系统化以后就形成了企业的视觉形象识别系统.

视觉形象识别系统在整套CIS中处于最表层的位置,其中所有的设计都将与目标客户发生直接的接触.网页的布局通常指的是网页的整体架构,说的通俗一点就是排版.如何突出最重要的内容,即让用户眼就看到这个网页所想要传达的信息.这一点至关重要.在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型

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

2、其次就应该考虑导航条的设置了.

3、正文的框架设置

图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间..

网页制作过程中的其他注意事项

不要过于注重色彩的灿烂,只要简单就行.我们最终追求的主要是实用价值.通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效.可是总遇到这样那样的问题,但在同学的帮助和自己摸索的情况下完成了这个实习的成果.看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返.以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的.因此反映出学习的还不够,缺点疏漏.虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实习操作技能,为以后能做出出色的网页而努力.

近一个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索.从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧.这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验.这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富.这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获.总体来说这次是对我的综合素质的培养,锻炼和提高.

报告人:**

学号:******日期:*********

第17篇:网页设计心得体会报告

心得体会之网页设计 网页设计心得体会报告

网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:

1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

- 1 -

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

下面简单介绍下网页设计的理念和要点。网页设计理念:(1)内容决定形式:先把内容充实上,再分区块,再定色调,再处理细节。(2)先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。(3)功能决定设计方向: 看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

网页设计的两大要点是:整体风格和色彩搭配。

一、确定网站的整体风格:

1、将标志logo,尽可能的放在页面最突出的位置。

2、突出标准色彩。

3、总结一句能反映网站精髓的宣传标语。

4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配:

1、用一种色彩。指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感。

2、用两种色彩。先选定一种色彩,然后选择它的对比色。

3、用一个色系。就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:

1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设

- 2 -

计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

- 3 -

第18篇:网页设计开题报告

在经济迅速发展的今天,Internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习,让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足,下面就谈谈我在本次专用周的主要感受。

一、网站整体规划,要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1.讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2.定位网站的CI形象。“易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是YIFINI易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。

3.确定栏目和板块。

于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2.网站的整体风格和创意。

整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,YIEINI易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备,在本阶级主要有两方面的工作。

1.资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。

2.熟悉制作软件。

做网页主要用的工具便是Dremweaver、photoshop、Flash软件。在这些软件我对Dremweaver、photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。

三、网页制作,这便进入我该次的主题了具体制作流程如下。

1.构建站点框架。

在我打开Dremweaver后第一步便是新建站点,我把我的站点建立在F\\仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。

2.设计主页及二级页面。

在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:

简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。

交互式强: 发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3.实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4.向静太网页插入动态效果。

在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

四、网页的调试

在做完网站才发现,怎么所有的图片素材并不是在一个文件夹中,而有许多的子文件夹,从网上下载的网页全都是一个网页对应一个文件夹。制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用。而对于动态flash的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的静态的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。从我做的网页来看可以反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习,让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

第19篇:网页设计实习报告

网页设计实习报告

利用ASP设计网的实习报告

今年11月,我在超想电脑公司实习,本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计,此软件采用asp开发。本人在此过程中主要参与了用ASP进行网设计,包括新闻栏的创建和自动更新,以及公告栏的创建、使用和维护。通过本次设计,使我更加深入掌握了ASP网设计的技巧。下面就是本人在本次实习后的心得。

ASP是Microsoft公司推出的一种用以取代通用网关接口的技术,英文全称Active Server Pages。它是一个Web服务器端的运行环境。ASP本身包含了VBScript和JavaScript引擎,使得脚本可以直接嵌入HTML中。现将我们在ASP运用过程中的几个小技巧与大家分享。

一、新闻栏

大多数网上有新闻栏,用以显示最近新闻的主题,点击此主题即可查看详细报道。倘若每天都一条条写在网上,再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢?

1.预备工作:

1)建一个文件夹,起名为\"news\",假设存于D:/ASP/目录下;

2)把每条新闻的详细内容写入文件,且此文件的命名形式为:x (newstime).htm。其中x为此条新闻的主题,newstime为此条新闻发布的时间(按年-月-日顺序写)。为什么要这样写呢?看了下面的算法思想和源程序就知道了。

2.算法思想:对于news文件夹中的文件,依据它们文件名中新闻发布的时间(即括号内的内容),从大到小排序。这样一来,最新的新闻排在最上面,只要在网相应位置显示 news文件夹中最上面的若干个文件名,因为文件名的命名方式如1中所述,就可以在新闻栏中显示最新新闻了。

3.源程序段(用VBScript编写的)

<%

Dim fs, f, f1, fc, filenum

dim count

dim i,j,t1,t2

dim file(100)

dim mystr(100)\'标志文件中日期的字符串

count=0

Set fs = CreateObject(\"Scripting.FileSystemObject\")

Set f = fs.GetFolder(\"D:/ASP/news \")

Set fc = f.Files

for each f1 in fc

count=count+1\'计文件个数

file(count)=fs.getbasename(f1)\'标记文件基名

mypos=InStr(1, file(count), \"(\")\')在文件基名中的位置\'文件基名中的日期字符串

mystr(count) = Mid(file(count), mypos + 1, Len(file(count)) - (mypos + 1))

next

for i=1 to count

for j=1 to count-i

if mystr(j)

t1=file(j)

file(j)=file(j+1)

file(j+1)=t1

t2=mystr(j)

mystr(j)=mystr(j+1)

mystr(j+1)=t2

end if

next

next

j=1

if count

temcount=count

else

temcount=10

end if

do while j

.htm\" target=\"new_window\"><%=file(j)%> <%

j=j+1

loop

%>

4.新闻栏内容更新:

只要养成良好的书写习惯,使得新闻的名称遵照1的要求,再把写好的文件存入news文件夹,新闻栏就会自动显示出最新的10条新闻了。

二、公告栏

除了新闻栏之外,较常用的就是公告栏了,公告栏主要用来显示一些重要的通知。当然这些通知是要经常变化的。让用户每次更改公告内容时都到源程序里去修改吗?当然不行,我们必须提供一个维护的界面给用户,使得用户只要输入通知,网上的公告栏里自然就会显示通知内容了。

1.解决这一问题的关键在于灵活应用FileSystemObject对象和TextStream对象。在实际应用中,你无需自行建立TextStream对象,因为只要利用FileSystemObject对象打开了文件,系统便自动建立TextStream对象。也就是说,一旦调用OpenTextFile或CreateTextFile方法,便会传回TextStream对象。

2.所需相关文件有三个:更新.asp、公告.asp、维护文本.txt,把它们存入d:/ASP/maintain目录下。

3.三个文件的主要功能和源程序段:

1)更新.asp

主要功能是让用户输入欲显示的公告,检验输入内容是否为空,若不为空,则提交给”公告.asp”程序处理。

更新公告栏内容

<script language=vbscript>

function datacheck()

dim msg,errflag

errflag=true

if len(trim(maintain.t1.value))=0 then

focusto(0)

errflag=false

msg=\"请输入需提交的公告内容\"

end if

if (errflag=false) then

msgbox msg,64,\"oh no!\"

exit function

end if

datacheck=errflag

maintain.submit

end function

sub focusto(x)

document.maintain.elements(x).focus()

end sub

</script>

第20篇:网页设计实习报告

利用ASp设计网的实习报告

今年11月,我在超想电脑公司实习,本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计,此软件采用asp开发。本人在此过程中主要参与了用ASp进行网设计,包括新闻栏的创建和自动更新,以及公告栏的创建、使用和维护。通过本次设计,使我更加深入掌握了ASp网设计的技巧。下面就是本人在本次实习后的心得。

ASp是Microsoft公司推出的一种用以取代通用网关接口的技术,英文全称Active

Server

pages。它是一个Web服务器端的运行环境。ASp本身包含了VBScript和JavaScript引擎,使得脚本可以直接嵌入HTML中。现将我们在ASp运用过程中的几个小技巧与大家分享。

一、新闻栏

大多数网上有新闻栏,用以显示最近新闻的主题,点击此主题即可查看详细报道。倘若每天都一条条写在网上,再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢?

1.预备工作:

1)建一个文件夹,起名为\"news\",假设存于D:/ASp/目录下;

2)把每条新闻的详细内容写入文件,且此文件的命名形式为:x

(newstime).htm。其中x为此条新闻的主题,newstime为此条新闻发布的时间(按年-月-日顺序写)。为什么要这样写呢?看了下面的算法思想和源程序就知道了。

2.算法思想:对于news文件夹中的文件,依据它们文件名中新闻发布的时间(即括号内的内容),从大到小排序。这样一来,最新的新闻排在最上面,只要在网相应位置显示

news文件夹中最上面的若干个文件名,因为文件名的命名方式如1中所述,就可以在新闻栏中显示最新新闻了。

3.源程序段(用VBScript编写的)

4.新闻栏内容更新:

只要养成良好的书写习惯,使得新闻的名称遵照1的要求,再把写好的文件存入news文件夹,新闻栏就会自动显示出最新的10条新闻了。

二、公告栏

除了新闻栏之外,较常用的就是公告栏了,公告栏主要用来显示一些重要的通知。当然这些通知是要经常变化的。让用户每次更改公告内容时都到源程序里去修改吗?当然不行,我们必须提供一个维护的界面给用户,使得用户只要输入通知,网上的公告栏里自然就会显示通知内容了。

1.解决这一问题的关键在于灵活应用FileSystemObject对象和TextStream对象。在实际应用中,你无需自行建立TextStream对象,因为只要利用FileSystemObject对象打开了文件,系统便自动建立TextStream对象。也就是说,一旦调用OpenTextFile或CreateTextFile方法,便会传回TextStream对象。

2.

所需相关文件有三个:更新.asp、公告.asp、维护文本.txt,把它们存入d:/ASp/maintain目录下。

3.三个文件的主要功能和源程序段:

1)更新.asp

主要功能是让用户输入欲显示的公告,检验输入内容是否为空,若不为空,则提交给”公告.asp”程序处理。

更新公告栏内容

function

datacheck()

dim

msg,errflag

errflag=true

if

len(trim(maintain.t1.value))=0

then

focusto(0)

errflag=false

msg=\"请输入需提交的公告内容\"

end

if

if

(errflag=false)

then

msgbox

msg,64,\"oh

no!\"

exit

function

end

if

datacheck=errflag

maintain.submit

end

function

sub

focusto(x)

document.maintain.elements(x).focus()

end

sub

语句①中的action=\"公告.asp\"部分,指出了在form提交后要启动的程序为“公告.asp”。

2)公告.asp

通过FileSystemObject对象和TextScream对象对\"维护文本.txt\"文件进行读写操作,使得此文件最上面5行的内容为要在公告栏里显示的公告。

上述两个小技巧举一反三,可以解决很多此类问题。

网页设计报告范文
《网页设计报告范文.doc》
将本文的Word文档下载到电脑,方便编辑。
推荐度:
点击下载文档
相关专题
点击下载本文文档