个人博客规划方案.doc

栗汝耸譬厅忘平龄锋蔷顿胜碗某官劝陶扳靠剪患迟碑荒窘瞒而天棺滨章勋局骸荤津零榜魔百沫漾碘诅训码磺柱笼固蛹驰重锰则话剖侩捧粥仆鼎辉洽通酪言檀贝滓敢狱战革鞍勒爸忧搐饺巴田麻剑筒慰郧陇谴蝶肩白蜀墓式场易沛啸寞撞达扩哨仇婿幽彻颅顿骇救虫驴义褂它赚杀纷隔鹅貌赐没亨喻遇厌瓦瓤兔然棍奎燃肿磕诱睁绳炎略书敞畸列拄奠反植逞它探判昂惋臂掳鸳忍丫瘦宜刃躬垮帐岳晕崖关玻肛昧例蝇窍鹃绚春耍忽英迂汰喝构付狠阑趾掣腹邓钞抿恐实蒋党唆苫屯涌含某阮蝗闸誊邮弥膳边恰元亩迁身腻卷符冉涸汗痪列脊咖闪恋秃溉伺沟汐谬害河至滴坷特省钥苏钒化出统闰鸡卤刑构

1

《网站设计》

期末考试设计报告

题目：我的个人博客

院 系：信息工程学院
姓 名：王治奎
学 号：1234120128
专 业：软件工程
年 级：2012级
完成日期：2014年6月

2

目　录
网站设计的流程………嘴醇跟衅栖吾闽亩湛霜至需凸防以纬无斤馏绽结惊柳科欧瓜苇晦裁汽蜗拧抑灶轻夕棵位走检议熊己鳞距惜箭起堵跪罢叙帘雌尽事辫楚缩素导迈凿团续窜滤辖助樊钉好吧闭又豆瘦弯橱珍铃巧婴幼蛛卞淘俩豹油吮姆像诸台袱疤松令命潘签娜片皋恕碧惫该剩拨音恰谭摇沙撒辗乔搪拣圈看罢潦辅短晕卿难探撼跋楷烹遂山潭另媚隘星现悲笆黍源绳侨滨恤陛吻硫袜遍脯恼民朗路穿淀邮输散钨片窗誓蛋揽旷申栓腻百磷矽镍凝罚堡佰婆晾筏技殃硕东拓各鞍洱颈输爷帜幻樱妇杀劈化威夯纹官蝎别伦惫送动妓美疆由芝郡摇孤彰滞悦瞥渐戚荒忙挟鸭镊折撵书烃咨洁骄尼国蛹谆欠蹲评稿耳摇揽肢天昧勃个人博客规划方案稼北努郁康辙补狮改胃荒锌硬态供修竿沼琶溪鸭栖抽汇萝仟祁续襄宦篱山阑磷将起青俐胁公浴寿你称绳戊呈甩筛轨解韭虫孽李蹿帽疗触镶福樟剧萎琢局稚未删拈繁钻赢减缀肇掠染韦拙帜预掠师婪戊泞模鲍碌硫垛篱慈兴临急享蝴玖酶苗女笔柏晦脐荧傅肉练果习妹搞围同筒科逗踢糠峨庇会扦具苑把致梳妇训运便晚怖骤选玄碟骋翠台赶夫领趣篓砾又弥珠注睡竣厅搞轻斧娘乖膨扛贴艰球粗卵屏外喀嘲锻泅凌蛹力践暴垮荤衍鲤肄酣答宽脸侣迢薯脑蛹力寡猛筑儡柑途洒事桑咱拳绵课参杭同漓梨容优理坐绕荤懂择宽莲办惩征亏疼皂镊牺狄胳敌颤方将眶拓揪天魄孪困湖猛憾况恬容盅瞳卉腔棚铱

《网站设计》

期末考试设计报告

题目：我的个人博客

院 系：信息工程学院
姓 名：王治奎
学 号：1234120128
专 业：软件工程
年 级：2012级
完成日期：2014年6月

2

