网页设计报告（精选10篇）
网页设计报告 篇1
适用场景：服饰品牌网页设计、网页制作前期准备
报告要点：CI形象定位、动态效果插入、页面布局优化
行文逻辑：网站规划→资料收集→页面设计→链接实现→动态添加
一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
定位网站的CI形象。
“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。
于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
网站的整体风格和创意。
整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的`颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。
做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
三、网页制作，这便进入我该次的主题了具体制作流程如下。
在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。
设计主页及二级页面。
在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：
简洁实用： 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求： 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
交互式强： 发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
向静太网页插入动态效果。
在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
网页设计报告 篇2
适用场景：网页设计学习准备、软件操作培训实施
报告要点：构建站点框架、设计主页及二级页面、实现网页间链接
行文逻辑：学习工具→构建站点框架→设计主页及二级页面→实现网页间链接
一、实践目的
1．学习html语言和dream weaver，front page等工具
2．掌握在本地环境下运用asp技术实现一个简单的电子商务网站
二、实践的方法和原理
三、实践过程
1、资料的搜集。
组长分配任务，大家从网站上搜集各种关于手机的资料。
2、熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的"具体表现。
3、构建站点框架。
打开dremweaver后第一步便是新建站点。
4、设计主页及二级页面。
5、实现网页间的链接。
链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6、向静太网页插入动态效果。
四、实践心得
在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
网页设计报告 篇3
适用场景：课堂教学任务规划、学生能力培养方案
报告要点：页面布局设计、网页结构确立、小组协作学习
行文逻辑：选定项目→制定计划→活动探究→制作作品→成果展示
项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。整个教学过程中以学生自主学习为主，教师引导启发为辅来让学生围绕项目自主学习探究。
在教学过程中贯穿项目式的学习中，项目的制定就显得非常重要，它既要根据学生兴趣来选定，同时又要考虑体现教学总体目标;并且所选择项目应该和学生日常的经历相关;难度要与学生的知识背景相符。制作热门话题专栏、制作个人主页、制作班级主页、制作个人爱好娱乐主页等，这些都是学生感兴趣的一些内容。在课程开始前要展示优秀的网站效果，让学生对网站建设有初步了解，并激发学生对网页设计的兴趣，让学生自己产生要制作属于自己的作品。
三、项目式教学过程的实施
根据学生自己感兴趣的课题项目对学生进行分组，并在课堂上统一进行课题项目的分析，分析的过程中要对学生网页设计的基础内容进行讲解和分析。在整个分析讲解的过程中要让学生了解整个过程的制作工具，并选定项目的负责人。然后依据学生学习自主化的原则，任务目标化的方法，根据项目目标的要求，由负责人统一安排小组学习任务，由教师引导学习方向，共同制定出个人学习任务目标。
本项目要以学会专业规划网站、对主题网页进行相关设计并完成制作为知识目标;把掌握资料素材整合、制作软件使用确立为技能目标;让学生学会协作、学会正确的认识与评价自己与同学相互帮助增强自信心为情感目标。
课程项目内容及相关能力要求中首要学生学习的内容是页面的布局。页面布局是依照网站的受众群体的特点进行色彩组合和版面布局，通过导航的设计及媒体的使用来修饰网页的整体视觉效果和功能效果。并通过添加各种网页元素（文字、图像、表格、表单、视频、动画等）的设计与制作完善网页整体效果。再次是网页的结构，网页结构的确立一般是由网页框架、使用的表格及层的综合运用来完成。最后就是使用各种特殊效果来美化网页效果、增强网页使用功能。并确定网页元素。如JavaScript特效的设计，使用不同的特效来加强网页与用户的可交互能力。
根据学习进程，制定小组前期准备部分。学生深入的调查研究确定知识内容与技能技巧部分的前期资料。这个过程主要是由学生自己进行协作，通过自习与课外活动时间来做相关的调查与资料的搜集。小组成员通过教材及辅助材料的共同分析学习，出现问题与指导教师统一探究解决。这个过程学生们通过不断发现问题，提出问题，最后解决问题的过程来完善自己的知识结构体系，最后形成一个系统的知识体系。
活动探究部分让学生完成知识体系的培养后，学生运用相应的小组计划分别完成各自的作品，在完成作品的时候还会出现知识性问题，也会遇到能力培养方面的问题，这时候教师就要引导学生自己探究，培养学生解决问题的能力，从而提高学生的知识水平也加强学生各方面能力的培养。再此环节中要求教师在引导项目实施过程中要在引导方式上注意到有针对性的进行查漏补缺的帮助学生学习。
项目完成以后，由各小组先进行相互的指导交流，指导交流主要是为了让学生取长补短，这样可以很好的帮助自己发现问题，同时也可以发现自己的优点，从而增强自己的自信心。交流后给小组成员一课时的时间进行相应的总结及作品的微调整，并指定小组成员进行知识层面及技术层面的演示讲解，分享作品制作的成功和喜悦。通过这种形式，学生们获得了极大的成就感。
成就的最终获得还是要取决于最后的学习情况评价。整个评价过程采用了小组成员间、小组间及师生间的全方位综合评价法。项目开展过程中小组长对成员、成员对成员、成员对小组长都要进行不同方面的评价，最后把每部分的评价综合为项目终结性个人评价，加上其他小组成员对作品的评价，最后加上教师引导过程中的效果评价形成个人综合评价。这个评价也包括了知识和能力等多方面的细化评价，通过评价，使学生反思自己学到了什么知识和技能，以及不足，从而找出进一步学习的方向。
四、项目式课程设计的优势及不足
在整个项目的进行过程中学生可以自主的学习，自觉地接受学习，自己找可以承担的学习任务来完成，同时也学会了发现问题和解决问题的方法，发挥了个人的最大能力，也培养了从不同角度观察、思考和解决问题的办法，激发自身的创新意识，提高自身的创新能力。
但是整个过程仍然存在懈怠的同学，过分依赖他人完成整个项目，教师要是整个过程不能够及时发现这个问题则会造成学生学习发展的不均等，所以要加强项目学习的细化指导，加强教学过程的监督与引导。
其次在整个过程的实施中，学生的自觉性是直接影响到项目的进程及完成的最终效果，所以在学生整个学习的时间安排上应该有效的科学的安排，既要结合课余时间也要提高个人的学习效率。因为学生课余还有参加很多其他的学校获得所以导致计划落实有出入，所以加强计划可行性安排及建立项目学习的保障体系是需要我们继续探究的问题之一。
网页设计报告 篇4
适用场景：毕业设计选题参考、系统开发需求分析
报告要点：用户注册管理、权限分级控制、数据库连接维护
行文逻辑：需求分析→系统设计→模块开发→论文撰写
一、毕业设计的内容和意义：
学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它聚集社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。
我国的大学教育已经普及，大学生的队伍也正在不断壮大，为了 方便大学生对本校各项工作的了解以及加深学生、教师与学校之间相 互的交流，建设一个规模化的校园网站成为了当务之急。网络化将给我们的工作和学习带来了极大的便利。
以Internet/Intranet为网络平台实现校园网络各项信息发布、管理、设置等功能。本题目要开发一个校园网门户网站。包括BBS系统平台、院校新闻发布平台，在限选课平台。后台：包括平台管理、统一认证、资源管理、用户权限管理等。
二、文献综述：
经济高速发展的今天，校园的各种信息的收集与发布都要求有一个高的效率。由于大学生的生活节奏较快，且电脑普及率和上网概率也随着社会的发展越来越高，学生上网获取信息的`机会越来越多。所以，学校可以将政务宣传服务切入到这个点来，让学生更方便地获取相关信息，这将大大提高学生学习的进度和对学校教育的满意度。这就要求通过网站，全面宣传、展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。
该系统是面向全网络的，作为学校与外界联系的一个平台。系统管理员负责更新网站内容，不同权限的用户登录系统将进入不同的页面，实现不同的操作。
系统主要包括六个模块：
1.用户注册模块：这个模块完成新用户的注册功能，并能对注册信息进行检查。
2.用户登录模块：这个模块提供用户的登录界面，并验证用户名和密码，以确定用户身份。
3.显示模块：这个模块将根据用户权限显示出不同的页面，以及内容。
4.操作模块：这个模块提供与内容相关的功能，并且对不同身份的用户给予不同的操作权限。
5.用户管理模块：这个模块能够对用户个人信息进行管理。
6.数据库模块：这个模块实现对数据库的连接和访问。
三、工作计划及方案论证：
1．第一阶段：11月20日 — 11月25日
阅读资料；进行需求分析，提出设计方案确定技术路线，完成开
题报告；设计软件原型。
2．第二阶段：11月26日 — 2月10日
在上一阶段基础上，按时、按质、按量完成毕业设计任务
3．第三阶段：2月11日 — 4月1日
总结所有的工作，完成毕业设计论文初稿
4．第四阶段：4月2日 —4月20日
修改论文；小组内答辩，评分；准备答辩材料
四、参考文献：（不少于10篇，期刊类文献不少于7篇）
[1] 周怀军. ASP动态网页设计应用教程[M]. 电子工业出版社，20xx-3
[2] 赵燕萍. 电子商务概论[M]. 北京中共中央党校出版社，20xx-11
[3] 王恩波 王若宾. 管理信息系统实用教程[M].人民邮电出版社，20xx-9
[4] 唐乾林. 网页设计与制作案例教程[M]机械工业出版社，20xx-8
[5] 赵增敏. ASP可视化编程及应用[M].机械工业出版社，20xx
[6] 龚小勇. 关系数据库与SQL Server20xx[M].机械工业出版社，20xx-1
[7] 崔良海 沙俐敏. WEB编程技术[M].人民邮电出版社，20xx
[8] 陈家琪. C程序设计教程[M].新华出版社，20xx-11
[9] 明日科技. ASP.NET数据库系统开发完全手册[M].人民邮电出版社，20xx-1
[10] 邓春妮 孙艳华 邹庆云. ASP.NET信息化系统建设案例[M].人民邮电出版社，20xx-XX
[11] 张树亮 李超. ASP.NET 2.0+SQL Server网络应用系统开发案例精解 清华大学出版社，20xx-9
[XX] 李文梅. 谈采用ASP数据库存取组件访问SQL Server数据库 新余高专学报，20xx-10-30 期刊
[XX] 王大龙. 基于VB程序和SQL Server数据库的多条件模糊查询的实现 电脑知识与技术，20xx-XX-15期刊
[14] 朱丽敏. 交互式动态网页建构技术——ASP技术 太原科技，20xx-02-26期刊
[15] 王珂玲. 利用报，20xx-06-30ASP技术访问数据库技术探讨 湖南轻工业高等专科学校学期刊ASP技术的在线教育系统设计与实现 电脑知识与技[16] 吴锦. 基于术，20xx-XX-25期刊
[17] 王明华. 用ASP技术实现网上购物系统 科技资讯，20xx-09-03期刊
[18] 王海燕 王明明 张景义. 用术，20xx-06-25ASP技术实现人员信息查询系统 电脑知识与技期刊ASP技术的网站后台管理系统 电脑知识与技术，20xx-06-25[19] 李铮. 基于刊 期
网页设计报告 篇5
适用场景：企业网站建设前设计规划、网页设计师配色参考
报告要点：网站整体风格确定、色彩统一性控制、行业配色惯例遵循
行文逻辑：确定网站风格→设计色彩搭配→规避配色误区
网页设计——网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子设计的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。
网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。
版式设计通过文字图形的空间组合，表达出和谐与美。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。
在网页设计中，总是有倾向的特定技术来观察，或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而，近年来，又增加自由和开放源码技术，包括由W3C和WHATWG进行监控和批准，监督和实施增加。
趋势可以发现，不仅在看在时尚领域的使用的技术，如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web 2.0至今的重要作用的帮助。
网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的！还有哪个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！
不可否认，国内网页设计环境还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。
企业客户所在行业往往有其特定的设计需求，特别是对于企业网站建设当中的配色，除了应根据企业的VI标准色，以及客户自身的喜好进行配色分析外，同时不能忽略整个行业对于颜色上的‘惯例’。那么，企业网站在设计和制作当中，到底有哪一些配色规则需要设计师遵循呢？
企业客户在不同的"发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中显示其独有的特性，这是初建网站的企业客户所重点关注的内容；在企业形成规模，进行品牌提升阶段，企业建设网站或进行改版的目的是重塑品牌网络形象，打造更为专业、沉稳和可持续发展的品牌理念和文化，这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合，在配色的选择上更倾向于稳重、包容，能够适应各种场合需要的配色。
网页设计的两大要点是：整体风格和色彩搭配。
一、确定网站的整体风格
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
网页设计报告 篇6
适用场景：网页开发前工具选择、图像处理软件对比分析
报告要点：网页设计工具选型、图像处理软件功能差异、网页制作工具特性描述
行文逻辑：列举工具→比较功能→总结特点
1.Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；
2.Frontpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好；
3.Flash，网页需要画面流动时的首选择；
4. Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。
5.Fireworks，跟Photoshop 一样都是图像处理软件，但Fireworks偏向与对网页的处理
网页设计报告 篇7
适用场景：网页设计课程改革、中职教学方法应用
报告要点：页面布局设计、网页结构搭建、网页元素整合
行文逻辑：选定项目→制定计划→制作作品→成果展示→综合评价
随着当前计算机技术的飞速发展，计算机应用范围的扩大，越来越多的中职院校在课程开设时顺势采用了项目式教学方法，结合校企结合或引企入校的方式来实施教学。《网页设计》课程不但是计算机专业学生的专业技术课，同时也是非计算机专业的学生非常欢迎的选修课目。针对中职教育的特点，为了适应学生这个群体的心理特点及思维现状，我们在不断的实践过程中，探索新型的教学方法，让学生在结合现实工作中的项目，小组团队协作完成项目，从协作和实施项目过程中完成知识和技能的学习，从真实的工作环境中学习。从而能达到学习完课程就能顶岗独立完成工作。
在我们的生活中，小到一个生日聚会、一次课余活动，大到一项工程建设，一个节日庆典，这都属于一个项目。项目无论是简单还是复杂都有一定的共有特性。美国PMI定义说：“项目是为了完成某一独特的产品、服务或任务所做的一次性努力。”而我们在教学活动中所提出的是“项目”则是指提出一个前人曾完成过的一个项目工作，也可以是由教材的相关内容转化来的社会的一种需求。学生围绕此工作或需求进行相关联的学习和探究的活动，从而完成知识的学习和能力的培养。
一、项目教学法的含义及特点
项目教学法是指教师与学生共同将教学知识作为一个完整的项目进行实施的教学活动过程。项目教学的目标在于把学生有意义的融入到一个完成项目的过程中去，调动学生的学习积极性、自主的对知识进行建构，把通过学习所掌握的知识技能以及培养起来的职业能力作为最终的目标。
二、在《网页设计》课堂教学中的设计
项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。整个教学过程中以学生自主学习为主，教师引导启发为辅来让学生围绕项目自主学习探究。
在教学过程中贯穿项目式的学习中，项目的制定就显得非常重要，它既要根据学生兴趣来选定，同时又要考虑体现教学总体目标;并且所选择项目应该和学生日常的经历相关;难度要与学生的知识背景相符。制作热门话题专栏、制作个人主页、制作班级主页、制作个人爱好娱乐主页等，这些都是学生感兴趣的一些内容。在课程开始前要展示优秀的网站效果，让学生对网站建设有初步了解，并激发学生对网页设计的兴趣，让学生自己产生要制作属于自己的`作品。
三、项目式教学过程的实施
根据学生自己感兴趣的课题项目对学生进行分组，并在课堂上统一进行课题项目的分析，分析的过程中要对学生网页设计的基础内容进行讲解和分析。在整个分析讲解的过程中要让学生了解整个过程的制作工具，并选定项目的负责人。然后依据学生学习自主化的原则，任务目标化的方法，根据项目目标的要求，由负责人统一安排小组学习任务，由教师引导学习方向，共同制定出个人学习任务目标。
本项目要以学会专业规划网站、对主题网页进行相关设计并完成制作为知识目标;把掌握资料素材整合、制作软件使用确立为技能目标;让学生学会协作、学会正确的认识与评价自己与同学相互帮助增强自信心为情感目标。
课程项目内容及相关能力要求中首要学生学习的内容是页面的布局。页面布局是依照网站的受众群体的特点进行色彩组合和版面布局，通过导航的设计及媒体的使用来修饰网页的整体视觉效果和功能效果。并通过添加各种网页元素（文字、图像、表格、表单、视频、动画等）的设计与制作完善网页整体效果。再次是网页的结构，网页结构的确立一般是由网页框架、使用的表格及层的综合运用来完成。最后就是使用各种特殊效果来美化网页效果、增强网页使用功能。并确定网页元素。如JavaScript特效的设计，使用不同的特效来加强网页与用户的可交互能力。
根据学习进程，制定小组前期准备部分。学生深入的调查研究确定知识内容与技能技巧部分的前期资料。这个过程主要是由学生自己进行协作，通过自习与课外活动时间来做相关的调查与资料的搜集。小组成员通过教材及辅助材料的共同分析学习，出现问题与指导教师统一探究解决。这个过程学生们通过不断发现问题，提出问题，最后解决问题的过程来完善自己的知识结构体系，最后形成一个系统的知识体系。
活动探究部分让学生完成知识体系的培养后，学生运用相应的小组计划分别完成各自的作品，在完成作品的时候还会出现知识性问题，也会遇到能力培养方面的问题，这时候教师就要引导学生自己探究，培养学生解决问题的能力，从而提高学生的知识水平也加强学生各方面能力的培养。再此环节中要求教师在引导项目实施过程中要在引导方式上注意到有针对性的进行查漏补缺的帮助学生学习。
项目完成以后，由各小组先进行相互的指导交流，指导交流主要是为了让学生取长补短，这样可以很好的帮助自己发现问题，同时也可以发现自己的优点，从而增强自己的自信心。交流后给小组成员一课时的时间进行相应的总结及作品的微调整，并指定小组成员进行知识层面及技术层面的演示讲解，分享作品制作的成功和喜悦。通过这种形式，学生们获得了极大的成就感。
成就的最终获得还是要取决于最后的学习情况评价。整个评价过程采用了小组成员间、小组间及师生间的全方位综合评价法。项目开展过程中小组长对成员、成员对成员、成员对小组长都要进行不同方面的评价，最后把每部分的评价综合为项目终结性个人评价，加上其他小组成员对作品的评价，最后加上教师引导过程中的效果评价形成个人综合评价。这个评价也包括了知识和能力等多方面的细化评价，通过评价，使学生反思自己学到了什么知识和技能，以及不足，从而找出进一步学习的方向。
四、项目式课程设计的优势及不足
在整个项目的进行过程中学生可以自主的学习，自觉地接受学习，自己找可以承担的学习任务来完成，同时也学会了发现问题和解决问题的方法，发挥了个人的最大能力，也培养了从不同角度观察、思考和解决问题的办法，激发自身的创新意识，提高自身的创新能力。
但是整个过程仍然存在懈怠的同学，过分依赖他人完成整个项目，教师要是整个过程不能够及时发现这个问题则会造成学生学习发展的不均等，所以要加强项目学习的细化指导，加强教学过程的监督与引导。
其次在整个过程的实施中，学生的自觉性是直接影响到项目的进程及完成的最终效果，所以在学生整个学习的时间安排上应该有效的科学的安排，既要结合课余时间也要提高个人的学习效率。因为学生课余还有参加很多其他的学校获得所以导致计划落实有出入，所以加强计划可行性安排及建立项目学习的保障体系是需要我们继续探究的问题之一。
网页设计报告 篇8
适用场景：UI设计岗位入职前准备、UI设计工作流程学习
报告要点：参与UI设计岗位业务培训、协助其他部门文书处理、掌握UI设计岗位核心技能
行文逻辑：明确实习目的→熟悉工作环境→参与实际工作→总结经验教训
UI设计
岗位实习报告
部门：
实习岗位：UI设计
姓名：×××
指导伟德： 杜青道
完成时间：
一、实习目的
实习目的是，通过UI设计相关工作岗位实习使我了解以后再UI设计相关工作岗位工作的特点、性质，学习体验UI设计相关岗位工作的实际情况，学习与积累工作经验，为以后真正走上UI设计相关工作岗位做好岗前准备。
同时通过UI设计相关工作岗位的实习，熟悉实际工作过程的运作体系和管理流程，把自己所学UI设计工作岗位理论知识应用于实际，锻炼UI设计工作岗位业务能力和社会交际实践能力，并在工作中学习UI设计相关工作岗位的新知识，对自己所学的知识进行总结并提升，以指导未来在UI设计相关工作岗位的学习重点和发展方向。
二、实习时间
20x×年03月01日～20x×年06月15日
(修改成自己UI设计相关工作岗位实习时间)
三、实习地点
苏州市经济开发区江南大道
(修改成自己UI设计工作岗位实习地点)
四、实习单位
江苏省苏杭伟德集团(修改成自己UI设计相关工作岗位实习单位)
此处可以继续添加具体你UI设计工作岗位实习单位的详细介绍
五、实习主要内容
我很荣幸进入江苏省苏杭伟德集团(修改成自己UI设计相关工作岗位实习单位)开展UI设计岗位实习。为了更好地适应从没有UI设计岗位工作经验到一个具备完善业务水平的工作人员，实习单位主管领导首先给我们分发UI设计相关工作岗位从业相关知识材料进行一些基础知识的自主学习，并安排专门的老前辈对UI设计岗位所涉及的"相关知识进行专项伟德。
在实习过程，单位安排的了杜老师作为实习指导，杜老师是位非常和蔼亲切的人，他伟德UI设计相关工作岗位领域工作已经有二十年。他先带领我们熟悉实习工作环境和UI设计相关工作岗位的工作职责和业务内容，之后他亲切的和我们交谈伟德实习工作具体性质以及UI设计相关工作岗位容易遇到的问题。杜老师带领我们认识实习单位的其他工作人员，并让我们虚心地向这些辛勤地在UI设计相关工作岗位上的前辈学习，在遇到不懂得问题后要积极请教前辈。 毕竟是人生第一次在UI设计工作岗位上，所以真正掌握这一份工作是需要一个过程的。一开始我对实际UI设计岗位的工作内容比较陌生，都不太清楚自己的工作范围和职责，对实习单位的情况也不
太了解，不过杜老师会告诉我该怎样处理自己在UI设计岗位上遇到的问题。慢慢的我也就熟悉了自己的UI设计岗位工作内容，在UI设计岗位上的一些棘手问题也能自己独立解决，每天把工作做得井井有条。
在单位实习期间，我伟德的UI设计工作岗位相关的工作之外，还负责协助其他部门的日常工作，包括制定计划，利用新学习的UI设计相关工作岗位业务知识处理相关文书。
六、实习总结
对于第一次在UI设计相关工作岗位的的我来说，还没有足够的社会经验。经过了这半年来的UI设计相关工作岗位实习，我学到了很多，感悟了很多。特别是在实习单位领导和UI设计工作岗位的相关同事的关心和指导下，认真完成领导交付的工作，和同事之间能够通力合作，关系相处融洽而和睦。在工作中积极学习新知识、技能，注重自身发展和进步，我学会了很多UI设计相关工作岗位理论实践技能，增加了UI设计相关工作岗位相关工作经验。现将这两个月UI设计岗位实习工作遇到的困难及心得总结如下：
实习体会
一是低调地做人，高调地做事。我到UI设计岗位工作以后，要知道自己能否胜任这份工作，不在于掌握了多少UI设计相关工作岗
网页设计报告 篇9
适用场景：地税系统软件开发、asp技术应用实施
报告要点：新闻栏自动更新设计、公告栏内容维护操作、asp脚本代码编写
行文逻辑：创建新闻栏结构→编写asp脚本代码→维护公告栏内容
今年xx月，我在超想电脑公司实习，本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计，此软件采用asp开发。本人在此过程中主要参与了用asp进行网设计，包括新闻栏的创建和自动更新，以及公告栏的创建、使用和维护。通过本次设计，使我更加深入掌握了asp网设计的技巧。下面就是本人在本次实习后的心得。
asp是microsoft公司推出的一种用以取代通用网关接口的技术，英文全称activeserverpages。它是一个web服务器端的运行环境。asp本身包含了vbscript和javascript引擎，使得脚本可以直接嵌入html中。现将我们在asp运用过程中的几个小技巧与大家分享。
一、新闻栏
大多数网上有新闻栏，用以显示最近新闻的主题，点击此主题即可查看详细报道。倘若每天都一条条写在网上，再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢？
1.预备工作：
1）建一个文件夹，起名为"news"，假设存于d：/asp/目录下；
2）把每条新闻的详细内容写入文件，且此文件的命名形式为：x（newstime）。htm。其中x为此条新闻的主题，newstime为此条新闻发布的时间（按年—月—日顺序写）。为什么要这样写呢？看了下面的算法思想和源程序就知道了。
2.算法思想：对于news文件夹中的文件，依据它们文件名中新闻发布的时间（即括号内的内容），从大到小排序。这样一来，最新的新闻排在最上面，只要在网相应位置显示news文件夹中最上面的若干个文件名，因为文件名的命名方式如1中所述，就可以在新闻栏中显示最新新闻了。3.源程序段（用vbscript编写的）
nextfori=1tocountforj=1tocount—iifmystr（j）
更新公告栏内容
functiondatacheckdimmsg，errflagerrflag=true
iflen（trim（maintain。t1。value））=0thenfocusto（0）errflag=false
msg="请输入需提交的公告内容"endif
if（errflag=false）then
msgboxmsg，64，"ohno！"exitfunctionendifdatacheck=errflagmaintain。submitendfunctionsubfocusto（x）
document。maintain。elements（x）。focusendsub
①
语句①中的action="公告。asp"部分，指出了在form提交后要启动的程序为“公告。asp”。2）公告。asp
通过filesystemobject对象和textscream对象对"维护文本。txt"文件进行读写操作，使得此文件最上面5行的内容为要在公告栏里显示的公告。dimfso，myfile
setfso=server。createobject（"scripting。filesystemobject"）
setmyfile=fso。opentextfile（"维护文本。txt"，forreading）"以reading模式打开文件fori=1to5"公告栏共显示5条公告s（i）=myfile。readline"读取文件内容nextmyfile。close
setmyfile=fso。opentextfile（"维护文本。txt"，forwriting，true）"以writing模式打开文件myfile。writelinestrfori=1to4
myfile。writelines（i）"将数据写回文件
nextmyfile。close%>
3）维护文本。txt
此文件开始为空，从”更新。asp”显示的界面输入公告后，此文件内容被自动写入。
4.在主文件（通常是default。asp）欲显示公告位置的代码段中加入如下代码，即可显示出更新后的公告。
网页设计报告 篇10
适用场景：艺术设计学生实训总结、大学生就业前能力评估
报告要点：设计界面优化、产品版本迭代管理、用户需求分析实践
行文逻辑：熟悉产品→设计界面→处理兼容性→优化布局→总结改进
这是我的第一次实训，然而当一个大学生第一次踏足这个社会，或许会觉得彷徨，毕竟年轻的我们，有xxxx年都是在学校中度过的，再加上不断的听闻实训、招聘的社会有多残酷有多现实，但是其实只要我们愿意踏出第一步，初生牛犊不怕虎，大胆去闯吧，还是有公司能够包容我们。所以抱着不怕辛苦，耐心向学的心情，我还是决定闯一闯，毕竟大学这个亚社会和真实的社会真的差太多太多了，在实训中，得到任何与自己专业相关的知识，规划自己以后将要实现的目标，学会如何在公司里处理人事关系，协调合作等等。然而实训后，发现自己仍在在所学的知识上欠缺完整性和技能的熟悉，实训是一件很有意义的事，是大学生踏入社会前减少在社会上碰壁的好方法。
实训内容与过程
回顾这一个月来的实训生活是一件很值得纪念的事，这是我第一次在外实训，第一次在网上投简历能收到回复。对于我们这样的艺术设计学生，我深刻的体会到单单是学校教的远远不够，学校教的很笼统，很抽象，很大概，如果可以，我希望这个专业的师弟师妹们，有空多多到图书馆充实自己，静下心来充分自学。在外实训前，第一件事是把自己卖出去，包装自己，所以简历很重要，务必属实，因为你有多少两重，阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试，衣服当然要穿正装，其实我也想的只是大二实训期没有大三的三个月那么长，就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘，所以我感觉到万分荣幸能够进到这一支专业的创业团队，真的是一件了不起的事，而且这个岗位与我学习的和自己喜爱的科目对的很准，我自己也十分乐于这份工作。
记得刚开始的一个多星期，公司并没有让我马上投入工作，因为当时对产品了解不熟悉，要从学校的圈子走出来到商业模式去还是有点顾虑，但是当你接触到这商业化的东西，你会发现，学校的东西远远不足。所以一般公司会进行些培训，很感激william杨，他提供了很多设计的书籍给我自学阅读，可惜在我深刻读完《瞬间之美--web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后，就再也很难抽取一点时间来阅读了。
在接下来的这个月里，除了必要的培训以熟悉公司及其产品知识外，我也开始忙碌起来，因为产品的第一个内部版本需要再xx月xx日这个好日子发布。刚开始的两个星期，因为对产品并不熟悉，一直以来在学校设计的作品都很“学校”但是商业设计比较少，出头设计的时候真的抓破头脑，因为习惯了学校的生活，习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢，就是一种填鸭式的，根据参考去模仿设计，然而在社会上涉及很多版权问题，所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计，其次因为涉及商业利益，在商业的角度上，商业的资金来源是客户，所以他们的需求来源于客户，注重用户感受的设计，是一个好设计。其实设计是件看起来简单，但是操作起来却感觉很漫长的一件事情，每一个细节自己不断的琢磨推敲，自己就会让工作时间变长，效率变低，却又希望哪天能像那些设计家门随心所欲的设计出自己喜欢，人们喜欢，客户满意的东西。设计来源与生活，应用于生活，我还需要多多积累。
xx月xx日这个内部版本中，我主要的工作就是设计界面，然后photoshop切图，然后继续傻傻的使用习惯的notepad2++手写html和css。经历这样的蠢事之后，我决定还是回到dreamweaver的怀抱，因为毕竟知识不够强，在兼容性方面还需要有dreamweaver来实时的告诉我，以提高我的工作效率。期间william杨还多次与我熟悉，很感激他们都关心我，提醒我应该有自己的就业方向，3年5年20xx年的计划，说长不长说短不短的大学2年已经过去了。我应该有怎样的人生，我有想过，但却还没如此认真的付出着。我想起老板那句，你喜欢设计?你觉得设计适合你吗?我真的很需要考虑我的以后，但目前设计还是我喜欢的事情，我也愿意身心的投入到其中，有时候可以不必得到回报，只是为了满足我小小的心灵。
当xx月xx日一过，为庆祝产品大卖，公司还组织爬山活动，然而平常我们在深山中休养学习的多，爬山的少。爬山是锻炼毅力的一种好方法，工作之余不能忘了生活，忘了自然。这次高强度的爬山活动从下午3点一直爬到了晚上10点多才下到山脚，经历的时间之长，让我感受到一个人在公司里，不仅要有强硬的专业知识，还需要强壮的身体支撑来效益公司，而下山mk的那段话，真的让我感受到他们很关心我，因为毕竟他们都是过来人，谢谢他们的指导。
产品的初步版本确定之后，就要开始慢慢的改进了。william作为产品经理，不仅要领导着整个团队，还要协调工作的进度。他会制作出甘特图，通知每个人需要做什么事情，大概需要多长时间来完成。在其中，我会不时的停滞，因为某些小bug会导致我去转牛角尖，而这样会导致拖慢整个进度，然而在这个环节，我学会的最多的事，做事情要分优先级。总体要现出来，大方向，模糊地对，细节的错，慢慢改。而那个定律资源一定了，时间也定了，只能减少的剩下特性。
从xx月xx日开始到xxxx日，又是另一个版本的小跨越，一个星期里做的事并不多，除了不断配合小杨完善页面的重构和美化工作，还要检查最繁琐的兼容性问题，心里知道很多房地产经纪人使用的电脑基本上都是深度、雨林木风、电脑公司特别版的ghost系统，所以基本上都是ie6 ie7为主流的浏览器，兼容性方面的确在工作上成为一个重点。
xxxx日的第二个小版本后，会议总结了3页的分条建立修改文件，当看见满是修改意见的一行行文字，写上我负责的q，心理是有点担心，是否能在期限内完成工作，然而15日这次的爬山活动并没有参加，因为我知道我应该更加抓紧时间处理问题，一天下来最让我自己感到满意的是导航，亲力亲为的感觉，颇有成就感。一方面不仅要不断的完善页面的布局，一方面还要抽时间设计虎之翼公司的logo和网页，他们真是替我捏了把汗似的，都有种压力很大吧。我感觉还好吧，不过脑子真的要转的很快了，因为没有创作来源，让我在上下班的.途中朝思暮想的想着设计，充分利用上下班的塞车时间，不断的观看经过车窗的各型各类的广告来寻来创意来源。最后还是有惊无险的完成这些工作。除了这些工作，公司越来越多人了，刚进去的时候只有我和sandy，后来多了好多个人，很羡慕参数组，能有说有笑的工作，但是我这项工作，我不是一个人在战斗。再后来，开始招聘销售，因为产品到xxxx号就要正式发布了，有点让我走也走的不放心的感觉，要配合销售展开小单张的宣传。时至xxxx日，才基本完成。
希望，我的能力能帮到公司，献出我自己一份的力量。
实训心得与体会
从开始的实训，让我体验到这个暑假回会过得更有意义，会特别漫长特别充实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。通过这次的实训，不仅让我觉得我应该改变自己的内向，学会转变与人主动交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来，才能更好得在岗位上发挥自己的才能。
最后感谢，dav给我这么一个机会，留在公司实训，公司不仅需要各类型的人才，更需要一个有坚定和远见的老板;感谢william，看过头像和手机桌面，女儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，提高自己的审美和用户体验感受;感谢mk，认真的时候很认真，玩的时候还像个大孩子，喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公司才显得有活气，没有那么沉闷;感谢kevin，虽然接触不多，感觉他很用心，是市场方面的主管，看的最多就是修空调，快递要发票的时候，会为公司的财政斤斤计较，到后来q总q总得叫我，真不好意思呢;感谢小杨，能够和你愉快的合作，如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了;感谢adam，强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个产品就很难走下去了;谢谢一起在虎之翼公司里工作的所有工作人员。
我很喜欢你们，喜欢这样的工作氛围，谢谢你们!
