个人网页设计说明书

《个人网页设计说明书》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、个人网页设计说明书目录一、网页设计目的1.1网页设计需求浅谈……………………………………………21.2个人网页设计理念……………………………………………21.3制作背景………………………………………………………21.4术语定义………………………………………………………2二、网页设计以及浏览工具2.1网页设计说明…………………………………………………32.2色彩方案………………………………………………………32.3工作环境………………………………………………………32.4浏览工具………………………………………………………3三、个人网页功能模块设计3.1空间动画………………………………

2、………………………43.2主页……………………………………………………………53.3日志……………………………………………………………73.4日志简介………………………………………………………83.5相册界面………………………………………………………93.6相册展示………………………………………………………103.7音乐……………………………………………………………113.8音乐列表………………………………………………………123.9个人资料………………………………………………………133.10留言板…………………………………………………………14四、总结4.1技术总结………………

3、………………………………………154.2个人心得总结…………………………………………………15附加：第二种网页设计图一、网页设计目的1.1网页设计需求浅谈：随着网络技术以及网页制作技术方面的日臻成熟人们越来越关注网页的美观性，所以当下网页制作的一个最主要的出发点就是网页的美观和可操作性。在表达一些理念方面东西的时候能更加的形象化与多样化。就全球上网的人数来说，有很多的人正通过个人空间来改变他们的生活方式，同时学生也学习到了 各个方面不同的知识，人们通过自己的文字来传递着不同的信息。作为一个发展迅速的网络空间,个人空间向我们透露着这个信息传递和情感的平台将影响接下来的几代人.1.2个

4、人网页设计理念：本次毕业设计目的就是做一个属于自己的主页，通过一些信息来表达自己的一些思想与观点，还有就是一些个人对于生活的一些心得体会，再其中加入个性化的元素能表现自己符合自己性格的色彩搭配与文字图画以及音频，当然也是对过去的留恋，故空间名取名为流年，给人一种怀旧的感觉。 1.3制作背景a.网站项目的名称：个人空间b.用户：普通的用户1.4术语定义个人空间：就是一个网页，它通常是由简短且经常更新的信息所构成。这些张贴的文章都按照年份和日期倒序排列，也就是最新的放在最上面，最旧的在最下面。不同的内容和目的有很大的不同，从对网络资源的整理与评论，到有关公司、个人的构想，从新闻、照片到

5、日记、诗歌、散文，甚至科幻小说都应有尽有。二、网页设计说明以及浏览工具2.1网页设计说明（1）名称：流年（2）性质：个人空间（3）主要内容：这是一个以个人空间为主题的网页设计，所包括的页面开场动画、主页、日志、相册、音乐、资料、留言板等。（4）版式：左边为导航区，右边为展示区。（5）风格：主调请亲而不失格调，色彩淡雅，版面活泼风趣。2.2字体、色彩方案为了个人空间网页设计能够更好投入到实际操作中，特此准备了两种方案。（1）一种为淡暖色系黄绿色（C：9M：0Y：36K：0）为主色调橙色调（C：0M：30Y：70K：0）为辅色调朱红色(C:：32M:：72Y：85K：29）为辅色调字体

6、均采用华康少女字体、华康采风字体、华康娃娃体。（2）一种为清蓝色系（备选方案）淡蓝色（C：9M：0Y：36K：0）为主色调粉红色（C：7M：33Y：0K：0）为辅色调桔黄色(C：0M：36Y：47K：0）为辅色调字体均采用楷体字体、仿宋字体、黑体.（3）整体色彩都采用代表忧伤的颜色，以便烘托出“流年”这个主题，达到更好的视觉上的享受。2.3工作环境：操作系统：WindowsXP以上系统制作工具：PhotoshopCS52.4浏览工具：IE浏览器三、个人网页功能模块设计（第一种方案）3.1空间动画本页采用贴图的形式来展现整个动画，主体上以书为主，以图片为辅，书本上C’ESTLAVIE

7、（这就是生活）正在诉述着人生的种种，零零碎碎的照片，CRY，NEVER，LOST，BELONG，EVEN各种的心情，从不同角度展现生活的美，让用空间那种独特的方式向读者娓娓道来我的生活。文本区：文字都运用华康隶书体，给人一种亲切感而又不失严肃。色彩区：整页运用灰色（C：4M：4Y：4K：4）为主，白色（C：0M：0Y：0K：0）赤褐色（C:：20M:：30Y：45K：0）黑色（C:：0M:：0Y：0K：100）朱红色(C:：32M:：72Y：85K：29）为辅3.2主