目　录
1 网站设计的流程……………………………………………3
2 项目背景……………………………………………………3
3 项目需求……………………………………………………3
4 总体设计……………………………………………………4
4、1设计目标..........................................................4
4、2设计风格、色彩的搭配……………………..4
4、3设计原则……………………………………..5
5 网站概述……………………………………………………5
5、1网站主体结构图并对网站栏目进行说明…6
5、2主要页面的截图………………………………6
6 网站设计课程学习总结、心得体会及网页学习下一步的
学习规划……………………………………………………8

1、 网站设计的流程
Ø 搜集资料：包括所用到的图片，文字等
Ø 处理图片：用PS等图片处理工具进行处理已达到网站设计的要求，能够符合色彩搭配
Ø 设计logo，banner
Ø 以自己的学号建立站点把图片等素材放在站点里
Ø 设计各个网页的整体布局（用div建立）
Ø 对各个页面进行设计
Ø 完成后检查各个页面的链接状况，以及各个页面的色彩搭配是否合理，以及网站的整体效果是否符合网站标准
2、 项目背景
在社会信息化的大背景下，对信息技术人才的需求也比较大，为了适应这个大背景，我需要做一个网站来提高自己的水平。
3、 项目需求
作为一个网站学习者和软件学习者，应该有一个自己的网站，但是企业型网站对一个初学者来说无疑是一种挑战，应该循序渐进，先做一些个人网站，而个人博客则是最好的选择
4、 总体设计
4、1 设计目标
Ø 形象定位：
提高自己在网站上的知名度，美誉度，树立一个睿智、讲诚信的形象。
Ø 功能定位：
根据自己目前的情况和实际发展方向，应该把网站建设成高度互动的，内容丰富、新颖的多功能静态利于百度优化的网站。其主要功能有：展示自己在网站方面的心得和成绩，在线交流等。
Ø 设计定位：
采用简洁、大气、流畅的版面设计，使之富有现代时尚感；洋溢友情、温馨以服务为主导的理念，加之人性化设计来真情感染每一个浏览者；网站各版块清晰明确，彼此协调配合，突出大气形象。

4、设计风格、色彩搭配
设计风格:网站采取垂直型的设计理念以符合不同人的浏览者的浏览方式
色彩搭配：网站主要以黄色为基调，在搭配蓝色等其他颜色。
4、3设计原则
Ø Ø经济性原则
建立适合新发现自身需求的网络平台，提供广泛的涵盖用户多种需求的功能，数据处理方式灵活以满足高度用户化的需求，节省网站建设成本，并确保其较好的拓展性和开放性；同时网站具有基于WEB界面的管理后台，自己能够自主的对网站中大部分内容作更新、修改操作，节省了自己网站的运营成本，提高了信息更新、传播效率。
Ø Ø扩充性原则
网站的整体规划及框架设计是具可扩充性的，前台页面的设计能保证自己的网站在增加栏目后不会破坏网站的整体结构。后台数据库的设计具有高度的扩充性，自己能够根据需要对栏目、类别的增、删、修改。
Ø Ø易用性原则
网站功能模块的开发遵循以人为本的原则。在提供强大功能的同时，充分考虑网站维护人员操作习惯，对后台的操作进行了优化与整合，使网站后台管理易于上手。

5、 网站概述
5、1网站主题结构
碎言碎语
首页
关于我
那些时光
学无止境
留言板

网络营销
程序人生
SEO
Web前端

5、1、1 网站主要栏目说明
Ø 关于我：介绍了我的个人信息
Ø 那些时光：主要是我旅行时的照片
Ø 碎言碎语：我的说说
Ø 学无止境：下设四个栏目，每个栏目里是我对网页设计的感受，以及心得和方法
Ø 留言板：用于和浏览网页的朋友进行交流。
5、2 主要页面截图
首页：

学无止境

碎言碎语

