网页设计报告（通用10篇）

网页设计报告 篇1

一、毕业设计题目：鞍山民族模板企业网站设计

二、选题的来源、目的和意义

1、1选题来源

导师根据实际情况虚拟的。

1、2选题的目的和意义

在网络快速发展的今天，我们依靠网络获取信息，而建立网站已经成为一个很普遍的问题了，对于一个企业来说，建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场，开展24小时网上营销及高效廉价的定向宣传；与客户建立最直接的交流机制，缩短推出新产品和打开市场的周期，与富有吸引力的客户群发展客户关系网；加强客户服务，完善网络业务；展现公司想象，宣传自身企业文化。所以建立一个属于自己企业的网站是十分必要的。

现在我们已经学习了四年的计算机科学与技术，而这样的选题正是要让知识与实践接轨，来建立一个企业网站，来完善自己在实际应用上的不足。

三、所选题目的国内外动态、水平

中小企业全球信息网络（globalinformationnetworkforSMEs），由日本维护中小企业全球信息网络是主题为“G8信息社会始创工程：中小企业（SMEs：SmallandMediumsizedEnterprises）全球化市场（AGlbolMarkteplaceforSMEss）”的三个项目之一。所有的G8国家都在建设网站以改进中小企业对有关本土和外国市场的信息的存取。某些站点不仅提供信息，而且也帮助中小企业寻求伙伴，帮助消费者搜寻中小企业。在某些internet主页上，中小企业甚至可以进行一定的业务，比如制定特定的条款。

网站发展可以分为三个阶段，第一个阶段定义为网站额“萌芽式”发展期，是网站形成的初级阶段，第二个阶段定义为网站的“粗放式”发展期，是网站的变革阶段，第三个阶段定义为网站的“细分式”发展期，是网站发展的成熟阶段。我国正在向“第三阶段”发展。我国的网站建设市场将成为行业内部整合之势，很多中小企业的网站建设的技术门槛不高，还不能提供定制化的实施服务，所以我国的网站建设发展还是充满挑战的。

四、研究内容和研究方法

1、采用什么设计方法

本网站采用模块化程序设计方法。

2、采用什么设计工具

本网站主要是利用ASP、Dreamweaver、SQL数据库来完成设计的。

3、达到什么效果

本网站要达到的效果有四：

1、企业形象展示，设计简洁大方的界面。

2、企业实力展示，展示我们是什么样的企业，我们有过多少成功的.产品。

3、产品和服务的展示，让用户了解我们是干什么的，提供什么样的服务，服务有哪些种类。

4、信息传达，让用户了解我们的联系方式，我们的最新新闻，我们的企业文化。

4、结论

使用Dreamwerver、Flash、ASP等工具和相关的技术来完成这个企业网站的设计与开发，同时要注意要完善自己的应用实践能力。

五、进行该课题研究所具备的条件

要求有一定的Photoshop、Dreamweaver及Flash设计基础，熟悉软件以及ASP技术的使用，来设计开发网站。

网页设计报告 篇2

随着当前计算机技术的飞速发展，计算机应用范围的扩大，越来越多的中职院校在课程开设时顺势采用了项目式教学方法，结合校企结合或引企入校的方式来实施教学。《网页设计》课程不但是计算机专业学生的专业技术课，同时也是非计算机专业的学生非常欢迎的选修课目。针对中职教育的特点，为了适应学生这个群体的心理特点及思维现状，我们在不断的实践过程中，探索新型的教学方法，让学生在结合现实工作中的项目，小组团队协作完成项目，从协作和实施项目过程中完成知识和技能的学习，从真实的工作环境中学习。从而能达到学习完课程就能顶岗独立完成工作。

在我们的生活中，小到一个生日聚会、一次课余活动，大到一项工程建设，一个节日庆典，这都属于一个项目。项目无论是简单还是复杂都有一定的共有特性。美国PMI定义说：“项目是为了完成某一独特的产品、服务或任务所做的一次性努力。”而我们在教学活动中所提出的是“项目”则是指提出一个前人曾完成过的一个项目工作，也可以是由教材的相关内容转化来的社会的一种需求。学生围绕此工作或需求进行相关联的学习和探究的活动，从而完成知识的学习和能力的培养。

一、项目教学法的含义及特点

