个人网站设计方案报告Word格式文档下载.docx

1、3、 上网浏览各种网页，下载一些简单的个人网页以作参考，浏览网页设计网站，学习排版经验，同时下载一些网页结构模板供自己套用。4、 确定具有个人特色的网站主题和风格。5、 硬件上要求有可供设计网页的设备，为网站建设提供物质保障。三、网站建设目标和需求 根据对网站自身建设的需要，本网站建设的主要目标是：1、 根据名人个人网站需要发布信息、引起关注的需要调整网站规划，是网站能够清晰全面的体现名人的各个面，使之贴近民众。2、 网站要起到宣传网站主人的作用，对名人的一些商业行为起到促销的作用，同时通过网络营销来宣传网站，使网站拥有较高的访问量，进一步提高该个人网站主人的知名度。3、 宣传网站主人近期的活

2、动，及时更改状态，如该名人近期拍了什么电影，电视剧，广告等，提高人们对主角的认识和兴趣。4、 开辟出的新闻发布栏及时更新新闻动态，利用互联网的优势快速宣传网站主人，让人们了解到该名人的足迹。5、 在一些其他的方面，如导航、消息通道、个人频道的运行加强维护力度，使网站具有优秀的沟通功能，使网页发挥出服务大众的作用。6、 长远建设目标是充分利用互联网，加大名人个人新闻的传播力度，以增加人气，提高知名度。7、 基本目标是突出网站建设的20个页面：个人首页、个人档案、近期新闻、相册图库、最新专辑、影视作品等。三、 网站栏目规划1、 网站的首页主要采用主题上是上、中、下结构，中间部分主要采用左、右结构，

3、符合传统的网站设计风格，也符合目前学以致用的目的。2、 结构设计图展示：头部有LOGO的地方导航滚动图片左右频道展示版权声明（图一）中间部分为左、右结构的为：（图二）这种设计版式符合许多比较大型网站所使用，而且使用的概率非常高，也是我本次主要使用的一个板式了。四、 网站总体风格设计1、 页面的美术设计要与个人整体形象相一致，在本网站中，以黑色为底色，凸显个人网站所介绍的对象的性格中的成熟稳重的特点，而中间穿插的紫色则彰显了名人身上特有的神秘色彩。首页中滚动图片位于页面的中上方，使视觉效果更加明显，避免了网页设计中空洞呆板的缺陷。中下方分左右两部分，分别用来介绍该名人的新闻动态，以保持页面的新鲜

4、性和时代感。在页面下方是名人频道，用来宣传该名人的各类作品。最下方用小字标明准字与版权所有，以区别于其他网站。2、 网站LOGO为名人的个性签名，这种LOGO区分度比较高，可以起到一目了然的作用。同时在首页两侧添加名人个性艺术照，更增加了访客对该网站的兴趣和关注度。3、 在网站页面设计上没有刻意突出广告语，但在“消息通告”上公布的个人最新信息起到了广告宣传的作用。在个人频道和个人论坛这两大版块，也是隐形的广告。名人个人网站一般来说不需要刻意植入广告，因为名人最新动态就是给自己打的最好的广告。五、 网页设计1、 制作网页模板，根据网页模板来创建各个页面。制作流程： 制作流程：打开 Dreamwe

5、ar8HTMR 文档插入一行一列的表格 高：100 像素，宽；900 像素在表格下方在插入一行一列的表格宽度和第一个表 格一样在插入一个三行一列的表格在第二个表格中插入一个 20 行，3 列的表格，和合并后两个页面在合并页面中在插入一个一行 一列的表格，在这个下方插入一个 20 行 6 列的表格处理相应 的表格格式在头部插入一个图片， 就是页面的首部调整图像大 小制作导航栏用网页设计软件进入相应的内容首页陆毅个人中文网阳光帅气稳重简单陆毅首页陆毅档案陆毅照片陆毅新闻 陆毅论坛导航设置完成到了中部份， 在右侧的单元格 中键入相应的表达对象名称上方键入陆毅照片设置为滚动模式陆毅艺术照链接至下级页面

6、中的陆毅照片陆毅生活照链接至下级页面陆毅爱情照相关链接至下级页面消息通告链接至news.html（有六个页面）陆毅最近新闻动态中下 部分插入图片陆毅电视剧血色童心、向左走、向右走、永不瞑目、我的青春谁做主分别点击这三个图片 链接至下级页面陆毅档案影视作品陆毅频道内容介绍 音乐作品选取的有八个曲目 点击“下载”播放陆毅参演各影视剧主题曲 点击陆毅档案链接至下级页面陆毅频道 陆毅个人档案音乐作品影视作品舞台作品及出版文集 陆毅新闻新闻动态三国拍诸葛亮落五丈原 陆毅自吹“禳星灯” 在插入图片的位置插入相应图片陆毅鲍蕾情侣装甜蜜亮相 分享理财经验 在插入图片的位置插入相应图片陆毅梦幻T台走秀 代言男装

