网页设计实践报告（优质12篇）

通过撰写实践报告，我们可以逐渐提高自己的写作能力和思维逻辑能力。以下是小编为大家收集的实践报告范文，希望能够帮助大家更好地了解和掌握实践报告的写作方法。

网页设计实习报告

我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的.我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

一、工作介绍。

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

二、开发技术。

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用，linu+apache+mysql+php,这种lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

三、工作流程。

小组分工时，我负责后台里小模块的开发工作，如：留言板或论坛，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查。

漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。

所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

在公司进行实习工作的这段时间，我在个人技术上收获了很多，现在的我已经能独档一面了，做一些难度比较大的工作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给自己的学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变的更好，为国家为社会做出更多的贡献。

网页设计实习报告

实习目的1、通过实习，使学生加深对所学课程内容的认识、理解、掌握，达到对所学知识、技能系统化、条理化的目的，巩固、提高学习效果。

2、通过综合应用实习，熟练掌握dreamwervermx8、flashmx8、fireworks8的各项操作并能够掌握制作网页的技能，根据所学技能学以致用，解决实际问题，提高操作应用熟练程度。

知道dreamwervermx8是及网页制作和网站管理于一身的网页制作软件，它是专门为网页设计师量身定制的可视化网页制作软件，利用它可以为方便、快捷地制作跨平台话浏览的动感网业。

了解fireworks是处理图片的软件，使用它可以创建和编辑位图、矢量图形，还可以非常轻松的做出各种网页设计中常见的效果，例如动画、转换图像、导航条、下拉菜单等。设计完成以后，如果要在网页设计中使用，可将它输出为teml文件，还能输出在photoshop、illustrator和flash等软件中编辑的格式。

通过对flash的学习，掌握如何处理矢量图形，制作矢量动画，掌握如何添加音乐、时动作控制在flash内容和集成flash影片，了解actionscript脚本语言创建交换形式、在实习的过程中巩固了对前面的知识的学习，加深对知识的了解，进一步对网页设计的见解，也突出了个人的特点，运用所学的知识做出了让自己满意的作品。

四、实习内容及方法。

一、实习任务：

1、通过仔细阅读网页设计及网站规划课程教材、网上资料、教参等相关内容，加深对相关概念的理解、理论的理解、掌握、运用。

2、严格按照实习指导书的相关要求，完成了各项综合操作，并将相应图像制作、动画制作和页面设计的作品进行了保存。3、及时积极完成各项实习报告的撰写。

4、实习结果及实习项目严格按照要求及时保存、展示。

二、实习内容：

（一）、使用dreamwervermx8、flashmx8、fireworks8完成惠尔公司网站。（二）、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。

1、创建一个站点：

站点的名称就是“惠儿网站”,站点创建成功命一个首页是再下面创建了5、、、、。其示意图如下：

2、网页中的图像处理：

利用photoshop、和fireworks通过处理风景图。

在里面运用到滤镜的工具目的是让图片更加的形象逼真，处理后的图片效果如图所示：

3、布局与表格的编排：

在网页设计中我偏好用表单编排一般情况下我的布局是在一个大的表单里写很多文字插入许多图片。其版面如图所示：

1.

二级页面制作方法如法炮制。4、网页的链接。

网站中重要的就是各个子网页与主页面之间的链接，如果没连接好或者链接错误就会影响整个网站运行的效果。列如我要把产品列表这个二级网页跟主网页链接方法如下：

回到/点击页面右下方的链接文件夹，找到我要链接的二级网页。

打开/链接后我的链接字体会变成我所设置的字体颜色，这样表明我的链接成功。

预览后在主页面点击“产品列表”就会显示到我的产品列表二级页面。

其他页面方法同上。

产品列表：将“产品列表”同首页进行链接，然后预览成功！邮箱登陆：将“邮箱登陆”同首页进行链接，然后预览成功！

联系我们：将“联系我们”同首页进行链接，然后预览成功！

公司简介：将“公司简介”同首页进行链接，然后预览成功！

