个人网站网页设计(计算机网络)教学.doc

计算机网络课程设计 论文题目：个人网站网页设计 姓 名: 学 号： 指导老师： 目 录 1课题描述 3 2设计思路 3 3设计过程 3 3.1查阅相关资料 3 3.2相关的素材的收集与整理 3 3.3框架和定义 3 3.4添加标题和文字 4 3.5图片素材的处理 4 3.6部分Flash 处理与制作 5 3.7素材添加 5 4网页预览 5 5网页核心代码 9 总 结 15 参考文献 16  1课题描述 个人主页,一个展示自己计算机水平的平台。它包括一个主页，主页内要有导航栏目，每一个导航栏目都要有相应的链接，每一个链接的页面都要有不同的内容显示，用尽可能多的网页元素规划网页,并且具有文字、图像、声音等。 2设计思路 通过参阅资料和自己对网页知识学习，最后决定做一个通过音乐美文欣赏为主来展示个人的个人网站主页.主页以展现个性为主，同时要不失美观典雅，而且要符合设计题目的要求，不是为了单纯的课程设计，而且要通过本次的练习使自己学到更多的东西，使自己在这方面也有所提高，就构成了现在的设计思路。 3设计过程 3.1查阅相关资料 查阅Flash,网页制作三剑客，动画制作等资料，决定做一个关于音乐美文欣赏的个人网站主页。 3.2相关的素材的收集与整理 通过上网和查阅书籍收集素材，主要包括音乐、图片、文字等。 3.3框架和定义 使用Macromedia Dreamweaver 8.0开始构建网页精美收藏页面布局选择相应的框架得到如图3. 1所示的结果。 图3.1框架定义 3.4添加标题和文字 框架布局好以后在相应位置上添加标题和文字，如图3.1 所示，总体知道需要链接11页网页，接下来对需要链接的网页进行细化制作。 3.5图片素材的处理 图片素材的处理，使用Flash和Macromedia Fireworks 8.0对图片进行相应得处理得到如图3.2所示。 图3.2 Flash制作 3.6部分Flash 处理与制作 运用Flash 8.0 制作Flash动画，效果图如图3.3所示。 图3.3 ?Flash动画和按钮 3.7素材添加 把制作好的素材添加到相应的框架内，对部分代码进行添加与调整，并通过预览的方式检查是否符合要求。 4网页预览 部分网页预览，如图4.1所示，总结设计制作的关键，为做好网页设计报告做好准备。 图4.1 预览效果 5网页核心代码 td width=260 height=240 valign=topspan class=STYLE4span class=style71 STYLE52011/8/7/span/span span class=style77span class=style71 STYLE6 style75阴/span/spanspan class=style78/spanspan class=style75br /spanspan class=style73 /spanspan class=style73 /span正如我所说，我爱她，其实有时候觉得也蛮可笑的“柏拉图式”的精神恋爱，很多人都讨厌雨天，因为那种天气会让人心情不好，但是我却非常喜欢，感性的我，喜欢在雨中漫步，喜欢静静的站在雨里，顷听雨水拍打在我脸上的声音，有时候会有点点痛。在雨里我可以找到自我，可以没人打扰，可以一个人静静的想心事。 有时候我真的希望自己是一个雨滴，或者是一缕轻风，在她不知不觉的时候，让风儿带着我的思念飞到她的身边轻吻她的秀发，让雨滴带着我的爱恋撒落在你的裙边，围绕在她的身边，那怕我会瞬间消失，那也是幸福的瞬间。爱一个人不正是为此吗？ 夏天我总是喜欢站在雨里，在行人异样的眼神里，在雨…… [a href=javascript:pophou(14)详细情况/a]/td /tr /table TABLE cellSpacing=0 cellPadding=0 width=283 border=0 TBODY