7、展时尚之美在插入图片的位置插入相应图片青春引择偶话题 陆毅钻石王老五形象出众在插入图片的位置插入相应图片我的青春谁做主热播 陆毅讲述成长经历 在插入图片的位置插入相应图片陆毅鲍蕾恩爱亮相 女儿未来发展由她自己在插入图片的位置插入相应的图片在分别做好这些网页后使用内连接把网页分别连接起来做完这些部分后要做陆毅照片滚动的动态效果在代码中键入相应的陆毅照片滚动的动态效果在代码中键入相应的命令即可设置上部的导航栏返回首页网页下部版权所有。2、 部分代码展示：!-html xmlns=/www.w3.org/1999/xhtmlheadmetahttp-equiv=Content-Typecontent

8、=text/html;charset=utf-8 /title陆毅主页style type=text/css-body margin-left: 0px; margin-top: margin-right: margin-bottom: background-color: #030102;3、制作网站的各个页面 制作网站的各个页面设置可编辑区域： 设置可编辑区域：首先是上一步的网页做模板设置可编辑区域， 把需要改内容的的表格设 置成可编辑区域在把设置后的页面进行保存设置可编辑区域 成功 基于模板制作网页：步骤 打开网页模板选中可编辑区域进行修改内容把设置后网页保存为陆毅个人中文网打开模板制作陆

9、毅个人档案网页选中可编辑区域 进行删、 改内容操作在把页面进行保存在打开模板制作制作陆毅照片的网页选中可编辑区域进行删、 改内容操作 在保存网页以此同样步骤制作陆毅新闻的网 页最后调整和控制所做的全部网页。4、设置超级链接 设置超级链接将各个需要设置的超链接额的页面在 dreaweanr 中打开，在进行超级链接 步骤： 1、选中字体。 2、选中那个文件夹。 3、选择我们所要链接的网页。 4、把最链接好后的页面进行保存，链接就做好了。以此类推，做其他页面 的链接是做同样的劳动。 5、链接好后的字体效果是 有明显的变化。六、购买的域名和空间第三个阶段网站的发布、推广、与维护； 在基于第二步的基础上

10、， 完善网站后， 就可对网站进行申请域名， 在网上发布了； 但在这里们我们暂不涉及这些内容。七、 本次课程设计的心得体会 一周的课程设计结束了，在这次的课程设计中不仅检验了我所学习的知识， 也培养了我如何去做一件事情，如何理解一件事情，又如何完成一件事情；在设 计过程中，自己认真设计，不懂的就问身边的同学，相互学习，相互监督；学会 了合作，学会了把握事情，学会了宽容，学会了理解，也学会了做人与处世。 课程设计是我们专业课程知识综合应用的实践训练，这是我迈向社会，从事 职业工作前一个必不少的过程”千里之行始于足下”，通过这次课程设计，我深 深体会到这句千古名言的真正含义我今天认真的进行课程设计，

11、学会脚踏实地 迈开这一步，就是为明天能稳健地在社会大潮中奔跑打下坚实的基础。 通过这次网页设计，我在多方面都有所提高。通过这次网页设计，我综合运 用本专业所学课程的理论和生产实际知识进行一次网页设计工作的实际训练从 而培养和提高学生独立设计的能力，巩固与扩充了网页设计等课程所学的内容， 掌握网页设计的方法和步骤，掌握网页设计的基本的技能，懂得了怎样分析软件 的综合运用，怎样确定设计方案，了解了网页的基本结构，提高了设计能力，绘 图能力，熟悉了规范和标准，同时各科相关的课程都有了全面的复习，独立思考 的能力也有了提高了。 在这次课程设计过程中， 体现出自己单独设计网页的能力以及综合运用知识 的能力，体会了学以致用、突出自己劳动成果的喜悦心情，从中发现自己平时学 习的不足和薄弱环节，从而加以弥补。 在此感谢我的指导老师，在这次网页设计的每个实践细节和每个数据，都离 不开老师细心指导，你认真的指导，帮助我能够很顺利的完成了这次课程设计。 同时感谢对我帮助过的同学们，谢谢你们对我的帮助和支持，让我感受到同学的 友谊。 由于我的设计能力有限，在设计过程中难免出现错误，望老师多多指导,我十 分乐意接受你的批评与指正，我将会认真听取你的教导，在下次当中总结经验， 把网页设计的更好。