网页设计报告模板
成都理工大学工程技术学院网页设计实训报告
实训内容：网页设计与制作
指导老师：XXX
专业、班级：200X级计算机通信X班
姓名：XXX
设计时间：2011年11月18日
一.实训目的
1.掌握网页制作环境和网站建设步骤。
2. 掌握网页制作软件DreamWeaver的基本使用技能。
3.熟练掌握静态网页的设计与制造过程。
4.了解动态网页的设计与制作过程。
5.了解并逐步运用网页设计中的标识（logo）’视觉设计’色彩设计版式构成等
网页整体建设技术和方法。
6.练习在网站建设中多媒体技术的运用。
7.练习在DreamWeaver软件中使用插件。
8.编制网站建设说明书与课程设计总结。
9.通过实习培养团队协作精神。
10.培养文献查询能力实习方案设计能力自助实验能力实习报告撰写能力。
二.实训内容
用dreamweaver，photoshop，flash等软件设计一个网页。
三．实训步骤
1．资料的搜集。
2．熟悉制作软件。
3．构建站点框架。
打开Dremweaver后第一步便是新建站点
4．设计主页。
5．实现网页间的链接，链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6．向静太网页插入动态效果。
（一）页面的设计方面
网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习。并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该
注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡
简单的美。
（二）网页视觉效果
视觉形象识别即我们通常所说的VI（VisualIdentity），与BI一起用于深化表现企业理念，同时也受到BI的影响。所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等，在将其系统化以后就形成了企业的视觉形象识别系统。视觉形象识别系统在整套CIS中处于最表层的位置，其中所有的设计都将与目标客户发生直接的接触。
（三）网页的整体布局和导航
网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览，网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型
网页布局是主要考虑以下几点：
1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2、其次就应该考虑导航条的设置了。
3、正文的框架设置（横向因素和纵向因素交错）
（四）网页中文字、图像
图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间。
四.实训过程
熟悉制作需要的三种软件：Potoshop、Macromedia Flash 8和Dreamweaver
制作全过程中都需要运用到三类软件，处理应用收集到的素材。
1.Photoshop
它不仅是必不可少图像处理软件，还能通过它设计页面布局、完成切片和图片优化工作、制作动画和翻转按钮、实现链接等效果。
图片处理：
⑴去污，例：
⑵图片截取合成，例：
2.Macromedia flash8
他是专门用来设计和制作交互式网页动画的工具，可以将音乐、图像、图形和视频等数字媒体元素集成到一起来制作绚丽动的网页动态效果。
例：字体越现
此处略去其他flash 制作。
3.Dreamweaver
⑴向导式站点建立
⑵插入表格、图片、视频、超链接等
⑶点击超链接图片后面的“More...”按钮进入图片专区网页
五．实训总结
为期两周的网页设计实训课就快结束了，在这短短的两周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。
学校的实训课程真的很重要，因为它能让我们这些在校学生接触到社会的发展，让我们有时间岗位环境，顺利得从单纯的校园生活感到复杂社会生活的不同。在这两周的时间里，我一心只做自己喜欢的风格的网页。经历了一次充实而有愉快的实训，我学会了制作框架、使用锚点、给网页网页插入表格、视频、flash、导航条…更深层次的掌握了它们的用法，现在我心目中的网页也已经大体竣工，我感到很开心，经过这两周的不断探索，我喜欢上了这门课程，感觉很有意思。或许实训的结束代表一段新生活的开
始，但是我认为它不但是一门课，需要我们去掌握，同时还可以锻炼我们的逻辑思维能
力和思维的严密性，还有就是在制作网页的过程中，更需要有不错的艺术审美观，这样，你做出的网页才会赏心悦目，让人眼前一亮，也就是从此刻起，我决心好好钻研这门课，力求这方面的技能达到顶级。
虽然网页已经完成，可这并不是一件轻而易举的事情，在此过程中我遇到了许多以前不曾遇到的问题，多的情况都是自己解决，万不得已之际，我会主动问老师和同学，直到弄懂为止！让我更加清楚地明白老师平日里的良苦用心，也更加清楚地明白了自己以后应该怎样去做事。
网页制作课程设计报告
网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：
目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (1)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。
一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页，针对新加坡的美丽风景做了介绍。 二、设计思想 利用Dreamweaver8.0制作一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。
Web网页设计实验报告
WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)
一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像
网站设计报告
网站设计报告 项目设计报告题目：优秀作业展示平台 学号：20121040116 姓名：张荩月 日期：2015年4月25日
目录 一、项目设计背景 (3) 1.1目的 (3) 1.2 系统设计背景 (3) 1.3定义 (4) 二、系统设计 (4) 2.1系统设计思想 (4) 2.2 系统结构设计 (6) 2.3 系统性能 (6) 2.3.1 良好的用户界面 (6) 2.3.2 可维护性 (8) 2.3.3 可扩展性 (9) 2.3.4 安全性原则 (9) 2.3.5 数据完备性 (9) 2.3.6 输入输出要求 (9) 2.3.7 数据管理能力要求 (10) 2.3.8 故障处理要求 (10) 2.3.9 其他专门要求 (11) 三.数据库的设计 (11) 3.1数据库需求分析 (11) 3.2数据库概念结构设计 (12) 3.3数据库的创建 (13) 四.网站维护 (14) 五.网站测试 (14) 六.网站发布与推广 (15) 6.1网站发布 (15) 6.2网站推广 (15)
一、项目设计背景 1.1目的 设计说明云南大学优秀作业展示平台数据集成项目系统，包括最终实现的网站必须满足的功能、性能和用户界面，以及设计理念等。 1.2 系统设计背景 在互联网发展如此迅速的今天，一直改变着人们的生活。对于我们大学生而言，通过互联网改变生活也越来越普遍，信息交互的方式也在不断的发展，利用简单快捷的电子平台进行学习活动已成为大势所趋。但是，在学生群体自身的学习交流信息共享这方面，还有很多的工作要做。 如今，在大学中学习一门课程，学生想要寻找到有关于该课程的相关学习资料和往届作业显得尤为困难，对于授课教师也知之甚少。 基于学生群体构建学习交流平台，利用学生群体的自身优势将信息数据共享，服务于学生。这种自给自足的学习“生态圈”正渐渐成为主流。
网页设计与制作报告书分析
网页设计与制作报告书 课程名称:网页设计与制作 专业班级：电子商务2班 学号:201341440213 姓名：孙岩 指导教师：王康哲
目录 一．概要 (3) 二．网站开发 (3) 三．应用工具方案 (5) 四．栏目划分 (6) 五．代码表 (7) 六．截图 (13) 七．结论 (14)
摘要： 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。 二、网页制作设计技巧 首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，DREAMWEAVER 就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。 在文件列表里除了主页之外，还有文件夹。新建站点时，DREAMWEAVER 都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”
web网站设计报告书
WEB 网站设计报告书 学年第 1 学期 设计题目： Web网站设计报告年级专业： 姓名学号： 所在学院：
目录 一、设计目的 (2) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (3) 五、设计风格 (7)
一、设计目的 在Internet飞速发展的今天，人们已经无法离开网络，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课，就可以通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshoto等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为： 首先是首页，首页下是新闻、视频、论坛、比赛、交易，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。
网页分析报告
高 校 艺 术 网 页 设 计 分 析 姓名 班级 学号： 学院：国际教育学院
一、网站设计 1.1、网站设计的意义 网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。 因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。 1.2、网站设计的目的 1通过综合实训进一步巩固，深化和加强学生的理论知识与专业技能 （1）、进一步熟悉和掌握网站建设的基本流程和技术规范； （2）、巩固运用Dreamweaver网页制作软件制作静态网页的知识； （3）、巩固综合运用Dreamweaver独立设计一个内容完整、图文并茂、技术运用得当的网站； （4）、具备独立撰写实训报告的基本能力； （5）、在网页设计的实践中培养分析问题、解决问题的能力，培养创新能力和团队意识； （6）、培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心； （7）、为今后从事网站开发、维护和管理奠定基础。 1.3、网站设计的任务 1、站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。 2、进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。 3、动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。
网页设计课程设计报告
网页设计课程设计报告 系别：计算机科学系 班级：09级计师二班 姓名：邓桂香 学号：200914340229 指导教师：李发英 成绩： 日期：2011年5月
网页设计课程设计报告 一、网站设计目的和任务 一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。 此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。 再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。 二、网站主题 本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。
三、网站规划思想 当今社会，靠什么成功?很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题，这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推销出去，我想通过网络把自己的概况晾晒，方便别人更快捷更省事地得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一起研究探讨，相互促进，达到共赢。 既然这样，那么网站的风格自然是温和、高雅、柔美的，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼开朗性，展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对待和好感。 在内容和结构上，具体如下： 整个网站分为九个页面，分别为：主页面、基本信息、个人照片、成长阶段概况（童年、中学、大学）、兴趣爱好（文学、书法、
网页设计报告
电子商务2班201341440225杨杰网页设计报告 电子商务2班 姓名：杨杰 2016.06.10
目录 1.设计目的 (1) 2.设计思想 (2) 2.1网站整体结构规划思想 (4) 2.2 主页设计思想 (5) 2.3子页的设计思想 (6) 3.网页详细设计分析 (8) 4.结论 (10)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程
和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs6、Dreamweaver cs5等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。 配置虚拟机环境 1.在虚拟机上面模拟一个局域网环境 （1）在虚拟机上面配置安装windows xp sp3 professional(Client )和 windows server 2003 standard Edition (Server)两个操作系统的虚拟主机。 虚拟机硬件配置如下： Ⅰ.windows xp sp3 professional （在配置过程中可以选择默认配置） Ⅱ.windows server 2003 standard Edition
网站设计分析报告
网站设计分析报告 导读：本文网站设计分析报告，仅供参考，如果觉得很不错，欢迎点评和分享。 网站设计分析报告 一、网站的设计目标：《Hi购网》是用于实现为有需求商家聚集足够消费者，并使消费者得以更低折扣购买商品的平台。 二、网站的主题：《Hi购网》是设计一个网上团体购平台，并进行商品展示和销售管理。 三、网站的CI设计: 1. 《Hi购网》取“Hi”和“High”的同音，所以LOGO设计成一个跃起的简易的人物形象。 2.《Hi购网》是以“团购”为题材的网站，所以网站的整体形象以热情的橙色为主调，以白色为底并用暗红色最为点缀色。 3.整个网站主题采用宋体字。 4. 《Hi购网》的口号是：“上Hi购，放心high！” 四、网站的风格：《Hi购网》的设计风格是给人一种热情红火的感觉。 五、网站的功能需求:前台包含的模块有： 注册，登录，修改会员信息，查看订单，取消订单，确认收货，申请退货；后台包含的模块有:订单管理，会员管理。每个功能模块的具体描述:注册,添加新用户将用户信息添加到数据库；登录，登录到相应会员的主页面；修改会员信息，对会员注册的信息进行修改并
将修改后的结果添加到数据库；查看订单:查看订单信息和处理情况；取消订单，在订单发货前可以对订单进行取消操作；确认收货，会员确认收货后订单情况显示“已完成”；申请退货，会员确认收货30天内可以进行退货申请；订单管理，管理员可以对订单进行删除修改等操作；会员管理，管理员可以对会员进行删除等操作。 六、网站的运行环境和开发环境：运行环境windows，开发环境：VS。 七、网站的其他设计要求需求分析: 1. 《Hi购网》界面要求主要遵循简洁清晰又不失美观并易于用户操作的宗旨。 2.安全要求主要包括：用户可以浏览，选购商品但没有对商品进行修改和删除的权限；管理员登陆后台系统后才能对商品，会员，订单等信息实现管理。 3.用户注册登陆后才能进行商品的购买，管理员要对用户的身份进行验证。 八、网站的目录结构 九、网站的设计进度及时间安排 感谢阅读，希望能帮助您！
web动态网页设计实验报告
武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平
利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求： 需要我们实现的功能有： 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理
3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员，注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店，通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。
网页设计设计报告
XXXXXX学校 课程设计计划书课程设计任务书课程设计指导书 2013/2014学年上期 课程名称：网页设计与制作 系别：计算机科学系 年级专业：软件XX班 学生姓名：XXX 学号：XXXXXXXXX 指导教师：XXX
目录 ?网站全名及logo 标志 ·3 ?建立网站的目的、意义 ·3 ?网页设计制作最突出的创意 ·3 ?网站的栏目设计 ·5 ?色彩搭配及其含义 ·6 ?网站的结构图和页面组成 ·8 ?网站设计中具体实现的几个关键功能和相关技术说明·9 ?如何安排进度和计划完成时间 ·9 ?网站建设的心得体会和扩展性分析 ·9 ?参考资料 ·10
一、网站全名及logo 标志 网站全名：Jewelry珠宝公司 Logo标志： 二、建立网站的目的、意义 建立网站的目的：面向全世界宣传高级定制珠宝。 建立网站的意义：高级定制，绝无仅有的珠宝。 三、网页设计制作最突出的创意 我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚戒。点击下面的小图片，上面的图片也会随之变换。而且图片背景为透明，也使整个页面的效果更佳了。 而对于这效果的实现，我是先在网页素材库里面找了这个图片特效，然后再运用了一个框架将这个特效嵌入到框架里面。
其中运用了嵌入框架的的代码是： 还有这个页面也是用的这个特效： 点击箭头符号，图片也随之切换。 网站的首页我设计是一个进入flash，点击enter字符进入公司简介
这个页面我也很是喜欢，虽然简单，但是很精彩。Flash是在网上找的素材。 四、网站的栏目设计
Dreamweaver之网页制作报告
《多媒体技术及应用》 报告 学生姓名：嘎嘎 学号： 专业班级：自动化103班 网页制作报告(目录) 1.设计目的3 阐述该主题网站的设计意图和创意 3 简单介绍自己的个人网站 3 2.设计思想 在设计中主要用的技术 3 网页基本的框架 3 3.网页详细设计分析4 建立布局 4 网页中的图像 5 5 5 6 插入视频和音乐 6 设置图片循环滚动 7
设置链接 7 做个外网搜索栏 8 常用的显示-时间天气 8 建立子网和友情链接 9 文段的处理 9 4.最终效果图 5、结论总结 1、设计目的 阐述该个人网站的设计意图和创意。 本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。 简单介绍自己的个人网站 我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页，针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。 2、设计思想 在设计中主要用的技术 利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站，利用表格、行为、层和链接等网页设计技术设计页面。 网页主要的页面 本网站以迈克尔·杰克逊的人生经历为素材，主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点：视频和音
网页设计实验报告 实验一
昆明理工大学信息工程与自动化学院学生实验报告 （201 —201 学年第一学期） 课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名： 年月日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码：
感觉是全新的！
网页设计课程设计报告
课程设计 课程名称：HTML5开发技术课程设计 专业班级：计科1201 学生姓名：伍志强 学号： 201216010506 指导教师：刘宏月 学期：2013-2014学年第一学期
HTML5开发技术专业课程设计任务书 说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计（论文）首页
1 需求分析 本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态，和基本的各种文字说明，采用的是中英双板模式书写。 网站的目录结构如下： 伍志强------网站根目录 Css ------存放外置CSS文件 Images ------存放图片文件 Music ------存放背景音乐 ＪＳ------存放的ｊａｖａｓｃｒｉｐｔ代码 ．ｐｒｏｊｅｃｔ------编译时建立的一个工程 Index系列------存放的网站的各个网页 2 概要设计
3 详细设计 页面的布局和风格 DIV+CSS的基本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一部分进行设计。 DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表现的描述都在CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。 CSS网页布局的原理，就是按照HTML5代码中对象声明的 body { background:#131b20; font-family:Arial, Helvetica, sans-serif; font-size:100%;
网页设计报告
中南大学 网站制作技术综合设计报告 主题瑜伽俱乐部 学生姓名宁倩 学生学号08 专业班级电气工程及其自动化1303学院信息科学与工程学院指导教师周欣然 信息学院计算机基础教学所 2014年12 月14 日
目录一网站基本信息 1 网站功能描述 2 网站基本内容 （1）网站主题 （2）网站栏目 二网页具体制作过程 1 首页 2 书籍分类页 3 书籍推荐页 4 作者推荐页 5 书籍下载页 三网页具体内容 1 素材选取 2 网页内容 四网页问题及解决方案 五总结 1 心得体会 2 网页优点及不足
一网站基本信息 1 网站功能描述 本人平时热爱瑜伽活动，瑜伽是一项能够让人全身心放松的运动。除此之外还能强身健体，改善身体状况。瑜伽对于男女老少都合适。适合每一个人锻炼。此网站本人选取从瑜伽简介，分类，视频，音乐，书籍，作用等方面对瑜伽进行展示。目的在于加深自己对瑜伽各个方面的了解，同时也向大家推广瑜伽这项活动。 2 网站基本内容 （1）网站主题 网站名为“瑜伽俱乐部”，以“瑜伽运动”为主题，展开设计，向大家推广瑜伽这项锻炼活动 （2）网站栏目 网站首页中，有以下三个栏目：瑜伽分类，瑜伽作用，瑜伽媒体。 书籍分类中，有以下四个栏目：阿斯汤嘎瑜伽，艾扬格瑜伽，流瑜伽，热瑜伽。瑜伽媒体中，有以下两个栏目：瑜伽视频，瑜伽图书 二网页具体制作过程 1 首页 首页的制作方法： （1）运用了表格来规划整个网页；网页分为左右两个部分； （2）左方上部使用java script制作了一个类似幻灯片的相框，左方的下方则是对瑜伽的简介，涉及瑜伽历史。 （3）网页右方第一表格插入图片，明确主题。在此表格中也做了导航栏，点击将进入不同的页面。 （4）右下方通过表格，图片，文字，简单阐述了瑜伽的内容，在此部分点击read more同样能进入不同的页面。 （5）网页的最后，表明制作者，同时采取插入实时更新的时间。 （6）本页面插有背景音乐。该音乐是瑜伽典型音乐。 （7）右上角设置了读者联系我们的方式。
网页工作设计调研总结报告
网页设计调查报告 姓名：章稷坚 班级：艺设2班 学号：100802201 指导老师：葛书河
网页设计——网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子设计的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。 Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email 地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。 网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相 近之处。 版式设计通过文字图形的空间组合，表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。 在网页设计中，总是有倾向的特定技术来观察，或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而，近年来，又增加自由和开放源码技术，包括由W3C和WHATWG进行监控和批准，监督和实施增加。 趋势可以发现，不仅在看在时尚领域的使用的技术，如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web 2.0至今的重要作用的帮助。 网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的！还有哪个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！ 不可否认，国内网页设计环境还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。 企业客户所在行业往往有其特定的设计需求，特别是对于企业网站建设当中的配色，除了应根据企业的VI标准色，以及客户自身的喜好进行配色分析外，同时不能忽略整个行业对于颜色上的‘惯例’。那么，企业网站在设计和制作当中，到底有哪一些配色规则需要设计师遵循呢？ 企业客户在不同的发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中
动态网页设计报告
实验报告 项目名称：网页设计 课程名称：动态网页制作 班级：计082 姓名：柴硕 学号：070746 教师：张猛 信息工程学院计算机系
网页设计 一、[网页主题] 以个人空间展示为主题，其中分为主页面、我的朋友、我的家乡风貌、我的爱好兴趣以及个人简历五个页面。 婉子俱乐部 二、[素材准备] 网页设计知识参考图书、报纸、网络教程，图片、音乐、模板来源自互联网上，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。另外，还要使用Dreamweaver PhotoShop、Flash等工具，进行图像的处理、美化，还有一些flash的制作。 三、[布局特点] 我的导航放在右下角，分为My Friends、About Me 、My Idol、My hometown, Bei jing 以及return top，每个页面实现向其他四个页面跳转以及置顶的功能，我的排版没有使用网上的模板，而是自己搭配，有的采用图文搭配的效果，有的采用插入flash以及文字域，也有用表格来划分图片和文字的页面，达到每个页面布局不一，独具匠心，从而达到给人耳目一新的感觉。 四、[主页设计流程及设计效果截图] 一、创建本地站点 首先在本地机上建立一个文件夹，命名为“网页制作”，并且将素材文件放在站点中。 单击菜单栏中的【站点】-【新建站点】-【站点名称】为“柴硕个人网页”，本地文件夹为“网页制作”。 二、制作首页 1.新建HTML文档，并将文件保存在本地站点根文件下，命名为“index。html”。 2.点击，选择背景图像
3.插入flash，如图 4.插入导航
5打开代码在最后加一条语句实现条幅循环
网页设计报告.
网页设计报告 姓名:_____ ________ 班级:_____ ______ 1、确定网站主题 我的网站的主旨在于介绍《火影忍者》 , 《火影忍者》是日本漫画家岸本齐史的代表作, 作品自 1999年开始在周刊《少年 jump 》上连载后,读者反应非常热烈。随后, 《火影忍者》的 TV 动画在日本东京电视台播放, 成为最受欢迎的动漫作品之一。故事成功地将原本隐藏在黑暗中,用世界上最强大的毅力和最艰辛的努力去做最密不可宣和隐讳残酷的事情的忍者, 描绘成了太阳下最值得骄傲最光明无限的的职业。在这个忍者的世界中, 每一位年轻的主人翁都在开拓着属于自己的忍道。 2、搜集材料 主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻,同时,查询相关的图书、报纸、光盘、多媒体等,也可以 网站包括 8个页面多。首页、人物介绍、忍术揭秘、传说中 3忍、晓组织等等。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。 3、规划 每一个页面用统一的背景图片,以保证网站统一的风格。用一个 Flash 做了Loge, 搭配合适的元素用 Fireworks 设计出独特的站标, 然后再仿制出相似的其他子页面站标, 网站整体色调为淡黄色,然后点缀其他不同的颜色相配,突出主题,但颜色不宜过多,过杂,给人一种杂乱的感觉。版面设计要灵活, 根据各部分内容的不同适当的自由设计。但是每个页面的主元素和位置不能变,比如 loge. 版权信息等。
网页布局主要用层和表格,用层定位内容的大体结构,再用表格具体定位。为了网页布局的协调, 还可以加入 flash 动态图片, 会达到更好的效果。 4、选择合适的制作工具 做网页的首先工具当然为 Dreamweaver ,另外,为了处理网页中的其他元素,还可以使用 Fireworks Flash等软件。为了简便还用了下 Photoshop 。 5、制作网页 素材、风格、模板都设计好以后,下一步就是具体的制作网页。制作网站时,首先要做的就是站点的规划,建立一个本地站点,比如说,” Naruto ”然后再建立各个页面时,都应 该建立在本地站点中, 在网页制作时所需的各个元素都要进行统一的管理, 建立统一的文件夹放同一类型的文件,我在制作时建立了“ image ”文件夹来存放图片,但由于我的图片收集比较多,也没去整理导致做完后有些没用的图片没删掉。因为页面比较多我就建了个 htm l 文件放其他子页面。 根据《火影忍者》的剧情人物特色, 在网上搜集合适的图片。另外网页的页宽一般不超过 1200像素,以保证左右不出现滚动条。在设计窗口中插入一个一行一列的表格,表格的间距为 0,颜色为背景色,居中对齐,然后插入背景图片,就做成了网页的背景,网页的设计布局为, 中间部分显示网页最新动态, 用层工具定位元素的大致位置, 在层中然后插入表格,精确定位图像、文本的位置,同时考虑色彩搭配和布局结构,合理的配置每一个元素。首先制作的是网站的中间的 map , map 是网页中最显眼的部分,它负责链接人物介绍。在图中制作了热点链接,方便访问各个村的人物。之前, logo 只是一张图片。后来听说要复杂点,就改用别的技术。 Logo 是自己用 flash 制作的遮罩旋转的简单动画,总的来说不难, 就是有些东西忘了。还有就是老师要求的导航栏, 我用了标签行为,总的来说是完成了。但不是太完美。点在人物介绍上 layer7出来了,但下移鼠标去 layer7时, layer7就消失了。后来把
Web网站设计实验报告
Web网站设计实验报告 学生： 学号： 班级： 系别： 学院：
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (5)
五、设计过程 (6) 六、实验总结 (7) [附录]网页源代码节选 (8) 一．设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。 我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握
了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。 二．设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。三．结构设计 选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、靓图展示。 此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，
网页设计课程设计报告书
武汉理工大学华夏学院课程设计报告书 课程名称：网页设计 题目：俄罗斯方块游戏 系名：信息工程系 专业班级： 姓名： 学号： 指导教师: 2016 年1月14 日
课程设计任务书 课程名称：网页设计课程设计指导教师：苏永红 班级名称：软件1131 开课系、教研室：软件与信息安全一、课程设计目的与任务 网页设计与制作课程设计是《网页设计与制作》课程的后续实践课程，旨在通过一周的实践训练，加深学生对网页设计中的概念，原理和方法的理解，加强学生综合运用HTML、CSS、JavaScript、asp网页设计技术进行实际问题处理的能力，进一步提高学生进行分析问题和解决问题的能力，包含系统分析、系统设计、系统实现和系统测试的能力。 学生将在指导老师的指导下，完成从需求分析，系统设计，编码到测试的全过程。 二、课程设计的内容与基本要求 1、课程设计题目 俄罗斯方块游戏的设计与实现 2、课程设计内容 俄罗斯方块游戏是一个单击休闲小游戏。在俄罗斯方块的游戏界面中，有一组正在“下落”的方块(通常有4个，组成各种不同的形状)，游戏玩家需要做的事情就是控制正在“下落”的方块的移动，将这组方块摆放到合适的位置。只要下面“某一行”全部充满方块，没有空缺，那么这行就可以“消除”，上面的所有“方块”会“整体掉下来”。 对于HTML5、JavaScript学习者来说，学习开发这个小程序难度适中，而且能很好地培养学习者的学习乐趣。开发者需要从程序员的角度来看待玩家面对的游戏界面，游戏界面上的每个方块(既可以涂上不同的颜色，也可以绘制不同图片)在底层只要使用一个数值标识来代表即可，不同的方块使用不同的数值标识。 开发俄罗斯方块游戏除了需要理解游戏界面的数据模型之外，开发者还需要理解为游戏添加监听方法，通过事件监听可以监控玩家的按键动作，当玩家按下不同按键时，程序控制正在“下落”的方块移动或旋转。本程序稍微有点复杂的地方是，当方块组合旋转时，开发