项目教学法是指教师与学生共同将教学知识作为一个完整的项目进行实施的教学活动过程。项目教学的目标在于把学生有意义的融入到一个完成项目的过程中去，调动学生的学习积极性、自主的对知识进行建构，把通过学习所掌握的知识技能以及培养起来的职业能力作为最终的目标。

二、在《网页设计》课堂教学中的设计

项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。整个教学过程中以学生自主学习为主，教师引导启发为辅来让学生围绕项目自主学习探究。

在教学过程中贯穿项目式的学习中，项目的制定就显得非常重要，它既要根据学生兴趣来选定，同时又要考虑体现教学总体目标;并且所选择项目应该和学生日常的经历相关;难度要与学生的知识背景相符。制作热门话题专栏、制作个人主页、制作班级主页、制作个人爱好娱乐主页等，这些都是学生感兴趣的一些内容。在课程开始前要展示优秀的网站效果，让学生对网站建设有初步了解，并激发学生对网页设计的兴趣，让学生自己产生要制作属于自己的作品。

三、项目式教学过程的实施

根据学生自己感兴趣的课题项目对学生进行分组，并在课堂上统一进行课题项目的分析，分析的过程中要对学生网页设计的基础内容进行讲解和分析。在整个分析讲解的过程中要让学生了解整个过程的制作工具，并选定项目的负责人。然后依据学生学习自主化的原则，任务目标化的方法，根据项目目标的要求，由负责人统一安排小组学习任务，由教师引导学习方向，共同制定出个人学习任务目标。

本项目要以学会专业规划网站、对主题网页进行相关设计并完成制作为知识目标;把掌握资料素材整合、制作软件使用确立为技能目标;让学生学会协作、学会正确的认识与评价自己与同学相互帮助增强自信心为情感目标。

课程项目内容及相关能力要求中首要学生学习的内容是页面的布局。页面布局是依照网站的受众群体的特点进行色彩组合和版面布局，通过导航的设计及媒体的使用来修饰网页的整体视觉效果和功能效果。并通过添加各种网页元素（文字、图像、表格、表单、视频、动画等）的设计与制作完善网页整体效果。再次是网页的结构，网页结构的确立一般是由网页框架、使用的表格及层的综合运用来完成。最后就是使用各种特殊效果来美化网页效果、增强网页使用功能。并确定网页元素。如JavaScript特效的设计，使用不同的特效来加强网页与用户的可交互能力。

根据学习进程，制定小组前期准备部分。学生深入的调查研究确定知识内容与技能技巧部分的前期资料。这个过程主要是由学生自己进行协作，通过自习与课外活动时间来做相关的调查与资料的搜集。小组成员通过教材及辅助材料的共同分析学习，出现问题与指导教师统一探究解决。这个过程学生们通过不断发现问题，提出问题，最后解决问题的过程来完善自己的知识结构体系，最后形成一个系统的知识体系。

