个人网站设计方案报告.doc
《个人网站设计方案报告.doc》由会员分享，可在线阅读，更多相关《个人网站设计方案报告.doc（8页珍藏版）》请在冰豆网上搜索。
个人网站设计方案报告
一、市场分析
每个人都是生活的主角，每个人都有自己的生活，有时候你会觉得悲伤犹如空气般难以挥去，有时候你觉得快乐就像阳光普照大地，有时候离别似乎天灾般让你不知所措，有时候相聚仿佛仙境一般使你如痴如醉......个人网站是你忠实的骑士，他会记录你的点点滴滴，会帮你找回失落的记忆，会让你的感情有着落的港湾。
时下，随着各种通讯技术的发展，互联网已在中国逐步进入普及阶段，许多人在充分享受浏览新闻、上网聊天、网络游戏、网上交易、收发邮件等网络的各种乐趣后，开始不满足被动式的接受，希望能主动参与网络。
所以，个人网站是每个人都需要的重要工具，而大量的个人网站也就应运而生了。
对于名人而言，个人网站是一个展示自己的窗口，让公众更了解自己，给自己一个展现自我、贴近民众的平台。
因此，名人的个人网站的建设是受到欢迎而且具有比较大的市场潜力的。
二、网站建设的软硬件要求
1、首先要了解网页制作的基本语言HTML，掌握入门知识。
2、其次要学会使用当前流行的网页制作软件，如Dreamweaver、Frontpage、AdobeFireworkCS3、AdobeFlashCS3和Photoshop。
初步了解后，边用边学，以提高使用水平。
3、上网浏览各种网页，下载一些简单的个人网页以作参考，浏览网页设计网站，学习排版经验，同时下载一些网页结构模板供自己套用。
4、确定具有个人特色的网站主题和风格。
5、硬件上要求有可供设计网页的设备，为网站建设提供物质保障。
三、网站建设目标和需求
根据对网站自身建设的需要，本网站建设的主要目标是：
1、根据名人个人网站需要发布信息、引起关注的需要调整网站规划，是网站能够清晰全面的体现名人的各个面，使之贴近民众。
2、网站要起到宣传网站主人的作用，对名人的一些商业行为起到促销的作用，同时通过网络营销来宣传网站，使网站拥有较高的访问量，进一步提高该个人网站主人的知名度。
3、宣传网站主人近期的活动，及时更改状态，如该名人近期拍了什么电影，电视剧，广告等，提高人们对主角的认识和兴趣。
4、开辟出的新闻发布栏及时更新新闻动态，利用互联网的优势快速宣传网站主人，让人们了解到该名人的足迹。
5、在一些其他的方面，如导航、消息通道、个人频道的运行加强维护力度，使网站具有优秀的沟通功能，使网页发挥出服务大众的作用。
6、长远建设目标是充分利用互联网，加大名人个人新闻的传播力度，以增加人气，提高知名度。
7、基本目标是突出网站建设的20个页面：
个人首页、个人档案、近期新闻、相册图库、最新专辑、影视作品等。
三、网站栏目规划
1、网站的首页主要采用主题上是上、中、下结构，中间部分主要采用左、右结构，符合传统的网站设计风格，也符合目前学以致用的目的。
2、结构设计图展示：
头部有LOGO的地方
导航
滚动图片
左
右
频道展示
版权声明
（图一）
中间部分为左、右结构的为：
（图二）
这种设计版式符合许多比较大型网站所使用，而且使用的概率非常高，也是我本次主要使用的一个板式了。
四、网站总体风格设计
1、页面的美术设计要与个人整体形象相一致，在本网站中，以黑色为底色，凸显个人网站所介绍的对象的性格中的成熟稳重的特点，而中间穿插的紫色则彰显了名人身上特有的神秘色彩。
首页中滚动图片位于页面的中上方，使视觉效果更加明显，避免了网页设计中空洞呆板的缺陷。
中下方分左右两部分，分别用来介绍该名人的新闻动态，以保持页面的新鲜性和时代感。
在页面下方是名人频道，用来宣传该名人的各类作品。
最下方用小字标明准字与版权所有，以区别于其他网站。
2、网站LOGO为名人的个性签名，这种LOGO区分度比较高，可以起到一目了然的作用。
同时在首页两侧添加名人个性艺术照，更增加了访客对该网站的兴趣和关注度。
3、在网站页面设计上没有刻意突出广告语，但在“消息通告”上公布的个人最新信息起到了广告宣传的作用。
在个人频道和个人论坛这两大版块，也是隐形的广告。
名人个人网站一般来说不需要刻意植入广告，因为名人最新动态就是给自己打的最好的广告。
五、网页设计
1、制作网页模板，根据网页模板来创建各个页面。
制作流程：
制作流程：
打开Dreamwear8————HTMR文档————插入一行一列的表格高：
100像素，宽；900像素————在表格下方在插入一行一列的表格宽度和第一个表格一样————在插入一个三行一列的表格————在第二个表格中插入一个20行，3列的表格，和合并后两个页面————在合并页面中在插入一个一行一列的表格，————在这个下方插入一个20行6列的表格————处理相应的表格格式————在头部插入一个图片，就是页面的首部————调整图像大小————制作导航栏————用网页设计软件进入相应的内容首页————陆毅个人中文网————阳光————帅气————稳重————简单————陆毅首页————陆毅档案————陆毅照片————陆毅新闻————陆毅论坛————导航设置完成————到了中部份，在右侧的单元格中键入相应的表达对象————名称上方键入陆毅照片————设置为滚动模式————陆毅艺术照———链接至下级页面中的陆毅照片——陆毅生活照————链接至下级页面—————陆毅爱情照————相关链接至下级页面————消息通告——链接至news.html（有六个页面）————陆毅最近新闻动态————中下部分————插入图片————陆毅电视剧《血色童心》、《向左走、向右走》、《永不瞑目》、《我的青春谁做主》————分别点击这三个图片————链接至下级页面————陆毅档案—————影视作品————陆毅频道————内容介绍————音乐作品————选取的有八个曲目———点击“下载”播放————陆毅参演各影视剧主题曲————————点击陆毅档案————链接至下级页面————陆毅频道————陆毅个人档案————音乐作品————影视作品————舞台作品及出版文集————————陆毅新闻————新闻动态————《三国》拍诸葛亮落五丈原陆毅自吹“禳星灯”————在插入图片的位置插入相应图片————陆毅鲍蕾情侣装甜蜜亮相分享理财经验————在插入图片的位置插入相应图片————陆毅梦幻T台走秀代言男装展时尚之美————在插入图片的位置插入相应图片————《青春》引择偶话题陆毅钻石王老五形象出众————在插入图片的位置插入相应图片————《我的青春谁做主》热播陆毅讲述成长经历————在插入图片的位置插入相应图片————陆毅鲍蕾恩爱亮相女儿未来发展由她自己————在插入图片的位置插入相应的图片————在分别做好这些网页后使用内连接把网页分别连接起来————做完这些部分后要做陆毅照片滚动的动态效果————在代码中键入相应的陆毅照片滚动的动态效果————在代码中键入相应的命令即可————设置上部的导航栏————返回首页————网页下部————版权所有。
2、部分代码展示：
--
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
陆毅主页
--
body{
margin-left:
0px;
margin-top:
0px;
margin-right:
0px;
margin-bottom:
0px;
background-color:
#030102;}
3、制作网站的各个页面制作网站的各个页面设置可编辑区域：
设置可编辑区域：
首先是上一步的网页做模板————设置可编辑区域，把需要改内容的的表格设置成可编辑区域————在把设置后的页面进行保存————设置可编辑区域成功基于模板制作网页：
步骤打开网页模板————选中可编辑区域进行修改内容————把设置后网页保存为陆毅个人中文网————打开模板制作陆毅个人档案网页————选中可编辑区域————进行删、改内容操作————在把页面进行保存—————在打开模板制作制作陆毅照片的网页————选中可编辑区域进行删、改内容操作————在保存网页————以此同样步骤制作陆毅新闻的网页——————最后调整和控制所做的全部网页。
4、设置超级链接设置超级链接将各个需要设置的超链接额的页面在dreaweanr中打开，在进行超级链接步骤：
1、选中字体。
2、选中那个文件夹。
3、选择我们所要链接的网页。
4、把最链接好后的页面进行保存，链接就做好了。
以此类推，做其他页面的链接是做同样的劳动。
5、链接好后的字体效果是有明显的变化。
六、购买的域名和空间
第三个阶段网站的发布、推广、与维护；在基于第二步的基础上，完善网站后，就可对网站进行申请域名，在网上发布了；但在这里们我们暂不涉及这些内容。
七、本次课程设计的心得体会
一周的课程设计结束了，在这次的课程设计中不仅检验了我所学习的知识，也培养了我如何去做一件事情，如何理解一件事情，又如何完成一件事情；在设计过程中，自己认真设计，不懂的就问身边的同学，相互学习，相互监督；学会了合作，学会了把握事情，学会了宽容，学会了理解，也学会了做人与处世。
课程设计是我们专业课程知识综合应用的实践训练，这是我迈向社会，从事职业工作前一个必不少的过程．”千里之行始于足下”，通过这次课程设计，我深深体会到这句千古名言的真正含义．我今天认真的进行课程设计，学会脚踏实地迈开这一步，就是为明天能稳健地在社会大潮中奔跑打下坚实的基础。
通过这次网页设计，我在多方面都有所提高。
通过这次网页设计，我综合运用本专业所学课程的理论和生产实际知识进行一次网页设计工作的实际训练从而培养和提高学生独立设计的能力，巩固与扩充了网页设计等课程所学的内容，掌握网页设计的方法和步骤，掌握网页设计的基本的技能，懂得了怎样分析软件的综合运用，怎样确定设计方案，了解了网页的基本结构，提高了设计能力，绘图能力，熟悉了规范和标准，同时各科相关的课程都有了全面的复习，独立思考的能力也有了提高了。
在这次课程设计过程中，体现出自己单独设计网页的能力以及综合运用知识的能力，体会了学以致用、突出自己劳动成果的喜悦心情，从中发现自己平时学习的不足和薄弱环节，从而加以弥补。
在此感谢我的指导老师，在这次网页设计的每个实践细节和每个数据，都离不开老师细心指导，你认真的指导，帮助我能够很顺利的完成了这次课程设计。
同时感谢对我帮助过的同学们，谢谢你们对我的帮助和支持，让我感受到同学的友谊。
由于我的设计能力有限，在设计过程中难免出现错误，望老师多多指导,我十分乐意接受你的批评与指正，我将会认真听取你的教导，在下次当中总结经验，把网页设计的更好。
升级会员 