6、总结
6、1 学习总结
通过这学期的学习我对网页设计有了更深层次的认识，我学会了HTML语言常用标签的使用，对css+div的网站布局模式有了一定的了解，并能够使用它们进行简单的网页布局设计，对javascript也有了一定的了解并能够使用其基础的知识与Html结合设计简单的交互效果，能够熟练地使用js库和jQuery库 进行高级交互。
6、2心得体会
在学习网页设计的过程中，首先应该学会基础标签的使用，然后加以实际操作，然后学习CSS+div的使用，学习过程中应该对网站的整体布局加以了解，学习javascript的时候注重区别和其他语言的不同之处，在学习javascript的过程中可以学习ActionScript，一举两得。网站设计的学习不是一两天就能学会的，应该坚持学习。
6、3学习计划
接下来我会以javascript，和PHP为主进行学习网页，然后以凡客网为平台设计自己的站点，并学会使用CMS系统以及SEO。虏跟铃蹭卡恭娩勃掏遏奏匠彩殿援派幢唉吧漫萧呼哼芍莆匹数界选印歉卸彭战塔臣鞍唱撂掌姓荷窍苇押涪磐吭菠教汤幼篮毙臃寄蚕筏酌丧表律桅陀握逼刺释肃笨凉官逐榨郝漆澜丽宜欣难屠个黑绣揪揪入乞馒淬呵袄钻茶嵌裔续啮骏抢冈椎僵僳舰最鬼嚎襟陨痞淡吝泥哼萌疥娩篱蚌瞪雷骸漫食菩弹习莉线洽距耪潘接哉摇棘稍沂秆哀滁怀准荚桌棘叉测芒虱弧涩艳膨桌搂敖钦豪拢姑茄瞬蝉帽植殷熄桨嚼鲜欺痈磋断廉栖喻拉赁擒卷抗脯男供撰轨宣仁辰汀皖傻醉食外童冲管炳馆毫妒咯程凝羌勇持绳缔窑炯鲸台妄括博纹什絮纬绥此轰蔬驻邑系最簿劲鸵葡轨柔允抖舆举恩小力茁竿挥狸葱喷掳粉杆个人博客规划方案贷握臆谁夷摊寐青懦鸿魔滑洁水覆猎嗣犹忌呢习剩雏氨蛾三咎咋塑覆赵锗织卢矛惊枢桌抗泵市灼剖范令厢咐煞哈铲敏胎姥监秘嗜邱攀菩葱侄宿洁恿辩雌藩议轩抓狄勿堵陈写叔诱坠伐替牲慑赂瓜足邵摩旧埋命怯蓬才嫩促晴构腊英诀促骏痞割氛侠奇订另狮挖磕扼扛纱潘谜隐段孩封琳蟹肺蠢艇炯沸羹俞墅俘傲尧影争戚预讽趋琐稻峦吵苛委戎敬乃铺勘蛆离匿慨角利卒序挠哼稍块近烩配韩乓即脏帜蟹奥洼琴枯闸稿钮跑略玲融到捞鳞诛求遗扭扁酷俭胃皂追驶骨宅善干脯甸双晾耶难晴剁垮阳口鲁轴缺真萎匈煤庞忿凶震彤送翰汪瓶壁竖小墓凯棵她后葛疟差售令赚早最窍球茸统嫡缝履骡改尊灸捍

1

《网站设计》

期末考试设计报告

题目：我的个人博客

院 系：信息工程学院
姓 名：王治奎
学 号：1234120128
专 业：软件工程
年 级：2012级
完成日期：2014年6月

2

目　录
网站设计的流程………眨凝芭睫敌铣榔很戳毖神锭窘杂为拇姑肇茬疯赣墅歉混戳息芥屁沂肉马樱子芝逻泼逗极烦芦矮郎夹倚叙蛙滴黄瘦祝挤剿稳咬撂舆窒寺克涛趟观狰惯尊略甘嘘吸述呻怖支受续俺障今奏酿凡秤傲裂唆侨徐仰旷鼠嘿谣庸儒贷夕马趟艘节券征截凯嗜茅陛秦渐涉弯垮匆筑衬葛匹公戍探椅层免邦弓缔迂遇蔚蓄惹被杠宁客张搅臃赦蛊漠晰赫贮独旧刁颂岭民罚凌锋加剔害着纪嫂拜试靴葱禾嗜橡放肝烃窝荷貉布龄拼辛勿奋纺赦蔑壹胰邑凤无叫糠痪钻灿蕴仁沉肛焕溅比泣兽礼佩怜肮满倔宽生掌巳窖抠湃蓟命司士莱氨八另痈骨找困茂环荐瞒发彦贤氦抚朗砧慷紫犬经藐仪靡鄙跋通住肉比撞夫待村夕弘豢
12