5、层与行为的应用。

“跟踪图像”。这个跟踪图像将作为“层”布局页面的参照对象。

2)选择“查看”----“标尺”----“显示，打开标尺”

3)选择“查看”----“网络”----“显示网络”，4）在“网格设置”对话框中，选中“显示网格”和“靠齐到网格”

5）为了防止层的重叠，需要打开“层”面板。选择“窗口”，“层”，打开层面板。

1）打开flash软件，在里面建立8个图层。并且准备一副适合做标示的图片。

2）在图层1上做1帧到160幀的普通帧、在图层2上从第十帧开始。

插入关键帧25帧结束，在第10帧上写入“同”字，在25帧上写“心”字，再回到第10帧创建补间动画。在图层3上创建帧从25帧到40帧结束在25帧上写“协”字创建关键帧到40帧写“力”字，再返回到25帧创建补间动画。在图层4上从40帧到55帧结束在40帧上写“共”创建关键帧到55帧写“创”字，在图层7上从第十帧开始插入关键帧25帧结束，在第10帧上写入“辉”字，在25帧上写“煌”依次而下做到160帧。

3）帧做好后敲击enter键就可以播放flash动画，如果想插入网页就。

按步骤走，文件—导出—导出影片，/最后点击保存。

在这里我给自己的网页设计的特效是让一行字体在来回跑动方法如下：

1）选中你要设计特效的字体选择工具栏上的标“签选择器”，“html”插入,关闭。

2）然后预览就会出现从右到左的字幕。8、控制多个影片的播放。

制作的方法：

网页分隔线可以说是网页中不可缺少的元素，它主要用于分隔网页内容也可以用于装饰网页。在网页中插入一个层，然后在层中插入一个表格，设置表格的间距，然后在表格的单元格中插入图片，设置时间轴。调出时间轴，在时间轴必要的地方添加改变属性行为，并设置层对象的属性添加行为和改变属性。

五、结论。

1、收获。

photoshop、fireworks、dreamweaver、flash的应运更加熟练.在制作网站的过程中，我们参照老师给的惠尔公司网站图片，尽可能地想把我们自己的网站做的美观、内容丰富。网页制作需要有很多的色调搭配能力和很好的布局能力，再加上自己的风格创新能力，才能做出精美的网站。在这几天的实习中，我学到无论作什么事都要有细心有耐心。尤其是在新疆停网的状态下，搜集不到素材，所以，在网页的制作上还是有一定的局限性。网站的布局上我也突出了自己的特点。尤其是在制作flash的时候老师给予了很大及时的帮助，让我在制作的时候不至于给我带来很大麻烦。同时，也希望我们能利用我们学习的知识技能更好的为学院，为同学们服务，也希望我们能够互相学习，互相取长补短，使我们每个同学能够更好的进步。

2、不足。

在实习中我发觉网站的制作过程中，1、自己脑袋里没有装东西（网站的综合布局、网页的构思和编排）。

甚至老师把作业布置下来自己还不知道该从那个地方着手很是茫然。

2、自己的阅历不够，自己的网站应该是一个怎样的网站，里面要放。

些啥内容，该怎样去组织这些内容，心里没底。

3、尤其是老师在前面教过的内容自己没有及时的练习和巩固，以至。

片都不能做出自己想要的效果。最重要的是在制作网页的时候，色彩搭配特别重要，而我自己对颜色的搭配不是很了解，感觉做出的东西老是颜色深的地方特别深，淡的地方特别淡，感觉不协调。

5、新疆停网的原因，使我们在素材的搜集上变得很被动，所以导致。

做出的东西很简单，所以我觉得，知识应用的全部全还要看准备是否充分。

6、在以后的学习中我会更加认真地去学习，去掌握这些软件的用法，便于在以后做东西的时候能更好地运用。

六、致谢。