活动探究部分让学生完成知识体系的培养后，学生运用相应的小组计划分别完成各自的作品，在完成作品的时候还会出现知识性问题，也会遇到能力培养方面的问题，这时候教师就要引导学生自己探究，培养学生解决问题的`能力，从而提高学生的知识水平也加强学生各方面能力的培养。再此环节中要求教师在引导项目实施过程中要在引导方式上注意到有针对性的进行查漏补缺的帮助学生学习。

项目完成以后，由各小组先进行相互的指导交流，指导交流主要是为了让学生取长补短，这样可以很好的帮助自己发现问题，同时也可以发现自己的优点，从而增强自己的自信心。交流后给小组成员一课时的时间进行相应的总结及作品的微调整，并指定小组成员进行知识层面及技术层面的演示讲解，分享作品制作的成功和喜悦。通过这种形式，学生们获得了极大的成就感。

成就的最终获得还是要取决于最后的学习情况评价。整个评价过程采用了小组成员间、小组间及师生间的全方位综合评价法。项目开展过程中小组长对成员、成员对成员、成员对小组长都要进行不同方面的评价，最后把每部分的评价综合为项目终结性个人评价，加上其他小组成员对作品的评价，最后加上教师引导过程中的效果评价形成个人综合评价。这个评价也包括了知识和能力等多方面的细化评价，通过评价，使学生反思自己学到了什么知识和技能，以及不足，从而找出进一步学习的方向。

四、项目式课程设计的优势及不足

在整个项目的进行过程中学生可以自主的学习，自觉地接受学习，自己找可以承担的学习任务来完成，同时也学会了发现问题和解决问题的方法，发挥了个人的最大能力，也培养了从不同角度观察、思考和解决问题的办法，激发自身的创新意识，提高自身的创新能力。

但是整个过程仍然存在懈怠的同学，过分依赖他人完成整个项目，教师要是整个过程不能够及时发现这个问题则会造成学生学习发展的不均等，所以要加强项目学习的细化指导，加强教学过程的监督与引导。

其次在整个过程的实施中，学生的自觉性是直接影响到项目的进程及完成的最终效果，所以在学生整个学习的时间安排上应该有效的科学的安排，既要结合课余时间也要提高个人的学习效率。因为学生课余还有参加很多其他的学校获得所以导致计划落实有出入，所以加强计划可行性安排及建立项目学习的保障体系是需要我们继续探究的问题之一。

网页设计报告 篇3

尊敬的公司领导：

20xx年8月进入优越城百货以来，任职网页设计。主要负责我公司网站的更新维护，和编程工作，至今已有4个月的时间。初到公司一切都很陌生，我只有努力工作，不断向身边同事学习，熟悉业务，积极参加公司的各项集体活动，希望能够得到大家的认同，尽快地融入到这个大家庭中来。

作为一个技术人员，我要求自己忠于岗位，服从安排，遇到问题，首先查找自身原因，通过不断的学习，提高自身素质，培养和加强自己的责任感。

现将我履行职责情况作具体汇报:

一、履行职务情况

我的职务是网站设计，负责网站设计与日常更新工作，我是这样开展工作的。

(一)网站设计更新，我采取的措施是:

1.平时上网多注意一些好的效果作为参考，增加自己的审美观，及程序的安全性和执行效率，同时加强学习。

2.坚持每次活动都出新的flash动画广告

3.积极为网站增加实用性的功能

4.规范vb类库，把常用方法写成函数封装，方便调用。拓展性也更好一些。

5.对数据库和网站文件做到经常下载备份，保障数据安全。

(二)尽职尽责，做好日常的折扣信息与活动等的更新工作

互联网每天都在进步天天都有新的东西诞生，所以必需要紧跟步伐，比如搜索引擎经常变更算法，一些好的js框架等可以为公司网站表现的更加友好，所以我会经常到一些技术论坛学习交流。

(三)加强同事间的交流和沟通

(四)以公司为家在做好自己本职工作的同时，公司的`其它工作也会积极参与。比如：活动时分店缺少人手会主动要求参加。

二、自律情况

近半年来在公司领导和同事们的关心帮助下我已经融入到了优越城这个集体中，我要求自己做到：

1.按工作守则自律。上级规定不准做的我绝对不做，上级要求达到的我争取做得优秀。

2.用制度自律。我严格按本公司制定的规章制度履行职责。

三、存在的主要问题：

1.在技术上对于CDR软件使用还不够熟悉没有广告公司工作经验，对平面设计的东西一直是空白，我会努力同我们市场部平面设计加强学习这方面的技术。

2.对卖场装饰工作缺少经验，只能做一些简单的工作。

述职人：

20xx年12月30日

网页设计报告 篇4

网页设计——网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子设计的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

在网页设计中，总是有倾向的特定技术来观察，或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而，近年来，又增加自由和开放源码技术，包括由W3C和WHATWG进行监控和批准，监督和实施增加。

趋势可以发现，不仅在看在时尚领域的使用的技术，如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web 2.0至今的重要作用的帮助。

网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的！还有哪个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！

不可否认，国内网页设计环境还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。

企业客户所在行业往往有其特定的设计需求，特别是对于企业网站建设当中的'配色，除了应根据企业的VI标准色，以及客户自身的喜好进行配色分析外，同时不能忽略整个行业对于颜色上的‘惯例’。那么，企业网站在设计和制作当中，到底有哪一些配色规则需要设计师遵循呢？

企业客户在不同的发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中显示其独有的特性，这是初建网站的企业客户所重点关注的内容；在企业形成规模，进行品牌提升阶段，企业建设网站或进行改版的目的是重塑品牌网络形象，打造更为专业、沉稳和可持续发展的品牌理念和文化，这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合，在配色的选择上更倾向于稳重、包容，能够适应各种场合需要的配色。

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

