1、 网页设计程序设计网页设计程序设计 课程设计报告课程设计报告 题题 目：目：简单个人主页设计简单个人主页设计 专专 业：业： 班班 级：级： 姓姓 名：名： 学学 号：号： 指导教师：指导教师： 时时 间：间： I 摘摘 要要 企业的网址被称为“网络商标”，也是企业无形资产的组成部分， 而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。 Web 站点应针对所服务对象 （机构或人） 的不同而具有不同的形式。 有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供 华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和 录像片段。好的 Web 站点把图形表现手法和有效的组织
2、与通信结 合起来。网页设计作为一种视觉语言，特别讲究编排和布局，虽然 主页的设计不等同于平面设计，但它们有许多相近之处。 版式设计通过文字图形的空间组合，表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出 来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达 到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏 览者有一个流畅的视觉体验。本网站制作网页运用了超级链接，亮 光字体，条幅滚动，滚动字幕，插入多媒体，光柱等特效，阐述了 制作网页时需要的知识和相关技能。 关键字：多媒体，滚动字幕，布局 1 目目 录录 摘 要 .I 一、课程设计目的. 1 二、 设计方
3、案的论证 . 2 1、背景 . 2 2、意义 . 2 3、技术路线 2 三、设计实现过程. 3 1、总体设计 3 2、整体结构图 . 4 3、 页面设计. 5 四、调试运行 6 1、设计及调试遇到的问题 . 6 2、部分调试界面 . 7 五、 测试及问题探讨 . 10 六、 设计总结及体会 . 10 七、 致谢 . 11 八、 参考文献 12 九、 附录 . 1 信息工程学院网页设计设计报告 1 一、课程设计目的一、课程设计目的 随着学习范围扩展，需要的且下载的资料、素材等会越来越多， 就会导致经常需要的文件不容易找到。所以需要设计一个包含常用 文件的目录，方便查询及应用。 本次设计的目标是制
4、作一个简单的包含一些经常用到的文件的 目录页面，整个页面主要用表格设计布局，用内联框架实现页面跳 转的显示，添加个别的视频，音乐以及学习资料，其中学习资料支 持下载功能。 整个页面要包含主要的欢迎界面，导航条中包含一些个人喜欢 的英文句子，常用的图片素材，经常听的音乐，以及关于 linux 的 学习资料的下载的各级跳转链接。 信息工程学院网页设计设计报告 2 二、二、设计方案的论证设计方案的论证 1 1、背景、背景 随着学习范围的扩展，已下载的资料越来越多，给查找带来很 大障碍，需要一个包含日常常用的资料的目录文件以方便查找。 2 2、意义、意义 方便对常用文件的查找以及下载，提高学习效率。
5、3 3、技术路线、技术路线 网页制作涉及的工具比较多，首先就是网页制作工具了，目前 大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当 然是 Dreamweaver 和 Frontpage 了， 如果是初学者， Frontpage2000 是首选。除此之外，还有图片编辑工具，如 Photoshop、fireworks 等；动画制作工具，如 Flash、Cool 3d、Gif Animator 等；还有 网页特效工具，如有声有色等，网上有许多这方面的软件。 主要以 Dreamweaver CS6 代码模块进行制作，图片处理基于 Photoshop CS6 版本。一个网站设计得成功与否，很
6、大程度上决定 于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设 计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如 网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文 字图片的运用等，你只有在制作网页之前把这些方面都考虑到了， 才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才 能有个性、有特色，具有吸引力。 信息工程学院网页设计设计报告 3 三、设计实现过程三、设计实现过程 1 1、总体设计、总体设计 个人主页要包括首页的欢迎界面，欢迎界面要有个人的近期动 态以及以往动态的链接，还要包括音乐子目录，图片素材子目录， 近期的学习资料，其中学习资料要支持下载功能。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生 的视觉效果都各不相同。通过图片、文字前后叠压所构成的空间层 次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较 规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次， 视觉效果强烈。 网页上常见的是页面上、下、左、右、中位置所 产生
