认证主体：宁夏凯米世纪网络科技有限公司
IP属地：宁夏
统一社会信用代码/组织机构代码
91640100MA774ECW4K
1、精品文档网页设计说明书范文(共8篇)题目：青岛滨海学院精品课程网站姓名：学号：班级：指导教师：完成日期：王海燕0101070130__10信高1班_孙俊国_2011/12/15_目录青岛滨海学院精品课程设计与制作说明书.第1章网站的规划.1.1网站整体规划.1.1.1网站的定位.1.网站功能设计.1.2.1主页功能.1.2.副页功能.第2章精品课程网站设计与制作.2.1主页设计.2.副页设计.第3章核心代码.4.1网页设计的重点分析.网页设计的难点分析.小结：网站设计小结.参考文献.青岛滨
2、海学院精品课程设计与制作说明书第1章网站的规划1.1网站整体规划1.1.1网站的定位精品课程网站是一个学校的网站，首先网站整体上要给人体现出一种，温馨的、充满文化气息的、先进的、积极进取的校园氛围，网页整体上呈现橙黄色色调，这种色调能带给人热情奔放、充满激情正好适合大学生这个年龄段。1.1.网站板块的设置网站的板块从整体上分为主页和副页；进一步细分，主页是由banner、logo、导航、栏目组成；而副页就相对简洁些，主要分为banner、导航、栏目三个板块。1.网站功能设计1.2.1主页功能1）通过主页，你可以了解学校的新闻、教师风采、校园最新动态、以及国家精品课程等
4、到的凝聚雕塑，和与大门正对的嵩德楼结合而成，而且还有文字型解读学校历史，并且集合了学校校训：“开拓勤奋，坦诚务实。”也增长了网页的观赏性。banner截图如下：图片已关闭显示，点此查看2.1.栏目设计栏目排版丰富而又条理，即增加了阅读性，又体现出美观大方。栏目截图如下：图片已关闭显示，点此查看图片已关闭显示，点此查看图片已关闭显示，点此查看图片已关闭显示，点此查看2.1.导航设计导航栏主要运用flash动画菜单栏工具，图片交换，使要点击内容突出，既美观又大方。导航栏截图如下：图片已关闭显示，点此查看2.1.风格与色彩搭配整体上采用尸字形设计风格，是内容更加丰富，主
5、页采用潜橙与橙色里加了点红色的色彩搭配。给人一种温馨而又充满激情感觉，增加读者的阅读兴趣，使网页更具有浏览性。.1.技术运用1）主要应用表格进行布局，运用div和ap-div进行辅助布局。）导航主要运用flash动画技术。3)运用fireworks以及ps对图片进行处理、融合，设计出风格独特独特的banner，以及做出网页效果图。4）应用代码进行加工处理实现图片与字的滚动以及统计浏览次数。2.副页设计2.2.1副页栏目设计不同的副页栏目设计不同，例如教学视频副页里添加了视频在线浏览栏目，教学简介里则增加了对教师的介绍以及风采展示，还有校园风光里则增加了校园风
6、景的动态浏览栏目，联系我们里则对班级同学进行了展示等等。栏目截图如下：图片已关闭显示，点此查看图片已关闭显示，点此查看2.2.1.导航设计副页导航与主页导航并不完全相同，副页导航更加简练。截图如下：图片已关闭显示，点此查看风格与色彩搭配副页色彩与主页保持一致，副页风格主要采用t型布局，和e型布局，跟据内容不同，添加不同栏目框架。技术运用1）通知运用流动字体代码编写，图片有的采用流动图片代码，有的使用flash技术制作。2)运用fireworks以及ps对图片进行处理、融合，设计出风格独特独特的banner，以及做出网页效果图。2.2.副页
7、栏目设计栏目设计根据内容设计不同风格栏目。截图如下：图片已关闭显示，点此查看图片已关闭显示，点此查看2.2.2.风格与色彩搭配与主页风格色彩相同。.2.2.技术运用1）应用flash技术制做图片展示，利用fireworks设计banner。）运用ap-div布局。第3章核心代码rowspan=5colspan=3name=index4_r27_c13src=sucai/images/index4/images/index4_r27_c13.jpgwidth=128height=80border=0alt=onmouseover=mm_swa
8、pimagename=index4_r27_c16src=sucai/images/index4/images/index4_r27_c16.jpgwidth=55height=14border=0alt=rowspan=5colspan=2name=index4_r27_c20src=sucai/images/index4/images/index4_r27_c20.jpgwidth=41height=80border=0alt=onmouseover=mm_swapimagename=index4_r27_c22src=sucai/images/index
9、4/images/index4_r27_c22.jpgwidth=81height=14border=0alt=第4章精品课程网站网页设计的重难点分析4.1网页设计的重点分析1)主要体现在板式设计，色彩搭配上围绕一个重点，整体协调，内容丰富，特别要突出主题，副页既要体现与主页的协调，还要突出不同主题的风格这是重点。2）栏目布局。网页布局有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、f1ash型、变化型等多种形式。采用表格布局我认为是最佳选择，虽然布局的过程简单易用，但是问题很多，例如：超链接问题，还不太稳定；采用ap-div进行辅助布局
10、，但ap-div随分辨率改变而发生变化，不过结果还算理想，以后打算采用更稳定的div布局4.网页设计的难点分析1）网页采用表格布局，不稳定容易溢出，是整个网页出现裂痕。）超链接有时连不上。3）写代码时要考虑表格的代码，进一步增加了难度，还有ap-div像素问题都是难点。小结：网站设计小结在现代快速发展的社会，报纸、纸质图书将要被取代，一个重要的信息学校网站建设，即方便同学们浏览信息，也给外界了解我们学校提供了平台，同时也可在网站上进行师生交流，增加同学与老师的距离，也可使同学们在校园网上学习优秀教师的教学视频，给同学们提供更多的教学平台。网站设计是一个繁琐而又有意义的工作，考验我
11、们专业知识的同时，也在考验着我们的耐心。在网页里可以体现我们的创意，设计方法让我们的想法变得可视化，因此网站建设也能体味其中的乐趣。参考文献1dreamweaver网页设计与制作案例教程2/sj/200811/7/103祈大鹏dreamweavercs实用教程.北京：电子工业出版社，2010信息工程学院网页制作工具实践环节考核报告单2011-2012学年度第1学期期末排课编号：-0714394-00425-1批阅日期：年月日图片已关闭显示，点此查看河北科技师范学院网站设计说明书题目：七色彩虹童装店学生姓名：何然然指导教师：陈爽系别：教
14、绍、联系我们等网站功能。使店铺通过网站达到以下目标：店铺的宣传与推广，与客户的交流与共同，提供在线信息咨询和技术支持，提高店铺的水平，提高店铺的信誉。四、关键词：童装风格要突出企业/产品的个性气质。企业网站的风格要体现独特性而不是与其他网站千篇一律的风格，比如套用模板程序做出来的网站通常就难以体现个性气质。要根据自己要设计的网站的内容进行设计，突出网店的特点，符合网店的整体形象.网站总体系统设计：1网站构架本网站主要以静态为主，首页通过背景音乐和一些图片按钮，网站头部的导航条，进行简单的设计，达到新颖的目的。下一级的页面包括三个框架，布局简单便捷。颜色鲜亮均衡。字体美观大方。采
15、用背景音乐七色光是网页更活泼自然，虫儿飞是孩子留恋童真时代。加入了flash动画效果的横幅，以及网站的主题内容，其中本网站主题内容应用了flash按钮和视频等。如下：图片已关闭显示，点此查看2网站模块划分栏目并确定网站结构：经过对网站内容的分析我将网站内容划分为六个栏目：网站首页、关于我们、新闻资讯、产品展示、最新活动、联系我们。关于我们：1图片已关闭显示，点此查看2图片已关闭显示，点此查看新闻资讯：图片已关闭显示，点此查看参考文献：1、qq宝贝童装%20qq宝贝品牌童装%20童装加盟%20品牌折扣店%20童装品牌加盟%20童装加盟.htm/index.shtml、
18、能性都有长足的进步这也为我们制作网页提供了强大的工具。古语有云：“工欲善其事，必先利其器。”关于视频插入问题我选择了wmv，微软所提供的一种格式。此格式体积小非常适合镶嵌在网页中。在表达一些理念方面东西的时候能更加的形象化与多样化。1.个人网页设计理念：本次作业目的就是做一个自己的主页，通过一些信息来表达自己的一些思想与观点，还有就是一些个人对于生活的一些心得体会。所以一定要加入个性化的元素能表现自己，还有符合自己性格的色彩搭配与文字图画以及音频与视频，所以我的网站名称为我de乐园，给人一种积极快乐个人天堂的感觉。二、网页设计以及浏览工具2.1工作环境：操作系统：windows
20、：在个性栏目中我采用了两个页面跳转的一个关系。在网页制作从入门到精通看到了关于登陆密码的问题，我依照书上所写照抄下来从而实现了通过输入密码并得到确认从一个页面跳转到了另一个页面。在主要显示页面中我插入了音频的播放，还添加了一个时钟显示，这个也是在书中找到并且灵活运用其中。3.电子相册：电子相册当鼠标放在图片上图片可以按一个顺序播放，并且能一直循环下去，这其中也有javascript的应用，虽然我不懂这个语言但是通过大量查阅书籍和在网上搜集资料还是找到一些可以应用的源码，在网页中插入应用都产生了不错的效果。3.在线试听：在线试听中我采用的windows自带的播放器进行播放，所播放视频格
22、作中。当然还有在课堂中学习到的框架，表格，表单以及锚点连接与flash的应用。上述就是我此次作业中运用的一些技术。4.个人心得总结：初看到考核标准的时候心情十分焦躁，虽然老师在课上讲了许多东西，但是没有真正的应用过，所以在心理上产生了恐惧感，但是通过我对老师课件的一个梳理以及在翻阅书籍中获得了大量的知识，以及制作信心。尤其是在javascript和css的应用中我深刻的体会到了自我学习的重要性，俗话说：“师父领进门，修行在个人。”通过此次作业真正让我领悟了自我学习才是在今后学习以及生活中不断提高自己的最重要的途径。学习了一个学期的网页制作，真正让我收获了一种学习态度，我感觉这是我最重要的收
23、获。当然还有专业知识方面的学习，虽然学习的不精深但还是收获了，收获了网页的一些基础知识，这就所谓的学海无涯吧。设计说明书题目：美蝶饰品店网站的设计与制作姓名：学号：班级：指导教师：完成日期：于洋20101070141_10信高1班_孙俊国__011年12月15日_目录第1章网站的规划.1.1网站整体规划.1.1.1网站的定位.1.1.2网站板块的设置.1.2网站功能设计.1.2.1主页功能.1.2.副页功能.第章美蝶饰品店网站的设计与制作.2.1主页设计.2.1.1logo设计.2.1.banner设计.2
24、.1.3栏目设计.2.1.4导航设计.2.1.风格与色彩搭配.2.副页设计.2.2.1栏目设计.2.2.搜索栏设计.2.2.技术运用.第3章美蝶饰品店网站网页设计的重难点分析.3.1网页设计的重点分析.3.网页设计的难点分析.小结：网站设计小结.参考文献：.美蝶饰品店网站的设计与制作第1章网站的规划1.1网站整体规划1.1.1网站的定位当今时代是一个科学技术高速发展的时代，随着计算机与互联网使用的普及，网上购物也日益兴起。在平时的网购中我发现虽然各种各样的购物网站充斥在互联网上，但专业的饰品店却没有几个。再加上在平时生活中发现
25、实体的饰品店深受各种人群的喜爱，于是开始构思设计一个网上饰品店，并为之取名为美蝶，以方便在网上出售各种饰品。1.1.2网站板块的设置美蝶饰品店是为了出售饰品而设立的网站，我们网站志在为顾客提供各种精美饰品。我本次网站设计的板块主要有：精美项链、耳饰、手链、手表、挂饰、情侣饰品、饰品盒等几个板块。这些板块构成了整个网站，供大家浏览购买精美的饰品。1.2网站功能设计美蝶饰品店网站的整体功能主要是向各种人群出售各种精美的饰品。1.2.1主页功能1、通过首页，介绍一部分本网站热卖的商品。2、通过首页，连接到本网站的各个分页上。1.2.副页功能1、通过副页将该网站的饰品更加条理化、更加
26、详细、方便的展现给消费者。2、副页中将每个板块的内容具体化、深入化、详细化。3、副页在展现具体饰品内容的同时，能让消费者更加深入了解饰品的价格。第章美蝶饰品店网站的设计与制作2.1主页设计首页采用简洁的div布局，将所有版块都排列整齐，将所有的版块项目清晰的罗列出来。图片已关闭显示，点此查看2.1.1logo设计logo是一个英文单词，上方有一只飞舞的蝴蝶，取自于“美蝶”。图片已关闭显示，点此查看2.1.banner设计以淡粉色为主色调，配以紫色，给人以温馨的感觉。并使用flash，为其做了一个流光的效果，使整个网页更加美观，具有动感，更能吸引浏览者的眼光。2.1.
27、3栏目设计本网页主要以销售各种各样的饰品目的，就是精美项链、耳饰、手链、手表、挂饰、情侣饰品、饰品盒等，还有其他一些小栏目，诸如联系我们等。2.1.4导航设计使用photoshop做了七张图片，分为七个模块，分别是网站首页、时尚耳饰、时尚项链、时尚戒指、情侣系列、其他产品、联系我们，并分别建立了链接,链接到副页，能更好的查看美蝶饰品店的各种类的饰品。图片已关闭显示，点此查看2.1.风格与色彩搭配美蝶饰品店，在风格色彩上采用了，给人一种温馨甜美的感觉，更能体现出美蝶饰品店的服饰所特有的魅力。暖色，给人一种温暖的感觉，色彩以粉色主色调，这样与板块所显示的内容呼应。由于大多数顾客应该是
28、女性，所以这样的配色可以更好的吸引顾客。2.副页设计余味服装店有12个副页，网站首页、时尚耳饰、时尚项链、时尚戒指、情侣系列、其他产品、联系我们、热卖产品、套装、时尚手表、时尚挂饰、时尚首饰盒。12个副页都是通过iframe浮动标签链接到主页上。图片已关闭显示，点此查看2.2.1栏目设计本网站副页栏目主要包括，网站首页、时尚耳饰、时尚项链、时尚戒指、情侣系列、其他产品、联系我们、热卖产品、套装、时尚手表、时尚挂饰、时尚首饰盒。详细的介绍各种饰品的价格等。图片已关闭显示，点此查看图片已关闭显示，点此查看图片已关闭显示，点此查看2.2.搜索栏设计在附页中设置了一个搜索栏，方
29、便顾客找到想要的商品。图片已关闭显示，点此查看2.2.技术运用在首页上，利用flash动画制作的动画“产品展览”，然后插入到页面上，以展示一些热销的饰品。图片已关闭显示，点此查看在状态栏上利用脚本插入了一段文字飞入的效果。图片已关闭显示，点此查看第3章美蝶饰品店网站网页设计的重难点分析3.1网页设计的重点分析1、布局。由于表格布局，虽然简单，但是表格宽与高的设定不好控制。所以本网页使用了div布局。为顺利插入iframe浮动标签打下基础。2、iframe浮动标签灵活运用。本网站运用了iframe浮动标签作为网页内容展示与切换的平台，要注意为浮动标签命名，这样利用超
30、练接时才不会出错。3、风格、色彩的搭配。不同的网站有不同的目的，也就应该有不同的风格、色彩的搭配。3.网页设计的难点分析网页设计中最难设计的就是主页的版面、布局的设计以及色彩的搭配是否合理。图片已关闭显示，点此查看小结：网站设计小结网站在设计的过程中遇到了许多困难与问题，在通过自己的努力解决问题过程中学习到了很多知识。学会了使用spry菜单栏，能熟练使用iframe浮动标签，熟练使用div以及css样式，灵活运用javascript代码实现图片、文字特效。在此同时，也发现了许多的不足之处。本网页作为一个购物网页应该有后台数据库的的支持，由于本学期学的是静态网页，所以本网页有一些功
31、能暂未实现，需要进一步的改善。参考文献：1dreamweavercs基础与实例教程主编谬亮电子工业出版社2网页设计与制作教程主编刘瑞新等机械工业出版社3梦芭莎饰品4百度图片信息工程学院网页制作工具实践环节考核报告单2011-2012学年度第1学期期末排课编号：-0714394-00425-1批阅日期：年月日图片已关闭显示，点此查看浙江财经大学.第网页课程设计说明书项目名称姓名指导教师张滨2014年12月11日目录目录.1第1章建设网站前的市场分析.1第2章建设网站目的及功能定位.1第3章网站技术解