一、确定网站的整体风格

在这里，我提供给大家一些参考经验：

1.将你的标志logo，尽可能的放在每个页面上最突出的位置。

2.突出你的标准色彩。

3.总结一句能反映贵站精髓的宣传标语！

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

二、网页色彩的搭配

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

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

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

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

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

三、网页设计的工具

mweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；

tpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好；

h，网页需要画面流动时的首选择；

4. Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。

works，跟Photoshop 一样都是图像处理软件，但Fireworks偏向与对网页的处理

网页设计报告 篇5

1. 本课题所涉及的问题在国内(外)的研究现状综述

1.我国目前网页设计还处于初级的认知阶段，国内的网站绝大多数采用的还是非常传统的横向区块布局，信息密度高，版式缺乏节奏和韵律，尤其是北京、上海、广州三地，基本上代表了目前我国网页设计的制作水平，但是网页设计的发展正在呈不断上升的发展趋势，找到具有本民族特色的网页设计语言,对我国的网页艺术走向世界具有重大意义。

国外的网站更加人性化,设计更加紧密,服务也更加周到,个性也比国内的网站突出,让人更容易记住，国外的大容量信息网站的趋势是降低首页的信息密度，把内容分摊到二级频道;版式上更具引导性、更适于阅读，浏览方式像读报一样更流畅随意。

随着世界各国对于文化多样性的着力维护与普遍关注,网页本土化受到越来越多的网站建设者们所注重随着互连网技术的发展，各种企业和机构在网络上的竞争也日趋激烈，为了吸引眼球，企业和机构都在想方设法在网站的形象上来包装自己，以使自己在同行业的竞争中脱颖而出，而且这种趋势愈演愈烈，网站设计的需求量呈爆发性增长。网络是我国新兴文化，作为现代人的大多数人，都是通过网络了解信息，尤其现在青年一代更是热衷于网络。网站是企业向用户和网民提供信息 (包括产品和服务)的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为 “网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

2. 本人对课题任务书提出的任务要求及实现预期目标的可行性分析

任务要求：

为了弘扬京剧文化，提高京剧的知名度;使京剧信息传播更为迅速有效;京剧做为我国的国粹，有着悠久而漫长的历史。作为现代人的大多数人，已经不懂的如何去欣赏京剧，更不懂得京剧文化。通过系列网页设计让更多的人了解它、喜欢它、欣赏它。给社会大众留下强烈的印象与影响力。

1)通过网页设计来体现京剧形象;

2)通过结合京剧的特点，将各“生.旦.净.末.丑”五个角色有机、自然地结合起来，以求得完美统一的'设计形象。

3)通过运用巧妙的网页设计，为京剧的传播提供更大的发展前景。

可行性分析：通过学习《网页三剑客》、《精通css+div网页样式和布局》、《版式设计》、《色彩设计》等专业课;熟练运用photoshop、 flash、Dreamweaver等设计软件;在老师的指导下，通过自己的努力相信一定能够达到毕业设计的预期目标、任务。

3.本课题需要重点研究的、关键的问题及解决的思路

本课题需要重点研究的是：

京剧耐人寻味，韵味醇厚。京剧在形成之初，便进入了宫廷，使它的发育成长不同于地方剧种，对它的技艺的全面性、完整性也要求得更严，对它形象的美学要求也更高，其表演艺术更趋于虚实结合的表现手法，达到“以形传神，形神兼备”的艺术境界。在网页设计中要做到对京剧这个传统艺术内涵的发掘、创新、和表现。京剧中的五大角色的特征，对于相互独立又相互联系的角色如何在网页设计中把握它们的共性和个性。在网页设计、色彩设计、表现手法上尽多的融入现代设计元素，既符合年轻人的审美又要能深刻反映京剧文化的内涵。

关键问题在于如何把抽象的精神内涵变为可视的视觉形象。吸引更多的大众去人了解它、喜欢它、欣赏它。然后解决浏览器的兼容问题

4.完成本课题所必须的工作条件(如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等)及解决的办法

2)完成本课题的基本工具：有关网页设计方面的书籍

1.《网页配色实用手册 》 温鑫茶工作室 科学出版社 20xx年9月

2.《Dreamweaver CS4网页设计与制作指南 》 杨纪梅 清华大学出版社 20xx 年1月

