个人网页设计说明书
网页设计毕业设计说明书
网页设计毕业设计说明书网页设计毕业设计说明书一、引言在当今数字化时代，互联网已经成为人们生活中不可或缺的一部分。
随着互联网的普及和发展，网页设计作为一门新兴的职业逐渐受到人们的重视。
本毕业设计旨在通过对网页设计的深入研究和实践，探索如何利用设计原理和技术来创造出具有吸引力和用户友好性的网页。
二、背景随着互联网的快速发展，越来越多的企业和个人开始意识到网页设计对于网站的重要性。
一个好的网页设计不仅可以吸引用户的眼球，还能提升用户体验，增加网站的可用性和可访问性。
因此，学习和掌握网页设计技能对于未来从事相关职业的学生来说至关重要。
三、目标本毕业设计的目标是通过学习网页设计的基本原理和技术，设计并开发一个具有创新性和实用性的网页。
通过此项目，将会探索以下几个方面：1. 网页设计的基本原则：包括布局、色彩、字体等方面的设计原则；2. 用户体验设计：通过用户研究和测试，优化网页的用户界面和交互设计；3. 响应式设计：设计一个适应不同设备和屏幕尺寸的网页；4. 网页性能优化：通过优化代码和图像等方式，提高网页的加载速度和性能。
四、方法与步骤1. 网页设计理论学习：通过学习相关的网页设计理论和实践，掌握网页设计的基本原则和技巧；2. 网页设计工具使用：学习并掌握一些流行的网页设计工具，如Adobe Photoshop、Adobe Illustrator等；3. 网页开发技术学习：学习并掌握一些常用的网页开发技术，如HTML、CSS、JavaScript等；4. 网页设计实践：根据学习的理论和技术知识，设计并开发一个具有创新性和实用性的网页；5. 用户测试和反馈：邀请一些用户进行测试，并根据他们的反馈进行网页的优化和改进。
五、预期成果通过本毕业设计，预期将会产生以下几个成果：1. 网页设计说明书：详细记录网页设计的整个过程，包括设计思路、技术选择、界面设计等；2. 网页设计原型：根据设计说明书，制作一个网页设计的原型，展示网页的布局和交互效果；3. 网页设计实现：根据设计原型，使用HTML、CSS等技术实现一个完整的网页；4. 用户测试报告：记录用户测试的结果和反馈，分析用户对网页的使用体验和建议；5. 毕业设计论文：撰写一篇毕业设计论文，总结整个设计过程和成果，探讨网页设计的相关问题和未来发展趋势。
个人网站说明
个人网页设计说明书我们读书就是为了获得知识，现在我们学习了网页设计，当然就是要能做一个精美的网页。
在此次网页设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。
通过此次设计我们还要能够知道静态网页和动态网也的区别。
诚然，次此设计的个人网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好css的核心工具和技术，以便提高对网页知识的更深层了解。
第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。
使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。
以达到老师要求的效果和学以致用。
设计目的：我们读书就是为了获得知识，现在我们学习了网页设计，当然就是要能做一个精美的网页。
在此次网页设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。
通过此次设计我们还要能够知道静态网页的特点。
诚然，次此设计的个人网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好css的核心工具和技术，以便提高对网页知识的更深层了解。
第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。
使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。
以达到老师要求的效果和学以致用。
使用工具和数据库：主要的使用工具有：Dreanweaver 、photoshop.而在此次设计中主要用到Dreameaver 设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图象和图文混排和外部图象的编辑等功能。
主要是它的功能我还不是很了解，我相信我以后会更好的使用它。
功能介绍（各模块介绍核心技术）：我的网页主要包括了主页，歼十雄姿，研发历程，详细介绍，歼十故事，设计团队。
网页设计说明范文
网页设计说明范文
《网页设计说明》
网页设计是指利用各种技术和工具，将内容、布局、颜色等元素有机地融合在一起，呈现给用户一个完美的网页界面。
一个好的网页设计不仅要具有美观的外观，还要具有良好的用户体验和功能性。
首先，网页设计需要考虑用户体验。
网页设计师应该充分了解用户需求，以用户为中心，设计出符合用户习惯的界面。
网页的导航、布局、文字、图片等元素都应该符合用户的使用习惯，让用户能够快速、便捷地找到自己需要的信息。
其次，网页设计还需要考虑页面的功能性。
不同类型的网页需要包含不同的功能，比如电商网站需要有购物车和支付功能，咨询网站需要有文章分类和搜索功能等。
设计师需要根据网页的用途来选择合适的功能，并保证这些功能的稳定性和易用性。
此外，网页设计还需要考虑页面的美观性。
色彩搭配、排版、图片选择等都需要考虑到整体的美感，使网页看起来清晰、舒适，让用户愿意停留并且回访。
同时还需要考虑网页的响应式设计，确保网页在不同设备上能够呈现出良好的效果。
综上所述，一个好的网页设计需要综合考虑用户体验、功能性和美观性，让用户能够快速找到自己需要的信息，并有愉快的浏览体验。
希望设计师们在网页设计过程中能够细心地考虑这些因素，打造出更好的网页界面。
个人网页设计说明
我们读书就是为了获得知识，现在我们学习了网页设计，当然就是要能做一个精美的网页。
在此次网页设计中，我们要能更加的了解Dre ameav er强大的功能和更好的使用它。
诚然，次此设计的个人网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了解。
第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。
使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。
以达到老师要求的效果和学以致用。
制作中使用过的软件：主要的使用工具有：Drean weave r 、Co new和M eitu，而在此次设计中主要用到Drea meave r 设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图像和图文混排和外部图像的编辑等功能。
关于D reame aver的插入FLA SH功能我用的比较少，在首页里我插入了一副FLAS H，主要是它的功能我还不是很了解，我相信我以后会更好的使用它。
个人网页介绍;我的网页主要包括了主页，个人简介，个人像册，心情日记，幽默笑话，最拽女人，联系我等。
主页主要上用来显示网页的主要内容。
在主页里，我嵌套了一副FLAS H，在FL ASH里面我又加入了一首歌，是本网页有了精美的音乐。
个人档案主要是用来介绍自己和介绍自己的爱好，以便让更多的人了解自己。
个人像册是用来显示照片的，在个人像册里我用Cone w做了一个动感影集，把我所有做过的相片都加进了里面，看起来比较个性，美观，心情日记里我加进了自己的日记，把生活点滴都记录了下来。
网页设计说明书
我所做的网站是：海南环岛旅游导航目的：海南作为我国的一个热带岛屿，有着优美的自然风光和丰富的旅游资源，是游客观光、旅行的胜地，我想通过这个网站向人们介绍各个迷人的景点，吸引更多游客来海南观光。
内容：这个网站主要介绍环岛的一些主要的景点和一些特色景点，以及简要介绍它们由来、风俗及相关传说等。
在这个网站中我侧重景点介绍，推荐一些人们路线，还有一些宾馆、实用电话的简单说明。
制作思路：为了可以很好的达到我想要的效果，我首先进行一个详细的规划，首页的排版中的那副大图是为了能多吸引浏览者的目光。
各景点页面是以首页右边排版为模版制作的，每张图片都是经过了PS和美图秀秀处理，然后分类排列。
我主要采用层和表格制作网页，我的链接主要是文字链接，其中景点介绍页面链接了28个景点子网页，网页中还有图片的滚动效果。
我能力有限，只有最基本的图片滚动效果。
因为我浏览网上介绍旅游景点的网页，都是文字太多，基本上不做图片的滚动效果，给人的感觉很乏味，所以我我做的网站实现了图文并茂。
我觉得视觉感受很重要，如果没有一个好的第一视觉印象的话，这个网站是没人会光顾的，这样下面的内容就没办法向别人展示了，那这个网站也就没意义了。
所以我尽可能的让我的网页能吸引浏览者的眼球。
制作步骤：根据制作思路，首先是设计首页，将要表达的信息进行总体排版，然后根据排版出来的主页面来做子页面，最后将子页面和主页面进行创建链接。
图片都经过处理，分门别类放好，绝不混乱。
网页所能实现的功能：我这次做的是静态网页，但我在其中实现啦图片的滚动效果，以增加网页的灵动性。
下面通过网页截图详细的介绍：大图让整个网页看起来清晰明亮以首页右边排版为片为模板推荐的热门路线宾馆推荐及实用电话部分技术代码：制作图片滚动及当鼠标停在图片上时会换另一张图片：<div id="apDiv12"><a href="../hony_jd2/hony_jd22_datpl/datpl.html"><img src="n4.jpg" width="105" height="26" /></a></div><div id="apDiv13"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','tds2.jpg',1)"><marquee><img src="tds1.jpg" name="Image16" width="214" height="180" border="0" id="Image16" />心得系会：一个网页的色彩最好不要超过3种，否则会给人的视觉感受就会觉得很乱。
网页设计说明书
目录第一章：网页设计规划 (1)一、整体规划 (1)1.网页设计目的 (1)2.网页定位： (1)3.网页模块的设置 (1)第二章：网页设计与制作 (1)一、主页设计 (1)1.模块设计 (1)2.风格与色彩 (2)二、子页设计 (2)1.基本信息模块 (2)2.学习成绩模块 (2)3.获奖情况模块 (2)4.实践经历模块 (2)总结 (3)第一章：网页设计规划一、整体规划1.网页设计目的我们读书就是为了获得知识，学习了网页设计就是为了把它运用到实际中。
此次网页设计的目的有三个。
第一，完成我们的考试，对我们平时学到的知识进行考核。
第二，把学到的知识运用到实践中。
正值大四，求职是我们必须面对的事情，一份完美的简历是找到一份满意工作的敲门砖。
把自己的简历做成个人网页是一个独特新颖的方式，能让大家直观快速地了解我。
第三，在此次的网页设计中，能把之前学到的知识前后联系起来，系统地得到复习，加强对知识的掌握程度。
2.网页定位：1)让大家更快更全面地了解我。
2)把自己以最新颖的方式推荐给大家。
3)网页设计风格要符合简历本质的要求。
3.网页模块的设置此次网页设计共分成五个模块。
第一个是网页主页，其次是四个子网页，分别是我的基本信息、学习成绩、获奖情况、实践经历四个模块。
主页中包含有四个子网页的链接。
在基本信息页面中，可以了解到我的个人信息、优势、技能和在校任职情况等。
在学习成绩模块可以了解到大学期间每个学期我的综测排名情况，还可以链接到我的详细成绩单。
获奖信息页面中可以了解到大学期间不同时间段我获得的奖励，并附上了主要的几张奖状。
在实践经历页面中可以了解到大学期间我的一些实践情况以及每次实践经历后提高的能力。
第二章：网页设计与制作一、主页设计1.模块设计此页面上包含四个链接图标，分别为基本信息、获奖情况、学习成绩和实践经历。
在photoshop中制作好四个链接图片，设定图片大小。
通过使用<a>标签在HTML中创造链接，使用herf属性创建指向另一个文档的链接。
个人网页策划书模板3篇
个人网页策划书模板3篇篇一《个人网页策划书模板》一、引言在当今数字化时代，拥有一个个人网页可以展示个人形象、技能、兴趣爱好等，是一种非常有效的自我展示和交流方式。
本策划书旨在为创建一个独特而吸引人的个人网页提供指导。
二、网页目标1. 展示个人的专业技能、工作经验和成就。
2. 分享个人的兴趣爱好和生活点滴。
3. 建立与他人的互动和交流平台。
三、目标受众1. 潜在雇主和合作伙伴。
2. 同行和专业人士。
3. 朋友和家人。
四、网页内容1. 个人简介：包括姓名、照片、个人简介等。
2. 专业技能：详细列出自己的专业技能和相关经验。
3. 工作经历：按时间顺序展示工作经历和取得的成果。
4. 项目经验：介绍参与过的重要项目及贡献。
5. 兴趣爱好：分享个人的兴趣爱好和相关活动。
6. 联系方式：提供多种联系方式，如电子、社交媒体账号等。
五、网页设计1. 整体风格：简洁、大气、专业，符合个人形象和特点。
2. 色彩搭配：选择适合的主色调和辅助色调，营造舒适的视觉效果。
3. 布局排版：合理安排各个板块，便于用户浏览和获取信息。
4. 图片和视频：使用高质量的图片和视频，增强视觉冲击力。
六、技术实现1. 选择合适的网页开发工具和技术，如 HTML、CSS、JavaScript 等。
2. 确保网页的兼容性和响应式设计，适应不同的设备和屏幕尺寸。
3. 优化网页加载速度，提高用户体验。
七、网页维护1. 定期更新内容，保持网页的新鲜感和吸引力。
2. 检查和修复可能出现的技术问题。
3. 及时回复用户的留言和反馈。
八、推广策略1. 在社交媒体平台上分享网页，扩大影响力。
2. 参与相关的行业论坛和社区，积极互动和推广。
3. 与其他个人网页进行友情交换。
九、预算1. 域名购买费用。
2. 服务器租用费用（如果需要）。
3. 网页设计和开发费用。
4. 图片和视频素材购买费用。
十、时间安排1. [具体时间区间 1]：完成网页设计和内容规划。
2. [具体时间区间 2]：进行网页开发和制作。
个人网站设计说明书
小金个人网站设计说明书1 设计理念个人网站设计，以简约风格为主，本站亦是如此。
本站点旨在通过现代网页制作技术，把有关个人信息通过网站形式发布到互联网，借此达到与外界互联互通的目的。
就网站本身而言，力求主题清晰，结构明了，美观而不失大方。
2 总体框架2.1 页面布局本站点页面设计简明，分上中下三个部分，位置大小固定。
页面统一布局，采用模板页作为框架，选取背景图片统一风格。
最上边是各个页面的标题部分，显示页面中间所显示的内容主题。
网页底部是一个动态可选项目栏，相当于菜单栏，当鼠标滑动指向每一个分标题时，对应的分标题下所有可选项目弹出，此时可以用鼠标做出选择。
页面中间区域是内容显示区域，采用框架表结构实现，区域大小固定，根据内同的多少有上下和左右滚动条可调节视域范围，便于统一风格和协调内容显示。
2.2 功能模块本站点设计功能明确简洁，可满足私人定制，目前只开通最主要的三个模块，包括：个人信息、娱乐（兴趣爱好）、联系方式等模块。
关于个人信息又分为三部分，个人档案信息、日记部分和相册。
个人档案记录和展示关于自我的一些基本信息，起到简单介绍作用，以文字列表形式实现；日记部分记录了有关个人的日常所闻与所感，以条目形式展示附带日记记录时间，由于日记可能较多所以提供分页功能；相册部分是对现实瞬间的扑捉与记录，以照片形式展示，采用自动播放形式，可以手动播放。
在娱乐部分，主要有音乐和动画两部分，音乐与动画充分展示了个人的兴趣爱好，以多媒体形式展示。
最后一个主要功能是联系方式，此部分提供列表形式的输入框，访客可以用过提交相关信息达到和站主的沟通。
3 详细设计说明图1 站点整体文件树形目录3.1 对于站点的相关文件设计说明站点名称：myweb主要文件夹：flash、images、music、Scripts、Templates主要页面：welcome.htm、index.html、dangan.html、riji.html、xiangce.html、yinyue.html、donghua.html、liuyan.html其他功能文件：daohang.css、logininput.css、bj.css、mm_css_menu.js图2 档案页面3.2 关于档案页设计说明<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script> <style type="text/css" media="screen">@import url("./daohang.css");body {background-image: url(images/bj2.jpg);overflow-y: hidden;background-repeat: no-repeat;}此部分引用固定格式，通过对.js文件的引用达到动态处理效果，属于框架的一部分。
网站设计说明书
网站设计说明书网页名称：刘文西个人网页设计网站设计说明书一、网站规划设计说明1、结构设计刘文西个人网页的结构是由四个大的模块组成，分别是container、content、links、footer，这样的结构很清晰，让人感觉很舒服，从整体上看上去也很有条理。
2、内容规划这个网页是一个静态的网页⏹页面头部：由一张有刘文西的图片；⏹栏目导航：单击可以进入其它各内容页面；⏹具体内容：本页的具体内容。
⏹留言板块：在左下角的方向，能留言。
⏹版权声明：在页脚部分。
3、LOGO设计Logo设计非常简单，就是由一张图片构成的。
4、技术方案（1）用word做网页的结构图；Word软件提供了大量且丰富的模板，使用户在编辑某一类文档时，能很快建立相应的格式，而且，Word软件允许用户自己定义模板，为用户建立特殊需要的文档提供了高效而快捷的方法。
（2）用Photoshop cs3做网效果图；Adobe Photoshop是公认的最好的通用平面美术设计软件。
由Adobe公司开发设计。
其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。
（3）在Fireworks上切片，取得一些素材；Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。
（4）在Dreamweaver cs3里编写代码；Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。
它使用所见即所得的接口，亦有HTML编辑的功能。
（6）用IE和火狐浏览器里测试。
二、网站色彩说明1、网站主色调该网站的主色彩是蓝色和淡淡的粉红色，配以黄色和红色，文字大部分为蓝色，如下图所示：图1 配色采集蓝色非常纯净，通常让人联想到海洋、天空、宇宙。
网页设计岗位职责说明书(5篇)
网页设计岗位职责说明书1、负责天猫旗舰店、京东等电商平台网店整体形象设计、网店风格、版面调整及商品展示设计,首页广告图片制作及美化、整体布局、活动广告和相关图片的制作;2、负责实物照片的处理。
对新产品进行排版，优化店内宝贝描述，美化产品图片提高产品转化率，增强店铺吸引力、产品销量;3、负责产品推广活动促销海报设计、新媒体宣传海报、图片等设计;4、负责定期对网店店铺装修、版面调整以及产品详情的日常维护等工作;5、负责各类宣传物料的设计及实物制作工作;6、负责参与新开发产品的外包装设计;7、完成领导交办的其他工作。
网页设计岗位职责说明书（2）一、岗位概述网页设计师是指通过对网页的布局、设计、美化等进行整合和创作，使得网页呈现良好的视觉效果，并提供良好的用户体验。
网页设计师需要具备对色彩、排版、设计原则等方面的理解和把握，以及熟练运用相关设计软件的能力。
二、岗位职责1.进行网页设计、制作和美化，根据需求进行页面布局、导航设计、图片处理等；2.负责网页整体视觉效果的设计和呈现，包括色彩搭配、图形和图片选择、字体设计等；3.根据用户的需求和行为习惯，进行用户界面的设计和优化，提高用户体验；4.与开发人员进行沟通和协作，确保设计效果能够顺利实现；5.负责对已有网页进行维护和更新，保持网页的正常运行和良好的状态；6.关注行业动态和设计趋势，及时进行学习和了解相关新技术和软件的使用；7.参与网页设计团队的工作，进行设计理念的交流和分享，提高团队的整体设计水平。
三、任职要求1.本科及以上学历，有相关专业背景，如网页设计、视觉传达设计等；2.熟练掌握网页设计软件和工具，如Photoshop、Illustrator 等；3.对色彩、排版和各种设计原则有较深的理解和把握；4.具备良好的审美观和敏锐的设计嗅觉，对设计趋势和创新有较强的敏感性；5.具有一定的用户体验设计经验，了解用户行为和需求；6.良好的沟通和协作能力，能够与开发人员和其他团队成员进行有效的沟通和协调；7.有较强的学习能力和自我驱动力，能够不断学习和更新设计知识和技术。
个人网页策划书模板3篇
个人网页策划书模板3篇篇一个人网页策划书模板一、引言在当今数字化的时代，拥有一个个人网页对于展示个人品牌、建立在线形象以及与他人进行交流都变得至关重要。
本策划书旨在为你提供一个详细的指导，帮助你规划和创建一个令人印象深刻的个人网页。
二、目标受众明确你的个人网页的目标受众是谁，这将有助于你确定网页的设计、内容和功能。
三、网页设计1. 布局和导航：设计一个简洁、直观的布局，确保导航栏易于理解和使用。
2. 颜色和字体：选择适合你个人风格的颜色和字体，注意整体的可读性和美观度。
四、内容策略1. 自我介绍：用一段简洁明了的文字介绍自己，包括姓名、职业、兴趣爱好等。
2. 专业技能：列出你的专业技能和特长，展示你的能力和优势。
3. 工作经历：简要描述你的工作经历，包括职位、公司名称和工作时间。
4. 教育背景：列出你的教育背景，包括学位、专业和毕业院校。
5. 项目展示：展示你的个人项目或作品，包括图片、视频或。
6. 联系方式：提供你的联系方式，如电子邮件、电话号码和社交媒体账号。
五、功能需求1. 联系表单：添加一个联系表单，方便访问者与你取得联系。
2. 社交媒体：在网页上添加你的社交媒体账号，方便与你的在线社区进行互动。
3. 博客或文章：如果你有写作的兴趣或需求，考虑在网页上添加一个博客或文章功能，分享你的见解和想法。
六、技术实现1. 内容管理系统（CMS）：选择一个适合你的 CMS，如 WordPress 或 Drupal，以方便管理和更新网页内容。
2. 域名和主机：购买一个适合你的域名，并选择一个可靠的主机服务提供商。
3. 网页设计和开发：如果你不具备相关技能，可以聘请专业的网页设计师和开发者来完成网页的设计和开发工作。
七、时间线和预算1. 时间线：制定一个详细的时间线，包括每个阶段的完成日期和里程碑。
2. 预算：确定你的预算，并在时间线和功能需求之间进行权衡。
八、测试和发布1. 测试：在发布之前，对网页进行全面的测试，确保所有和功能都正常工作。
个人网页设计说明文档
个人网页设计说明文档我的个人网页包括了一个主网页“index.html”以及6个与主网页相链接的网页，再向其中镶嵌一系列的图像以及背景音乐来使得个人网页增色不少，充分运用了HTML技术进行页面结构设计、CSS 技术进行页面样式展示以及通过JavaScript控制动态行为来完成规范的网页制作。
主题内容以“个人的简单的信息、个人的对大学的规划以及音乐”，主题内容积极健康，生机勃勃，表现出大学生的活力与激情！我的主网页“index.html”以CSS/DIV来对网页页面进行布局,充分运用DIV对各DIV层进行定义，全局则通过CSS进行定义，对页面的布局进行分割，将整个页面分为头部(top)、导航(banner)、内容(content)、底部(bottom)4个区域。
除了内容区域外，其它4个部分都属于相对固定的区域。
首先，主页面的头部是一个“光良宣传”的图片，体现了我爱音乐、喜爱光良。
接下来的是个人的信息导航，介绍个人的姓名、学号、人生规划以及简单介绍了下自己，并且大学规划和我资料处还设置了超链接，分别链接到“大学规划.html”“个人简历.html”两个链接网页；接下来的是两张新颖的图片的恰当的嵌入，并且其中一张图片中还引入了三个超链接，介绍“光良”、“软件会计”、“德智体美”，各个方面描述。
其次，在主网页内容上面层次非常清晰，内容主要是介绍自己对大学生活的感悟以及对大学生活的希冀，用表单中的多行文本输入框对文章内容进行编辑和创作，用<textarea>标记来进行多行文本框的编译。
再往下则是一个“提问环节”的内容，该“提问环节”的内容运用了表单中的单选框，用<type="radio">来标记，后面的“提交”添加了超链接，并且使用了JavaScript对链接网页“提交成功.html”进行调用和编译.。
最后在主网页的末尾运用了滚动文字来对主网页设计的目的进行简单的介绍，使得主网页更加有层次感，更加有理念插入滚动文字所用的标记是<marquee>...</marquee>,最终以DIV定义的底部DIV层收尾，完成了个人主网页的设计！接下来介绍各个与主网页相链接的链接网页的制作：“光良资料.html”、“大学规划.html”、“软件会计资料.html”、“什么是德智体美.html”等4个网页与主网页“index.html”相类似，都使用了CSS/DIV进行页面格局布置。
个人网站设计说明
个人主页设计说明开发系统环境：WIN7开发工具环境：jdk1.6.0_18&tomcat-6.0.26Dreamweaver MX 2004,Firework MX数据库应用：ACCESS 2003路径：D:\tomcat6\apache-tomcat-6.0.26\webapps\ROOT\grzy首页：名为个人网站入口文件设计概述个人主页虽然不拘泥于形式，设计很自由，形式丰富。
但也需要一个鲜明的主题，所以本次设计的主页的风格选择了中国风，从一开始的素材选择（主要是背景图片，边框等）都围绕这中国风来选择，设计贯穿了风格的一致性。
主页的设计采用了框架结构，划分为三个部分(leftFrame , mainFrame,bottomFrame), leftFrame主要负责显示实时时钟，访客信息，以及各种链接等来网站的控制转向，而所有的网站内容基本都放在了mainFrame显示，使得浏览网站内容一目了然，各个页面的切换便捷，浏览更加轻松。
个人主页的结构可以由下面图表示：明确设计模块后，分模块设计，分别完成各个板块的设计。
其次，根据课堂的学习内容以及参考资料的内容，将JSP技术嵌入到各个模块中，如实时时钟，访问量记录，表单运用等技术。
具体设计内容（1）欢迎页面欢迎界面主要为了主题的展示，醒目简洁，其同能是6秒后自动转入主页（2）主页设计采用了框架结构，划分为三个部分(leftFrame , mainFrame,bottomFrame), leftFrame主要负责显示实时时钟，访客信息，访问量显示以及各种链接等来网站的控制转向，而所有的网站内容基本都放在了mainFrame显示，bottomFrame主要显示网页创建时间以及版权信息。
（3）个人资料主要是表格的运用，显示个人的基本信息（4）我的故事实现日志功能，但这部分没有和数据库连接起来，所以是一个很简单的应用（5）我的相册实现相册的浏览，可以点击微缩图浏览大图（6）留言板系统这部分是开发一个简易的留言板，能实现JSP与数据库的连接。
个人网页策划书模板3篇
个人网页策划书模板3篇篇一个人网页策划书模板一、引言在当今数字化时代，拥有一个个人网页已成为展示个人品牌、分享兴趣爱好和与他人互动的重要方式。
本策划书旨在提供一个全面的模板，帮助你规划和设计一个吸引人的个人网页。
二、目标和受众1. 明确目标：确定你创建个人网页的主要目的，例如展示作品、建立个人品牌、分享知识或与特定群体互动。
2. 定义受众：了解你的目标受众是谁，他们的兴趣和需求是什么，以便能够针对性地设计和内容创作。
三、网页内容1. 个人简介：包括姓名、照片、职业、教育背景等基本信息。
2. 兴趣爱好：展示你的兴趣爱好，如音乐、绘画、摄影、旅行等。
3. 作品展示：如果你有相关的作品，如文章、设计、摄影作品等，可以在网页上展示。
4. 博客：创建一个博客板块，分享你的想法、经验和见解。
5. 联系方式：提供你的电子邮件、社交媒体账号或其他联系方式，方便访问者与你沟通。
四、网页设计1. 整体风格：选择一种适合你个人品牌和内容的设计风格，保持简洁、美观和易于导航。
2. 色彩搭配：选择一种主色调，并搭配一些辅助颜色，营造出舒适的视觉效果。
3. 布局：设计一个合理的布局，将不同的内容板块组织在一起，使其易于浏览和阅读。
4. 图片和视频：使用高质量的图片和视频来增强网页的视觉效果，但要注意不要过度使用，以免影响网页加载速度。
五、技术实现1. 选择网站建设平台：根据你的技术水平和需求，选择一个适合你的网站建设平台，如 WordPress、Wix 或 Squarespace 等。
2. 域名注册：选择一个简洁易记的域名，并注册下来。
3. 网站托管：选择一个可靠的网站托管服务提供商，确保你的网站能够稳定运行。
4. 网站优化：进行一些基本的网站优化，如关键词优化、图片优化等，提高网站在搜索引擎中的排名。
六、网站推广1. 社交媒体推广：利用社交媒体平台宣传你的个人网页，吸引更多的访问者。
2. 搜索引擎优化：通过优化网站内容和结构，提高网站在搜索引擎中的排名。
个人网页设计说明书
个人网页设计说明书目录一、网页设计目的1.1 网页设计需求浅谈 (2)1.2 个人网页设计理念 (2)1.3 制作背景 (2)1.4 术语定义 (2)二、网页设计以及浏览工具2.1 网页设计说明 (3)2.2 色彩方案 (3)2.3 工作环境 (3)2.4 浏览工具 (3)三、个人网页功能模块设计3.1 空间动画 (4)3.2 主页 (5)3.3 日志 (7)3.4 日志简介 (8)3.5 相册界面 (9)3.6 相册展示 (10)3.7 音乐 (11)3.8 音乐列表 (12)3.9 个人资料 (13)3.10留言板 (14)四、总结4.1 技术总结 (15)4.2 个人心得总结 (15)附加：第二种网页设计图一、网页设计目的1.1 网页设计需求浅谈：随着网络技术以及网页制作技术方面的日臻成熟人们越来越关注网页的美观性，所以当下网页制作的一个最主要的出发点就是网页的美观和可操作性。
在表达一些理念方面东西的时候能更加的形象化与多样化。
就全球上网的人数来说，有很多的人正通过个人空间来改变他们的生活方式，同时学生也学习到了各个方面不同的知识，人们通过自己的文字来传递着不同的信息。
作为一个发展迅速的网络空间,个人空间向我们透露着这个信息传递和情感的平台将影响接下来的几代人.1.2 个人网页设计理念：本次毕业设计目的就是做一个属于自己的主页，通过一些信息来表达自己的一些思想与观点，还有就是一些个人对于生活的一些心得体会，再其中加入个性化的元素能表现自己符合自己性格的色彩搭配与文字图画以及音频，当然也是对过去的留恋，故空间名取名为流年，给人一种怀旧的感觉。
1.3 制作背景a.网站项目的名称：个人空间b.用户：普通的用户1.4术语定义个人空间：就是一个网页，它通常是由简短且经常更新的信息所构成。
这些张贴的文章都按照年份和日期倒序排列，也就是最新的放在最上面，最旧的在最下面。
不同的内容和目的有很大的不同，从对网络资源的整理与评论，到有关公司、个人的构想，从新闻、照片到日记、诗歌、散文，甚至科幻小说都应有尽有。
网页设计说明书
薪承网站设计说明
一、网站主题
我的网站的主旨是围绕薪承传统文化工作室产品的说明。
我做这个网站的初衷是因为目前我们在创业。
因为加入这个团队让我收益颇多。
不仅改善了自己的语言能力，工作能力，还对中国传统文化有了一定的了解，所以我也很开心能用这种形式把它展示出来。
二、网站材料
网站使用的主要材料都是自己拍摄地作品并且图片和视频信息也都是自己平常接触的东西，虽然素材很多，但是在收集材料这一方面我也是慎重考虑了一些其他因素然后择优选择。
三、网站规划
我的网站共有8个网页。
导航栏主要有首页、产品、团队成员、关于我们、联系我们、留言板、登录和注册8个项目。
为了美观欣赏，每个网站的顶部和底部都使用了同样的样式。
版面设计灵活，根据各部分内容的不同适当自由设计。
网站各个网页主要使用div+css布局。
四、心得体会
第一：通过这次的作业，我学到了很多有价值的东西。
我独立的完成了网站设计的全过程，把散乱的各种素材链接起来组成网页，使平时学到的知识有了很高的提高，并且合理的在实验中进行了实践。
第二：在这次的制作过程中，我搜集了大量的素材和网页设计的技术方面的书，扩大了知识面，给我以后的设计做铺垫，制作出好的网页打下基础。
第三：我现在已经熟练掌握了超链接和div+css布局的应用；插入图片及相关属性的使用。
最后我感受最深的是：要想做好一个网站，素材和技能都十分重要。
网页个人主页设计及说明书
目录1、网页设计目的·······································网页设计需求浅谈·································个人网页设计目的·································2、网页使用的工具和数据库·····························3、设计方案···········································网站设计八步骤···································预计达到的效果···································具备哪些功能·····································4、个人网页功能模块设计·······························主页·············································个人简介·········································我的朋友·········································其他模块·········································5、小结···············································参考文献1、网页设计目的网页设计需求浅谈随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。
个人网页设计说明范文
个人求职网页设计说明网站主题是：D reamW orld整个网站分为一个主页，6个超级链接。
包括首页、自己我介绍、我的相册、友情连接、我的简历、给我留言.一、表格定位1，根据要求建立站点2，把要用到材料放在站点文件夹中3，建立主页，建立空白页后，点”插入“菜单，选择”表格“选项。
选择相关参数：8行3列最后，调整表格宽度1024，边框粗细0. 并在”属性“栏设置为“居中”。
4，页面属性，分类-外观，插入背景图片素材，设置相应大小，字体颜色，字体大小。
5，按住CTRL键，点击第一列第二行和第三行这两个单元格，点击鼠标右键，表格-合并单元格。
6，将主页制作完毕之后保存为模板。
二、超级链接，在模板中使用可编辑区域制作子页。
1，在主页上插入模板可编辑区域来制作子页，用于超级链接的目的页。
2，在主页要建立超级链接的位置输入文字。
如“我的相册”，然后选中"我的相册"在属性栏中的”链接“框中输入相关文件全名。
3，把超级链接的字体颜色改为黑色，并把字体大小设为14，再在页面的”页面属性“中把下划线样式设为“仅在变换图像时显示下划线”。
4，插入一张用于超级链接的导航图片素材，链接中，用指向文件选择要链接的子页。
这样点击链接图片即可进入子页。
三，表单1，建立一个新网页“给我留言”。
（1）在”插入“菜单中选中”表单，插入文本字段、文本区域、单选框、复选框、按钮等相关部件（2）在“属性”栏中设置好每个部件的属性。
再将主页中的留言板的超级链接图片与这个新网页链接。
2，在主页，设计一个登录的表单。
第一列第二行插入表单，插入文本域（用户名，密码），插入菜单按钮，将提交改为登录。
3，（1）在登录表单上插入一个注册的超级链接图片，建立一个新的注册网页，插入文本域，单选按钮组，列表菜单等，设置用户名，密码，密码找回提问设置，性别选择等。
自己制作网页策划书3篇
自己制作网页策划书3篇篇一《自己制作网页策划书》一、引言在当今数字化时代，拥有一个个人网页已经成为展示自己、分享信息和与他人互动的重要方式。
本策划书旨在指导你如何制作一个属于自己的网页，从规划到设计再到实施，每一个步骤都将详细介绍，帮助你打造一个独特而吸引人的网页。
二、目标和受众1. 明确目标：确定你制作网页的目的，是用于个人展示、博客写作、商业推广还是其他用途。
2. 定义受众：了解你的目标受众是谁，他们的兴趣和需求是什么，以便在设计和内容上满足他们的期望。
三、网页内容1. 首页：设计一个吸引人的首页，包括网站的、标志、导航栏和主要内容展示。
2. 关于我：介绍自己的个人信息、背景、兴趣爱好等，让访问者更好地了解你。
3. 作品展示：如果你有相关的作品，如图片、文章、视频等，可以在网页上展示出来，展示你的才华和能力。
4. 博客：如果你喜欢写作，可以开设一个博客板块，分享你的见解、经验和故事。
5. 联系我：提供联系方式，如电子邮件、社交媒体等，方便访问者与你取得联系。
四、网页设计1. 选择主题：根据你的个人风格和目标受众，选择一个适合的网页主题。
2. 布局设计：设计一个简洁、清晰、易于导航的布局，确保访问者能够轻松找到他们需要的信息。
3. 色彩搭配：选择一种适合主题的色彩方案，注意色彩的对比度和协调性。
4. 图片和视频：选择高质量的图片和视频，增强网页的视觉效果。
5. 字体选择：选择一种易于阅读的字体，确保文字清晰可辨。
五、技术实现1. 选择建站工具：根据你的技术水平和需求，选择一个适合的建站工具，如WordPress、Wix、Squarespace 等。
2. 域名注册：选择一个独特而易记的域名，并注册它。
3. 主机选择：选择一个可靠的主机提供商，确保网页的稳定性和访问速度。
4. 安装和配置建站工具：按照建站工具的说明，安装和配置它。
5. 添加内容：使用建站工具的编辑器，添加网页的内容，包括文字、图片、视频等。
网页设计说明书500字
网页设计说明书500字一、设计目标本网页设计旨在为用户提供简洁、友好且直观的信息展示平台，既能满足用户的需求，又能呈现出设计的美感和创意。
二、设计原则1.一致性：在整个网页设计中保持一致的颜色、字体、排版和导航等元素，确保用户能够轻松地寻找所需信息。
2.简洁性：避免冗长的文字和过多的装饰，将复杂的信息以简洁明了的方式呈现给用户，提高用户的阅读体验。
3.可导航性：设立明确的导航路径和标识，使用户能够直观地了解网页的结构和内容，并迅速找到所需信息。
4.可访问性：确保网页能够兼容不同的浏览器和设备，同时提供无障碍的设计，以便残障人士也可以方便地访问和使用网页。
5.响应式设计：针对不同的屏幕尺寸和设备进行适配，使网页在不同的终端上都可以展示出最佳的效果。
6.饱满性：使用丰富多样的媒体元素（如图片、视频、音频等），以吸引用户的注意力，提升网页的互动性和娱乐性。
三、设计风格本网页的设计风格以简约与现代为主，色彩以明亮的蓝色和清新的绿色为基调，同时运用简单的线条和大面积的留白，突出信息的重要性和页面的整洁感。
四、功能设计1.首页设计：呈现网站的整体形象，包括网站名称、标语、主要服务/内容的简介等，并提供直观的导航栏，引导用户进入不同的页面。
2.信息展示：按照层次分明、分类有序的原则，将不同类型的信息分组展示，包括文字、图片和视频等，以便用户快速了解和获取所需信息。
3.用户交互：通过表单、留言板、评论等交互方式，与用户进行互动，收集用户反馈，提供个性化的服务和优化用户体验。
4.多语言支持：为了满足全球用户的需求，本网页提供多语言切换功能，方便用户选择其所需的语言版本。
总之，本网页设计旨在为用户提供简洁、友好的信息展示平台，通过一致性、简洁性、可导航性、可访问性、响应式设计和饱满性等设计原则，结合简约与现代的风格，实现网页的美感和功能性的统一、通过以上的设计目标、原则、风格和功能的规划，旨在确保网页设计的高质量和用户体验的提升。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
个人网页设计说明书目录一、网页设计目的1.1 网页设计需求浅谈 (2)1.2 个人网页设计理念 (2)1.3 制作背景 (2)1.4 术语定义 (2)二、网页设计以及浏览工具2.1 网页设计说明 (3)2.2 色彩方案 (3)2.3 工作环境 (3)2.4 浏览工具 (3)三、个人网页功能模块设计3.1 空间动画 (4)3.2 主页 (5)3.3 日志 (7)3.4 日志简介 (8)3.5 相册界面 (9)3.6 相册展示 (10)3.7 音乐 (11)3.8 音乐列表 (12)3.9 个人资料 (13)3.10留言板 (14)四、总结4.1 技术总结 (15)4.2 个人心得总结 (15)附加：第二种网页设计图一、网页设计目的1.1 网页设计需求浅谈：随着网络技术以及网页制作技术方面的日臻成熟人们越来越关注网页的美观性，所以当下网页制作的一个最主要的出发点就是网页的美观和可操作性。
在表达一些理念方面东西的时候能更加的形象化与多样化。
就全球上网的人数来说，有很多的人正通过个人空间来改变他们的生活方式，同时学生也学习到了各个方面不同的知识，人们通过自己的文字来传递着不同的信息。
作为一个发展迅速的网络空间,个人空间向我们透露着这个信息传递和情感的平台将影响接下来的几代人.1.2 个人网页设计理念：本次毕业设计目的就是做一个属于自己的主页，通过一些信息来表达自己的一些思想与观点，还有就是一些个人对于生活的一些心得体会，再其中加入个性化的元素能表现自己符合自己性格的色彩搭配与文字图画以及音频，当然也是对过去的留恋，故空间名取名为流年，给人一种怀旧的感觉。
1.3 制作背景a.网站项目的名称：个人空间b.用户：普通的用户1.4术语定义个人空间：就是一个网页，它通常是由简短且经常更新的信息所构成。
这些张贴的文章都按照年份和日期倒序排列，也就是最新的放在最上面，最旧的在最下面。
不同的内容和目的有很大的不同，从对网络资源的整理与评论，到有关公司、个人的构想，从新闻、照片到日记、诗歌、散文，甚至科幻小说都应有尽有。
二、网页设计说明以及浏览工具2.1 网页设计说明（1）名称：流年（2）性质：个人空间（3）主要内容：这是一个以个人空间为主题的网页设计，所包括的页面开场动画、主页、日志、相册、音乐、资料、留言板等。
（4）版式：左边为导航区，右边为展示区。
（5）风格：主调请亲而不失格调，色彩淡雅，版面活泼风趣。
2.2 字体、色彩方案为了个人空间网页设计能够更好投入到实际操作中，特此准备了两种方案。
（1）一种为淡暖色系黄绿色（C：9 M：0 Y：36 K：0）为主色调橙色调（C：0 M：30 Y：70 K：0）为辅色调朱红色(C:：32 M:：72 Y：85 K：29）为辅色调字体均采用华康少女字体、华康采风字体、华康娃娃体。
（2）一种为清蓝色系（备选方案）淡蓝色（C：9 M：0 Y：36 K：0）为主色调粉红色（C：7 M：33 Y：0 K：0）为辅色调桔黄色(C：0 M：36 Y：47 K：0）为辅色调字体均采用楷体字体、仿宋字体、黑体.（3）整体色彩都采用代表忧伤的颜色，以便烘托出“流年”这个主题，达到更好的视觉上的享受。
2.3 工作环境：操作系统：Windows XP以上系统制作工具：Photoshop CS52.4 浏览工具：IE浏览器三、个人网页功能模块设计（第一种方案）3.1 空间动画本页采用贴图的形式来展现整个动画，主体上以书为主，以图片为辅，书本上C’EST LA VIE（这就是生活）正在诉述着人生的种种，零零碎碎的照片，CRY，NEVER，LOST，BELONG，EVEN各种的心情，从不同角度展现生活的美，让用空间那种独特的方式向读者娓娓道来我的生活。
文本区：文字都运用华康隶书体，给人一种亲切感而又不失严肃。
色彩区：整页运用灰色（C：4 M：4 Y：4 K：4）为主，白色（C：0 M：0 Y：0 K：0）赤褐色（C:：20 M:：30 Y：45 K：0）黑色（C:：0 M:：0 Y：0 K：100）朱红色(C:：32 M:：72 Y：85 K：29）为辅3.2 主页主页采用了左中下的框架结构，左上角的空间名称“流年”让人充分了解主题，字的旁边添加一些线条花加以点缀，显得生动活泼。
在左侧的导航栏中的选项界面运用圆形的方式将其逐一展现出，并且均在每一张页面上能够得到显示，右侧的图片区放入一张小女孩对过去的怀念之情的手绘图。
下边的导航栏中以新鲜事、相册、联系方式展现，相册中运用到了时间轴，照片在一定时间内可以飘过，这样增加了画面的跳跃感。
在所有页面中都采用了简洁的样式，从而达到网页表现与内容分离的目的，让我能更好的设计网页的显示效果。
色彩区：整体页面以黄绿色（C：9 M：0 Y：36 K：0）为主色调橙色调（C：0 M：30 Y：70 K：0）为辅色调“流年”采用了方正隶二简体字体，48，严谨而不失大体，其色彩为朱红色(C:：32 M:：72 Y：85 K：29）。
“主页、日志、相册、音乐、资料、留言板”采用了华康少女文字，简单14以黄绿色（C：9 M：0 Y：36 K：0）为已打开页面，橙色调（C：0 M：30 Y：70 K：0）为未打开页面“新鲜事、相册”采用了华康流线体，流畅14，以（C：0 M：55 Y：74 K：0）下方的日志排列采用了方正隶变简体，9.5，以黑色（C：0 M：0 Y：0 K：100），以及联系方式采用了华康少女字体，10，以橙黄色（C：0 M：55 Y：74 K：0），粉红色（C：0 M：30 Y：37 K：0）。
3.3 日志个人日志中仅仅是一个日志列表的显示，我所做的就是用传统的样式让日志展现出来，按照日期来排列，并且标注一些日志是最新的，整个日志列表有日期、标题、浏览量以及横线、翻页栏来组成。
同时将个人的联系方式放到了左下角，以便访客可以及时和我联系。
日志列表的最上角的运用了三张照片和一张信封、一杯咖啡，希望访客能够在品尝咖啡的同时来享受这些所带来的触动。
右上角的白色的SPING THE STORY粘贴在墨迹上，仿佛在诉说着这些故事的深远，并且与右下角的山水图对应。
色彩区：黄绿色（C：9 M：0 Y：36 K：0）为主色调橙色调（C：0 M：30 Y：70 K：0）为辅色调“日期、标题、浏览量”采用了Adobe 楷体std，12，黑色（C：0 M：0 Y：0 K：100）。
日志列表中的日期、浏览量，采用了Arialz字体，而日志名采用了方正隶变字体，统一大小9.5，灰色（C：57 M：49 Y：48 K：15）3.4 日志简介在日志简介中我采用了最简洁的排版，文本区我插入了FATE/ZERO NIGHT这篇文章，紧跟其后就是创作的时间以及阅读量。
文章下方还有“赞、转载、分享、评论、复制地址、举报、更多等多种对文章的选项，到文章的右下角还有上一篇以及下一篇的提示。
整体版面简洁大方，让人能够一目了然。
在整个页面的右下角的插入图片，主要目的是为了让访客能够体会这个图片对生活的期待。
色彩区：黄绿色（C：9 M：0 Y：36 K：0）为主色调橙色调（C：0 M：30 Y：70 K：0）为辅色调文章的标题以及时间日期均采用了Arial字体，18，正文部分采用了Arial字体，10，灰色（C：59 M：50 Y：50 K：18）文本区的导航栏的文字采用了Arialz黑体std字体，10，浅灰色（C：29 M：24 Y：24 K：0）3.5 相册界面：此页面中采用了左右的排版，左侧为导航栏包括左下角的联系方式，当访客打开电子相册时，就会出现一个翻开的书，书上粘贴着一个关于寻找过去，珍惜现在所拥有的童话故事“小王子”，画面色彩清晰分明，能在那么一瞬间走入访客的心里，并且点击进入这个浅蓝色按钮，继续欣赏下去循环下去。
整体画面清新，主题明显，色彩暖人心。
色彩区：黄绿色（C：9 M：0 Y：36 K：0）为主色调橙色调（C：0 M：30 Y：70 K：0）为辅色调浅蓝色(C：20 M：6 Y：6 K：0)为辅色调灰蓝色(C：3 M：2 Y：4 K：0)为辅色调“个人相册”采用了楷体字体，能够方便访客进入界面，25，灰色(C：67 M：60 Y：59 K：44).，“点击进入”采用了黑体，8，白色（(C：0 M：0 Y：0 K：0)下方的相册简介采用了华康采风体，6，浅灰色(C：58 M：50 Y：49 K：17)，整体字体运用的合理到位，活泼而又不失单调。
3.6 相册展示：相册展示中我采用的流动的方式来展示照片，在展示区运用了一个展示栏，有树叶，有房子，带给人一种清新的感觉，能够充分的烘托出主题，图片大都选用了色彩比较温和而又不失风格，而且相册名为清新，图片与名称相呼应。
大图片为一个小女孩正在望着天空，戴着一个猫咪的帽子，被风吹起的头发，飘起的裙摆，就这样，轻轻地走进人的心底。
下方的小图片采用的是流动展示的方式，点击下方的指示栏就可以进入下一组图片。
整体版面干净明了。
色彩区：黄绿色（C：9 M：0 Y：36 K：0）为主色调橙色调（C：0 M：30 Y：70 K：0）为辅色调上方的相册名称“清新、暖暖、唯美、意境、浪漫”采用了华康娃娃体，17，深橙色（C：19 M：57 Y：82 K：4）为未打开的相册，暗绿色（C：39 M：17 Y：96 K：1）为已打开的相册。
下方的流动相册的“BACK、NEXT”采用了华康童童体，16，橘黄色（C：0 M：25 Y：64 K：0）3.7 音乐：音乐的界面采用了左右两侧的排版来向访客展示，左侧的导航栏沿袭一贯的风格，右侧的展示区标题部分“ENJOY YOURSELF，SMILE（享受自己，笑一笑）”，希望访客可以放松心态来享受听觉上的心灵盛宴，旁边插入了一张卡通风格的图片，以此来衬托音乐这个主题。
搜索栏上简洁而方便访客搜索音乐。
对于每个人听音乐的心情不同，所以我把不同心情时会听的音乐分了一下类别，分为开心时，激动时，安静时，忧伤时，思念时，甜蜜时，幸福时，想哭时等，分别对应上相应的图片，以达到更好的效果。
下方的翻页栏依然还是沿用传统的风格。
整体感觉不单调，有种别致清新的感动。
色彩区：黄绿色（C：9 M：0 Y：36 K：0）为主色调橙色调（C：0 M：30 Y：70 K：0）为辅色调灰色调（C：0 M：30 Y：70 K：0）为辅色调标题部分“ENJOY YOURSELF,SMILE”采用了华康童童体，30，标题下方的介绍文字采用了方正体，12，康体简橙色调,橙色调（C：0 M：30 Y：70 K 0）。
浅灰色（C：34 M：30 Y：29 K：0）“搜索”以及各种心情时的文字采用了华康少女字体，10，白色（C：0 M：0 Y：0 K：0）橙色调（C：0 M：30 Y：70 K 0）3.8 音乐列表：音乐的界面采用了左右两侧的排版来向访客展示，左侧的导航栏以及右侧下角的翻页栏沿袭一贯的风格，右侧的音乐列表取用了思念时的一个界面，仍旧还有搜索栏，按照时间、歌手和歌名来搜索的搜索栏，简单而又实用。