在网页实习结束的时候我要感谢辛勤的班主任老师，在这个学期代我们的网页设计以外还代了很多别的课，所以很辛苦，在上课期间和实习期间同学在学习中遇到问题都耐心的为他们讲解直到他们听懂为止。正是在老师的号召下我们对网页设计的兴趣也非常的浓厚，在实习中我发现很多同学的网站做的很好很有特色，这都少不了老师的指导。在老师的带领下我们学到很多书本上学不到的东西，相信在以后找工作中我们会多了一个筹码。

其次，要感谢学校给我们安排了期末的课程实习，让我们能在学期末重新温习和总结整个一学期以来学习的知识，并且总结自己的不足，在以后的学习中能够加以改正和补充。

最后，再次感谢学校和指导的老师！

网页设计实践报告

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

定位网站的ci形象。

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

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

网站的整体风格和创意。

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

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

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

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

设计主页及二级页面。

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

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

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

实现网页间的链接。

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

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

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

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

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

网页设计开题报告

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

1讨论网站主题。

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

2定位网站ci形象。

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

3确定栏目和板块。

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

4网站整体风格和创意。

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

1资料搜集。

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

2熟悉制作软件。

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

1构建站点框架。

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

2设计主页及二级页面。

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

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

网页设计实习报告

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

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

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

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

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

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

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

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

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

网页设计实习报告

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用，linux+apache+mysql+php,这种lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

小组分工时，我负责后台里小模块的开发工作，如：留言板或论坛，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

网页设计报告

随着现代化科技的发展，计算机已经成为人们生活中的重要组成部分，网页浏览的形式已经代替以往书籍浏览的形式，也正因为如此网页的设计与布局尤为重要。科学合理的网页设计布局不但能够带给人们美感，并且还能使人们在浏览的过程中内心放松。计算机网页设计的概念主要包括网页设计布局的整体造型以及网页设计布局页面的尺寸。页面设计的整体造型指的就是网页设计中的布局形状，其中最常见的形状有三角形、圆形等，也有部分计算机网页设计采用综合体的形状，在页面的选择上，大多是根据网站自身的特点来选择的。计算机网页设计的尺寸也较为多样化，在计算机使用过程中，常常由于客观影响造成屏幕的分辨率以及尺寸的影响，但由于是客观因素无法改变，在浏览器自带的功能上，对于浏览过程中网页的增大与减小都能够借助浏览器工具栏中的相应功能解决。计算机网页设计中的布局与计算机的发展有着直接的联系，并且影响网站的浏览量，目前最为常见的布局分为同字型布局、标题正文型布局、综合框架型布局、封面型布局以及flash型布局等五种形式。这五种布局形式都能够最大程度的提高网页的美感，并且在现代网页布局中被广泛运用，以下便是对五种布局类型的详细分析。

同字型布局主要针对网页布局的内容，这种布局其内的填充范围较广、填充的数量也较大。在网页设计布局中，大多都是在网页的标题栏进行网站主体的填充，有的是填充广告，也有少数网页设计布局中填充的形式是小标题。在页面的两侧分别布置内容，其中网站的信息与动态或是服务人员以及相应的广告等，在以往网页设计布局中这部分并没有受到重视，因此也是相对具有价值的部分。同字型布局网页主要都是从中央位置布置，根据网页内容的重点由上到下布局，或是根据网页自身的特点以及相应的颜色进行布局，也有部分网页是根据其中的细节进行布局的。在网页的下端并不会进行内容的布局，就目前网页来看下端也只是网页的信息以及登录方式等。

标题正文型布局与同字型布局不同的是标题正文型布局并没有两端的布局，其它布局类型相似。在页面上端的布局中大多都是网页的标题，其中也有广告，页面的中端是网页的主要内容以及和重点内容，其中中端内容中包含同字型布局两端布局的'内容，例如，在正标题下方是对网站的简讯，之后便是相应的附加咨询，最为常见的就是天气信息以及网站的注册信息等，在下方便是网站的主要内容也就是正文，在正文的布局上，其结构都是简单明了的。