3.《Flash CS3 网站商业设计从入门到精通 》 张大川 科学出版社 20xx年03月

4.《精通css+div网页样式和布局》 前沿科技 人民邮电出版社 20xx年

3)相关的尺寸：原始数据和资料(以实际考察提供的为依据)

4)相关的市场调研，了解网页设计的实际情形等。

5.完成本课题的工作方案及进度计划

1)、15-18周 通过现场调研、网络、图书馆搜集相关资料、了解当前设计公司设计的一些前沿，初步确定栏目推广设计的大体方向。

2)、19-20周 初步方案设计(在此期间确定方案，根据实际情况，进行具体情形前期设计，20xx-20__第二学期

3)、1-5周 方案细化设计。

4)、6-7周 协调整理，为毕业设计展览与答辩作相关准备

5) 8-10周 检查并校订本的设计稿和实物撰写毕业论文，打印、装订，提交整套设计资料。制做答辩汇报提纲。次毕业设计的所有实物和文挡

6)、11-12周 布置毕业设计展览

网页设计报告 篇6

一.网站的整体规划

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

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

3.确定栏目和板块：

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

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

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

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

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

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

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

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

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

软件：

html编辑软件：常用的有frontpage、hotdog等，本文重点介绍 dreamweaver;

图像处理软件：常用的有photoshop、flash、fireworks 等;

文件上传软件：常用的有cuteftp、wsftp等。

三.网页制作

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

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

然后是主页和二级页面的设置。要注意，网上只能使用jpg和gif两种图象格式，其他诸如bmp和tif等很通用的格式都不能用在网上，因为它们太大了，但可以用图象软件进行转换，比如office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后。

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

四.网页的调试

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

网页设计报告 篇7

课题名称为：网页设计制作方法及其在餐饮行业中的应用举例

基本任务与要求：

阶段工作计划：

开题报告：

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

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

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

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

选题研究方法：

文献研究法：通过调查与网页设计制作相关的文献，对其进行一个综合性的了解，同时吸收文献中对网页设计制作的独特见解，加入自身的理解，从而达到一个更高的高度

探索性研究：利用自身已经学习过的网页设计制作方面的知识，以及在网页美学上的经验，综合探索，得出属于自己的独特经验

信息研究方法：通过对网络上各种教程以及著名网站等实例样本进行收集、传递、加工和整理来获得知识，并将其用于实践，在实践中进行检验，从而纠正理论

经验总结法：通过对制作实际网站中的实际情况，进行归纳、分析，并且将这种经验进行系统化整理 描述性研究法：将网上已有的网页制作的经验、理论以及规律甚至是小技巧等等通过自己的理解，并且给予实地验证，最后系统性叙述并解释出来

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

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

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

2、研究过程中所需的条件均已满足：国内外相关研究已经有很多，大多数知名餐饮网站也开始重视网站进行销售和宣传

3、具备研究该课题的设备、场地或者环境等：网页设计制作所需要的物质成本只是充足的信息来源，而互联网已经满足了这个条件

拟解决的主要问题：

1.对网页设计制作技术的收集以及归纳、整理

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

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

预期结果：

初期：收集整理网页设计制作方面的资料，包括文献，各种教程，以及国内外知名网站，对各种设计制作方法进行系统性的整理，其中着重介绍新技术的运用，例如HTML5、CSS3以及设备移动互联化带来的新交互方式的运用

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

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

网页设计报告 篇8

一实验目的

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

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

二实验的方法和原理

三实验过程

1.资料的搜集。

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

2.熟悉制作软件。

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

3.构建站点框架。

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

4设计主页及二级页面。

5实现网页间的链接

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

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

四实验心得

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

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

网页设计实践报告

今年暑假我留在学校，与学校冰点工作室的几位成员一起为外面一家小公司做一个关于武汉咨询方面的网站。我贯穿在整个过程，从客户前期的接洽，到网站后期的维护，在这个过程中我学到了很多在学校很难学到东西。 对于网站的制作流程也有了整体的把握

筹划期：

一个成功的个人网站，先期的准备工作是很重要的，好的开始等于成功的一半。在这一阶段有两个主要的问题需要考虑站点的定位：主题的选择对今后的发展方向有决定性的影响，考虑好做什么内容就要努力做出特色。20xx网页设计实践报告

