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