综合框架型布局与其它布局相比形式较为复杂，主要采用框架的形式来进行网页的布局，分别在上端、两端以及下端，网站的主要内容都是在框架中进行布局的。这种布局形式与其他布局形式相比更具有轮廓性，能够将其它布局中的内容类型充分地体现出来。

封面类型布局便是字面上的意思，按照书本页面的形式进行布局，在封面型布局中大多采用的是图片，其中图片篇幅较大。一般在不同种类网站的主页上大多采用封面型布局，在布局的周围相应的分布着较小以及较为简单的信息，此种信息所采用的形式都是超链接的形式，例如，最为常见的qq空间，其主页便采用封面型布局的形式，采用此种布局的主要目的就是能够凸显网页自身的特点，能够吸引使用者的目光的同时，对其功能更加一目了然方便操作。

flash型布局与页面布局较为相似，flash型布局与页面型布局唯一不同的便是在页面的布局过程中采用更多的flash，其中包含声音以及动画的形式，因此与封面型布局相比在声音上更能给人们带来听觉上的享受，除了听觉上的享受外在视觉上flash型布局也能够给人们带来相应的震撼效果。例如，在现代最为常见的游戏页面上，采用的都是flash型布局，尤其是在登录的界面或是在进入游戏过程中的等待界面，在现代科技的发展中，也有少数网页在主页布局的过程中采用flash型布局，以此提高网页的浏览量。总而言之，计算机时代已经到来，网页设计布局已经成为重要的发展趋势，网页设计布局并没有固定的格式，做一种形式设计的过程中主要根据个人的审美，因此想要在网页的设计布局中增添其美感，首先就要对美有更深刻的了解，合理的运用到网页的布局中，使人们在网页的浏览中获取所需信息的同时还能够带来相应的视觉享受。

网页设计开题报告

网页设计中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1、视听元素。

这里所说的视听元素，主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后，提供了基于ole的activex技术，用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和activex，javaapplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计。

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则:。

1、主题鲜明。

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被研究们即时地理解和接受，以满足研究们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

根据认知心理学的理论，大多数研究在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中，它要求视觉设计者的网页设计必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，生能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个研究站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先，设计是为主题服务的;其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”;最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。

要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一。

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔美学第三卷)。

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，生能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。

据有关资料所做的保守估计，目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间生能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

因此，在网页设计中必须注意形式与内容的高度统一。

3、强调整体。

网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。

网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为研究们所理解和接受，它以满足研究们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给研究一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐;对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。

从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页整体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。

1、交互性与持续性。

网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在web环境下，研究们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计研究员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。

2、多维性。

多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前研究们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。

3、多种媒体的综合性。

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流(stream)技术的推动下，inter网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页设计的特点之一，是未来的发展方向。

4、版式的不可控性。

网页版式设计与传统印刷版式设计有着极大的差异:。

(2)网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准;。

(3)网页设计过程中有关web的每一件事都可能随时发生变化。

这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设计的不可控制性。其具体表现为:。

(1)网页页面会根据当前浏览器窗口大小自动格式化输出;。

(2)网页的浏览者可以控制网页页面在浏览器中的显示方式;。

(3)不同种类、版本的浏览器观察同一个网页页面，效果会有所不同;。

(4)用户的浏览器工作环境不同，显示效果也会有所不同。

把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引研究之处。

5、技术与艺术结合的紧密性。

设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样生能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。