第四、界面清爽：要吸引访问者长时间的停留在你的网站，千万不能让用户第一眼就感觉压抑。大量的文字内容要使用舒服的背景色，前景文字和背景之间要对比鲜明，这样访问者浏览时眼睛才不致疲劳。适当的留白可以让界面更清爽;

第五、坚持原创：刚开始学做主页时，适当模仿别人的优秀设计是可取的，但（建筑社会实践报告20xx）模仿绝不等同于抄袭，一定要把握好其中的尺度。设计是这样，内容的选取也是如此，多一些原创的内容，你的主页才会带有更多的个性色彩;

2、技术运用中要注意的一些事项：

第一、明确技术是为设计服务的，不要沉迷于技术的运用，坚决摒弃那些华而不实的特效;

第二、先为站点定义好统一的外部css，内部页面都调用这个css，这样不但可以让你的网页在浏览器改变设置时不变形，还有助于保持整个站点的风格统一，并且方便修改;

第三、不要打开过多的新窗口，每个链接都会打开不同的新窗口尤其让人反感;

第四、图象的制作要兼顾大小和美观，图片和文字的混排、图片的合理压缩可以让页面美观而且文件小巧。即使是个性十足的设计站点，浪费太多的时间在页面下载上也会令人生厌;

至于后期的维护和网站的宣传，那就要考虑到网站投入的费用了!

网页设计报告 篇9

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

电子商务发展在世界范围内都是刚刚开始，其发展速度极为迅速，传统商业模式正不断地被新的商业模式所替代。网上购物就是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、后台：

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

网页设计报告 篇10

1、 预期目标

(1) 通过本次实训要完成仙剑奇侠传的网页制作，包括二级页面和三级页面，还要应用一些网页制作的基本技巧。

(2) 掌握布局技术，模版应用，CSS样式，超级链接，并运用fireworks做简单的图形编辑。

(3) 通过连续时间的实际操作，巩固对网站的创建、网页的策划、设计与制作的理解，加深理解网站、网页、制作的过程，理解团队互助共同完成项目的协作精神。

2.关键技术及解决途径：

一、关键技术：

(1)有完整的策划报告(电子版)，实际内容有改动不受影响;

(2)有标题的网站以及有对应自己创意设计制作的Logo图象、广告条等图象;

(3)至少有首页、二级页面、三级页面的层结构;

(4)有框架、有表单;

(5)有自己创作输入的'文字内容并经过排列整理;

(6)Dreamweaver模板技术;

(7)至少采用了样式表技术;

(8)采用鼠标事件等行为设置之一;

(9)不允许出现超级链接错误!

(10)有版权声明、网站更新日期、创意制作人员。

二、解决途径

根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。制作完成后，反复检查，保证链接的正确性。

3.方案设计与实施步骤：

一、方案设计

二、实施步骤(可以包括网站内容)

(1)确定网站内容为仙剑奇侠传4,并制定详细的策划报告

(2)查找相关资料，制作banner，logo，和相关动画图片

(3)小组分工合作，我负责首页制作，人物介绍，友情链接，留言板相关内容。

(4)采用布局技术设计首页，然后插入logo，banner美化首页

(5)应用模版技术制作人物介绍，介绍仙剑4中的重要出场人物，并配上相关图片和文字，制作了网站相册，使用了锚记。

(6)友情连接应用了框架，链接到百度贴吧，官网等相关网站，并用fireworks制作了相关的logo和banner。

(7)采用表单技术制作留言板。

(8)最后创建CSS样式，并运用到各个连接上。

(9)个相关页面之间进行必要的超级链接，友情链接与相关网站上链接。

(10)最后和另一小组成员进行作品汇总，完成相关站点的链接

(11)检查链接，清除多余文件和图片

4.自我评价

这次实训充分利用了课堂所学，掌握了许多关键技术，例如模版技术，CSS样式，使得制作过程方便了很多。

在完成基本要求得基础上，文件夹、文件命名规范;文件存放位置合理;

制作完成之后进行过现场清理：没有无用的文件、文件夹，没有断链(外部链接不算);工作量饱满：内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。

不过也有些不足，比如一开始没有把两个人制作的文件夹分开，导致后面汇总时比较麻烦。

不过总的来说，对这次的作品相当满意，不仅选择了我们自己喜欢的内容，而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足，通过学习，知道了如何改进我们的缺点，相信在以后的应用中，我们会做的更加完美!