个人网站网页设计(计算机网络)

计算机网络课程设计 论文题目：个人网站网页设计 姓 名: 学 号： 指导老师： 2 目 录 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 3 1 课题描述 个人主页,一个展示自己计算机水平的平台。它包括一个主页，主页内要有导航栏目， 每一个导航栏目都要有相应的链接，每一个链接的页面都要有不同的内容显示，用尽可能多 的网页元素规划网页,并且具有文字、图像、声音等。 2 设计思路 通过参阅资料和自己对网页知识学习，最后决定做一个通过音乐美文欣赏为主来展示个 人的个人网站主页.主页以展现个性为主，同时要不失美观典雅，而且要符合设计题目的要 求，不是为了单纯的课程设计，而且要通过本次的练习使自己学到更多的东西，使自己在这 方面也有所提高，就构成了现在的设计思路。 3 设计过程 3.1 查阅相关资料 查阅 Flash,网页制作三剑客，动画制作等资料，决定做一个关于音乐美文欣赏的个人网 站主页。 3.2 相关的素材的收集与整理 通过上网和查阅书籍收集素材，主要包括音乐、图片、文字等。 3.3 框架和定义 使用 Macromedia Dreamweaver 8.0 开始构建网页精美收藏页面布局选择相应的框架得到 如图 3. 1 所示的结果。 4 图 3.1 框架定义 3.4 添加标题和文字 框架布局好以后在相应位置上添加标题和文字，如图 3.1 所示，总体知道需要链接 11 页网页，接下来对需要链接的网页进行细化制作。 3.5 图片素材的处理 图片素材的处理，使用 Flash 和 Macromedia Fireworks 8.0 对图片进行相应得处理得到如 图 3.2 所示。 5 图 3.2 Flash 制作 3.6 部分 Flash 处理与制作 运用 Flash 8.0 制作 Flash 动画，效果图如图 3.3 所示。 图 3.3 Flash 动画和按钮 3.7 素材添加 把制作好的素材添加到相应的框架内，对部分代码进行添加与调整，并通过预览的方式 检查是否符合要求。 4 网页预览 部分网页预览，如图 4.1 所示，总结设计制作的关键，为做好网页设计报告做好准备。 6 7 8 图 4.1 预览效果 9 5 网页核心代码 2011/8/7 阴 正如我所说，我爱她，其实有时候觉得也蛮可笑的“柏拉 图式” 的精神恋爱，很多人都讨厌雨天，因为那种天气会让人心情不好，但是我却非常喜欢，感性的我， 喜欢在雨中漫步，喜欢静静的站在雨里，顷听雨水拍打在我脸上的声音，有时候会有点点痛。在雨里我 可以找到自我，可以没人打扰，可以一个人静静的想心事。 有时候我真的希望自己是一个雨滴，或者是一缕轻风，在她不知不觉的时候，让风儿带着我的思念飞到她 的身边轻吻她的秀发，让雨滴带着我的爱恋撒落在你的裙边，围绕在她的身边，那怕我会瞬间消失，那 也是幸福的瞬间。爱一个人不正是为此吗？ 夏天我总是喜欢站在雨里，在行人异样的眼神里，在雨 详细情况 1 童话-变内衣版 网络歌手 108 2 10 大男人宣言 张善为 153 3 身边 无印良品 45 4 玻璃杯 曹卉娟 卢晓云 30 5 美丽的神话 成龙/金喜善 102 6 爱的废墟 11 俞静 90 7 寂寞沙洲冷 周传雄 31 8 又一年又三年 品冠 28 9 童话 小计站长 233 10 死了都要“麦“ 小乐音泉 250 12 现在的样子 3 介绍： 实说对你们讲吧，还是同一个人，这是 2009 年 夏天拍的，感觉更不一样了吧，只有嘴吧像是吧，呵呵 人家说女大十八变，这丫头都 25 了，还变？ 13 心远 JJ 2 介绍： 这个很古典的，超有艺术气息，我还是比较喜欢 这张的，可是她的眼睛却闭上了，对了忘记告诉你们了，这张就是下面的那女人，看不出吧？ 14 可爱宝宝 5 介绍： 2003 年拍于山东，济宁市，嘿嘿，看起来蛮可爱 的是吧？算得上美女吗？我不晓得哦，个人感觉有点点丑，哈哈不晓得她看到会怎么想哦！ 15 总 结 通过仔细分析认为这套方案比较好，因为关键技术自己通过查资料问老师和同学都可以 解决，比如图片的处理和网页的布局与制作。颜色搭配也是一个难题，最后经过查资料和请 教老师，决定用比较淡一点的颜色，如网页所示。 设计总体感觉不错，符合设计的目的。不仅达到课程设计的目的，还达到了学习知识的 目的，同时也使自己有了很大的提高。 总的来讲制作个人主页不是那么容易，需要解决的问题有很多，需要参阅的资料也有很 多，虽然有点累，不过学到了很多东西，感觉进步不小，不仅锻炼了自己，也为以后学习工 作做好了铺垫。为自己以后能更好的克服困难打下了良好的基础。 遇到的困难有很多，比如说制作材料的时候有很多技术还不会，不过通过自己查资料请 教老师和同学，都得到了解决.感觉自己的收获很大，会制作简单主页，在网页制作方面有 了很大提高 16 参考文献 1 晓雨.中文版Dreamweaver MX 从入门到精通M.北京：航空工业出版社,2003.1 2 赵祖萌.网页设计与制作教程M.北京：清华大学出版社,2005.2 3 孙良军.网页设