例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流(stream)技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的`视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。

技术与艺术的紧密结合在网页设计中体现得尤为突出。

网页设计报告

在经济迅速发展的今天，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的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

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

网页设计开题报告

选题的意义、同类选题现状分析包括项目实施的意义和应用前景，国内外研究和应用概况，发展趋势，本项目的特色或创新之处）。

电子商务发展在世界范围内都是刚刚开始，其发展速度极为迅速，传统商业模式正不断地被新的商业模式所替代。网上购物就是internet和电子商务网站的产物，近几年在我国发展迅猛，就如同一些购物商场在各地纷纷开设分店以拉近与顾客间的距离一样。21世纪是网络的时代，信息的时代，时间是非常宝贵的，人们由于种种原因没有时间去逛商场，也不知道哪家商场有自己中意的商品，网上购物网站的建立就可以很好的解决这方面的问题，可以向广大用户推出一种全新的网上信息服务，旨在货品与消费者之间架起一座高速、便捷的网上信息桥梁，可以为用户节省时间、方便购物。

在国内也有许多我们所熟悉的大规模的网上购物网站，如阿里巴巴和淘宝网。中国的网上购物在摸索与借鉴中成长着，利用中国特有的优势来克服不利的外部环境因素，例如采用“货到付款”就是中国购物网站的成功创新。随着外部环境的逐步优化，上购物网站发展前景看好。

本网站的主要功能有：用户注册、会员登录、货物分类查询、货品浏览、购买货品、购物车、客户留言；管理员管理会员信息以及订单信息、管理员添加和删除货品、管理员查看留言。一方面，让顾客方便购买各类货物，给本购物网站提出宝贵的意见或建议；另一方面，管理员能在管理信息的同时也能了解顾客的需要，对网站的不足之处进行修改。本购物网站还在借鉴其他成功购物网站的同时也加入了一些创新的元素。如在货物介绍的页面中添加了同等商品价格的最新比较数据，让用户能够花比较少的时间找到自己满意的产品，同时在本网站中每个注册用户还可以拥有自己的一个小型的blog，在其中用户可以发展自己的购物经验和日常的心情。同时在网站的界面上，本网站了可能让用户设置网页的风格，用户可以按照自己的喜好改变网站的背景色，让整个网站更加的有特色。

（包括毕业设计目标、设计内容和拟解决的关键技术问题）。

购物网站的建立是为了节约顾客时间和方便顾客购物，该网站主要有注册会员、会员登陆、货物搜索、购物车以及对会员、货品、订单的管理。以实现网上书店的交易和管理。

（1）前台服务：注册会员、会员登陆、会员修改个人信息及密码、货品分类搜索、货品浏览、货品购买、购物车，以及页面的特效如：将该网站设为首页、加入收藏、更改网页风格等。

（2）会员管理：管理员对会员个人信息的管理，验证会员登陆信息。并且可以在自己的blog中发表信息。

（3）图书管理：管理员查看书库中货物的库存量，包括各种货物的销售情况，以及及时更新数据库中货物的各种信息。

（4）订单管理：管理员对订单的管理，确认顾客信息与订单信息的准确性。

本系统主要是利用asp、dreamweaver、sql数据库来完成设计的，主要完成了货物分类搜索、货物浏览、货物购买、购物车以及会员管理、货物管理、订单管理等功能的实现。

（包括开发平台选择、试验方案及可行性分析，设计和开发工作的总体安排、步骤等）。

购物网站的设计与开发需要微机一台，操作系统为windowsxp。开发环境为asp、dreamweaver，数据库为sqlserver20xx或选择access。数据访问方法为使用ado。net通过odbc的方法同数据库接口。使用这种方式访问数据，可以使用任何一种odbc数据源，即不止适合于sqlserver、oracle、access等数据库应用程序，也适合于excel表格，文本文件、图形文件和无格式的数据文件。

通过调查分析，建立购物网有其充分的必要性和可能性。可以建立该网站的可能性具体包含了它具有经济可行性、技术上的可行性和时机可行性，系统能达到以最小的开发成本取得最佳的经济效益，开发中所需人员、硬软件支持以及其它费用进行估算情况均满意，技术条件也能保证顺利完成开发工作。

最终认为该系统完全可行，网上购物网站是一个网上交易网站，利用该网站用户可以购买货物，修改自己的购物车，在自己的blog中发展信息；管理员作为管理者则可以查询会员的订单信息、管理货物，对货物进行添加和删除。

1、前台服务：

此模块是对于用户开放，实现的功能有：客户注册，会员登录，修改个人信息及密码，货品分类查询，货品浏览，购买货物，购物车，会员留言等。

2、后台：

此模块是对于管理员开放，实现的功能有：会员基本信息管理、订单管理、货物管理、查看留言。

网页设计开题报告

基本任务与要求：

阶段工作计划：

1.选题背景（含国内外相关研究综述及评价）与意义。

选题背景：互联网始于1969年的美国，又称因特网。最初用于军事连接，之后由于计算机的增多，以及各种连接协议的规范化，互联网逐渐发展起来，成为日常生活中人们与外界交流信息的重要工具，可以说，信息时代的基础就是互联网。在中国，截至20xx年12月底，中国网民数量突破5亿，达到5.13亿，全年新增网民5580万。互联网普及率较上年底提升4个百分点，达到38.3%。（数据来自国家互联网络信息中心），随着网民的逐渐增加，网页制作以及网页设计技术的日趋完善，网页已经被运用到人们日常生活中的方方面面，越来越多的人甚至公司开始学习制作属于自己的个性化网页，这成为信息时代最重要的宣传方式。

国内外对此课题的研究着重分为两个方面，网页制作以及网页设计，但是两者同时又是密不可分的，因为，设计需要建立在目前的制作技术之上，而制作又需要遵守设计所构建的框架，两者相辅相成，缺一不可，而国内外对此的研究通常都在两方面有兼顾，但是大部分课题都是只对一个小问题或者一个小型框架，或者只是粗略讲一下相关的技术或者技巧，对两者同时进行一个综合性概述的暂时还没有。

意义：在互联网初期，大部分网页设计师都只知道如何去制作网站，知道如何去实现什么样的功能，但是在这个信息化的社会，如何让你的网页变得更好看，更直观明了的表达信息，如何从众多的网页之中脱颖而出，这就需要更强的网页设计技术了，而新的网页制作技术例如html5以及css3的运用也给设计师们带来了更好的施展空间，该课题会先对网页设计制作技术进行一个概述，让读者了解这些技术尤其是新技术的运用，同时课题还将运用一个知名餐饮行业的企业网站为例，讲述网页设计制作设计方法的实际运用，并指出网站设计中体现出的优缺点，最后课题里还会按照要求设计一个网站，同样也是餐饮行业方面的网站，与知名企业的网站进行对比，加深理解网页中设计与制作的关系。选题研究的方法与主要内容。

选题研究方法：

主要内容：论文主要分为四部分，第一部分是开题报告部分，讲述选题背景以及对国内外相关研究进行一个综述，并指出论文的研究意义；紧接着第二部分对国内外在网页设计制作方面技术进行了一个综合性的分析；第三部分，我将选取国内一个知名餐饮行业的网站，对其进行网页设计制作技术方面进行分析评价，并在其中阐述自己的理论，论证优缺点；最后，我将自己设计一个有关于餐饮行业的网站，并将其与第三部分中选择的知名餐饮行业网站进行对比，取长补短，达到实际验证自身理论的效果。研究条件、拟解决的主要问题和预期结果。

研究条件：网页在21世纪的应用已经十分普遍，但是大部分研究都是只针对某一小部分，并且大部分研究都是对设计和制作没有一个系统的概念，缺乏对这一方面的一个综合性概述，所以这次课题研究具有以下几个条件：

1、具有研究性：该研究区域尚未被大量探索过。

拟解决的主要问题：

2.对网页设计制作技术的理解、实际应用及论证。

3.自主设计一个网站，避免出现知名餐饮行业中的缺点设计。

预期结果：

中期：选取一个有代表性的知名餐饮网站，对其进行网页设计以及网页制作方面的评价，指出设计中的优点和缺点，并进行详细分析，针对缺点设计提出自己的想法，并做出实际设计，从而验证自己的理论，或者举出实例进行对比论证。

后期：自行设计餐饮网站进行对比分析，建立自己的设计理论，并与中期的评价进行对应验证，在实践得到大量的经验，从而对整篇课题进行一个重新检验，最后反复检查论文，完成论文。

网页设计报告书