qq空间的网页设计策划书.doc

qq空间的网页设计策划书 qq空间的网页设计策划书篇一：博客网站设计制作策划书 博客网站设计制作策划书 一、前期调研分析： 1、 创建博客网站所遵循的一般原则 （1） 系统性原则。创建者要提供设计方案，还应充分了解用户的一些基本情况，并将其需求等要素融入到网站建设方案中。 （2） 完整性原则。博客又称为网络日志，是一种大众化的网络载体，它是一种由个人管理、不定期张贴新文章的网站，应该为用户提供完整的信息和服务：网站的基本要素合理、完整；网站的内容丰富、有效；网站的服务和功能适用、方便；网站建设与网站运营维护相衔接、支持。 （3） 友好性原则。博客网站的友好性包括以下几个个方面：对用户友好满足用户需求、获得用户信任；对网络环境友好适合搜索引擎检索、便于积累网络资源；对经营者友好网站便于管理维护、能提高工作效率。 （4） 简单性原则。在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和文件等，使得用户以尽可能少的点击次数和尽可能短的时间里获得需要的信息和服务。 （5） 适应性原则。博客网站的功能、内容、服务和表现形式等需要适应不断变化的网络环境，网站应具有连续性和可扩展性。 2、网站建设基本流程规范 （1）制定网站规划方案，包括网站预期目标、状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术、网站运营维护等基本内容； （2）网站技术开发、网页设计； （3）网站测试； （4）网站发布和推广； （5）网站维护及管理。 （6）网站设计对不同浏览器具有兼容性。 二、网站的功能定位： 1、个人博客网站的基本功能和内容 （1） 与互联网络实现无缝链接； （2）具有信息发布、信息分享和管理功能； （3）详细的个人介绍； （4）详细的联系方式； （5）具有较强的互动性； （6）相关的联系和服务信息； （7）在线服务信息； （8）持续更新的信息； （9）相关网站链接管理功能； 三、网站技术方案： （网站设计和制作中所采用的技术） 1.Flash特效功能；2.使用各种常用行为； 3.调用javaScript； 4.具有一定的动态效果； 5.运用页面布局技术（DIV+CSS）； 四、网站内容规划： 我的个人博客网站大体上包括以下内容：我的圈子，我的相册，我的音乐，最新动态，实时互动等模块，各模块简介如下： 1.我的圈子简介： （1）介绍我和博客创建的同学，把同学加到我的网页中并对每个人做详细的介绍，形成一个同学录一样的子页面，在这里边每个人都可以书写个人的兴趣爱好。 （2）个人简历。首先是详细的自我介绍，然后加上个人简历，以便更多的人了解我。 2. 我的相册简介： 因为只要有 QQ号的几乎都有自己的空间所以我可以加个超连接，连接到我的QQ空间、我的相册： （1）设计个人的相册 （2）朋友的相册 （3）贴图，如果发现好的图片我收集起来可以和广大朋友共同分享。 3.我的音乐简介： 这个模块主要包括： （1）国内最新流行的音乐 （2）日韩最新流行的音乐 （3）欧美最新流行的音乐。 4. 最新动态简介： （1）网站公告 （2）站内新闻 5. 项目互动简介： （1）请你留言，通过这个模块可以实时交流。 （2）博客论坛。 五、网页设计： 首页的设计简述为了使我的的首页美观生动、吸引人。在我的首页我还添加了形象开头动画页面，在页面上首先映入你眼帘的是美丽的图片在它的上面我添加可透明的FLASH动画，这样会使网页具有动态美感，加上合理的颜色搭配，动听的背景音乐。无论是从视觉、听觉还是感觉上都是一个不错的博客网站。在网站的右上角我还插了滚动字幕，这样可以让浏览着第一时间了解我本站的最新动态。在网页的右下角是我的网站的名称，通过点击它就可以进入我的主页。 1.网站名称：博客组团 2.网站LOGO: 3.网站作用：让别人了解我、认识我 。 4.网站规模：因为是个人博客网站，以团队平均每人做1个页面的数值来建立网站，所以规模不大。由6个网页页面组成。 5.网站目标客户：学生及青年朋友。6.网站特色：我的博客网站受众一般为学生，所以在色彩上和设计风格上追求学生的口味，以校园的学习和生活为主题，在内容上的特色表现为： （1）内容标准化与个性化。 （2）充分体现互动性。 （3）内容实用性。 （4）多媒体技术专业性。 （5）网站平台延展性。 7.网站的宣传标语：展示自我，分享快乐。 8.网站的风格及配色方案： 网站标准色：整个网站以橙黄色为主基色，配以黑白色,我认为配这种色代表年轻人的激情。 9.网站标准字体：在字体上我主张采用默认字体，因为这种字体无论在那种浏览器上都能正常显示。所以我采用系统默认字体。 10.网站的栏目设计（画出栏目结构图）： 主页布局示意图子页示意图 六、网页测试： 博客网站在本地和服务器有无图片和动画无法显示或链接失效等情况。 七、网站发布与推广： 通过广泛发布邮件信息获得第一注意力，有效加注搜索引擎是注意力推广的必备手段之一。加注搜索引擎既要注意措辞和选择好引擎，也要注意定期跟踪加注效果，并做出合理的修正和补充。通过确定博客形象、宣传标识、口碑传递、公益活动、市场调查、相关单位机构合作等，并且切实履行承诺，在活动中宣传网站形象，获取忠实访客和同行的口碑，是推广网站的重要办法，也是汇聚博客人气的最直接办法。博客社区是博客网站的核心，大力营造博客活动社区，推陈出新的倡导文化建设、开辟博客生活新时尚，吸引用户眼球。 八、博客网站设计日程表： 1.小组分工与合作： 前期策划制作：许青 主页制作：(index.html)郑周勇 子页制作：(如图所示) （第1张：1.html）许青 （第2张:2.html）冯俊驰 （第3张:3.html）唐辰 （第4张:4.html）潘俊标 （第5张:5.html）张旭光 项目测试报告：许青 项目汇报：郑周勇 2.博客网站策划书：2012年5月26日 博客网站设计与制作：2012年5月28日-6月博客网站测试：2012年5月31日 博客网站测试报告：2012年6月2日 博客网站项目汇报：2012年6月4日 九、费用明细： 1.网页制作人员工资： 3000（元/月/人）/30（天）*6（人）*8（天）=4800元 2.为了达到最好的视觉效果，现推荐使用10000298 整机租用-酷睿2 Q8400型(推荐) server108服务器，租赁价格为：3200元/季。qq空间的网页设计策划书篇二：空间网页设计 一、 设计目的 网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。 于此同时 （1）进一步熟练掌握软件Dreamweaver8 ，更一步提升网页的熟练设计 （2）由普通的网页设计更进一步专业网站的设计，全面了解专业网站布局与设计，技巧亮点等等。 二、 设计条件 l、硬件环境： (1)主机上要求安装有Dreamweaver MX、Flash MX、FireWorks MX、IIS等软件。 (2)主机能与互联网相连、以便学生能够浏览优秀网站，搜集相关材料等。 (3)将主机配置成WEB服务器。 2、软件环境： Dreamweaver MX、Flash MX、FireWorks MX等软件 三、 设计题目 个人空间网站设计 四、 空间的设计 1、 设计思路 根据长期运用qq空间，以及欣赏了人人，微博等网站后，我打算制作的一个空间网站有主页、相册、日志、说说、留言板、个人档案。2、 设计步骤 2.1主页设计 这是每个网页顶部的滚动条，动态的滚动字幕，背景图片。 滚动字幕代码： marquee scrollamount= 2 direction= left width= 400 quot;this.stop() onMouseOut= this.start() 欢迎来到我的空间，这是属于我的天地，希望各位在这里可以感到愉快 /marquee /div 首页内容左边显示用户名以及头像，另外显示当月日历。右边显示好友动态，我 的关注。网页会及时更新动态 2.2日志设计 直接采用日志列表，简单明了，日志名旁边会显示看的人数和评论人数，其次， 后面还可以编辑，修改，删除，置顶，转为私密日志的功能。 。日记列表相关代码如下： td img src= images/w.jpg width= 12 height= 12 span onMouseDown= MM_openBrWindow( riji.html , , ) u 个人日记 /u 超大口香糖(1/4img src= images/j.jpg width= 13 height= 11 编辑 更多 /span /td /span /td td img src= images/w.jpg width= 12 height= 12 span 2.3相册设计 由相册列表列出所有相册文件夹，点击其中一个文件夹可以进入该文件夹的相册，相册会以滚动相册的形式显示，点击其中一个相册，就显示该图的大图。另外，还可以对相册进行删除，涂鸦，设置相册密码的操作。 滚动相册的代码 div id= Layer42 marquee scrollamount= 7 behavior= alternate loop= 100 direction= left height= 100 width= 760 IMG width=140 height=105 src= F:网页设计空间网页images人物1.jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物2.jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物5.jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物6.jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物7.jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物8.jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物9jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物10 jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物11. jpg border=2 IMG width=140 height=105 src= F:网页设计空间网页images人物12.jpg border=2 /marquee /div 2.4说说设计 首先在最上面有个发表说说的会话框。其次，下面是别人以及自己所发表的说说，并且，可以对自己的说说进行修改，删除，对自己及他人的说说进行评论和回复。 2.5留言板设计 在留言板上分为查看留言和发表留言。 查看留言可以看到不同好友给你的留言，还可以看到好友头像，好友昵称。还可以对好友的留言进行回复，修改和删除。 在发表留言上，根据提供的信息提示填写，发表。其中还有可爱图片可以添加。另外，值得一提的是，在整个网页的左侧，还有一个友情链接，它可以链接到现在热门的新浪博客、人人主页和腾讯微博，简单快捷方便。 友情链接的代码 table width= 55% border= 0 align= center tr th scope= col div align= center select name= menu1 onChange= MM_jumpMenu( parent ,this,0) option value= /wisezi 新浪博客 /option option value= /v?ct=301989888 rn=20 pn=0 db=0 s=8 word=%CC%EC%CC%EC%D2%FB%CA%B3 fr=ala0 腾讯微博 /option optionvalue= .cn qq空间 /option /select /form /td /tr /table 2.6个人档案设计 个人档案中，包括个人的基本资料，我的空间动态。 其中，个人资料中包括，姓名、性别、出生年月、星座、血型、居住地，婚姻状况，职业等基本资料，个人可以根据具体情况选择填写。同时，个人资料也可以修改，对于不完整的内容也可以再次补充完整。 在我的空间动态中，可以看到所有我发表的日志，说说，相册及留言。这给空间的主人查看自己的信息带来了方便，及全面完整，又简单易查。 这与面向其他人的空间动态有所不同的是，在我的空间动态中可以看到仅限于自己看的日志和相册。这可以保护个人的隐私，同时也为保存或者记录一段回忆等提供了一个很好的平台。 五、 参考文献 网页配色宝典华之凤 中国电力出版社 2006年10月 网页设计与制作 蔡伯峰 清华大学出版社2010年5月 Adobe公司Adobe Flash CS4中文版经典教程 人民邮电出版社 网页设计技术教材童爱红清华大学出版社 2005年1月 网页设计与制作 唐有明 清华大学出版社2010年4月 网页设计与制作蔡伯峰清华大学出版社2010年5月 网页设计技术 顾晓燕清华大学出版社2009年12月 六、 经过一周的时间，在同学和老师的帮助下，基本完成本次课程设计，基本完成了空间网站的设计的功能要求。 这次网页设计课程设计给我的最大的印象是：基本知识是一切的根本；架构是重要的，想像的还要重要；实践比一切空谈和理论更能学到东西。从做这个网页设计开始无论遇到什么困难，我都没有一丝的放弃的念头。在设计过程中一定要慎重，仔细。来不得半点马虎。布局是整个课程设计的中心，考虑要全面，分析彻底。才会为后来的设计打下良好的基础。否则，前功尽弃，甚至不能完成任务。qq空间的网页设计策划书篇三：大学生QQ空间设计大赛策划书 大学生QQ空间设计大赛策划书 活动主题：青春 、梦想 、超越 活动意义： 随着网络通讯工具的日益流行，qq已经成为当代大学生日常生活必不可少的一部分。作为qq的周边产品qzone已经成为了一个网络家园、一个表现自我的平台，同时也是一个表露心声、书写自己心灵日记的网络空间，也是一个了解朋友的重要窗口，更是一片陶冶情操、培养耐性、锻炼设计思维的净土。本次活动主要针对在校大学生，给参赛者提供一个更加宽阔的展现自我的平台，有效的提高大学生的审美情操和动手能力，推进网络文化的普及与传播，同时为大家提供一个认识志同道合的朋友的机会。 主办单位：共青团江西财经职业学院委员会 策划承办单位：江西财经职业学院学生会网络部 协办单位：江西财经职业学院社团部计算机协会 赞助单位：、书范文网 活动范围：所有在校学生 活动时间：xx年10月8日-xx年11月3日 参赛对象：江西财经职业学院全体学