网页设计--说明文档.doc

毕业设计报告(论文) 题目: 武威职业学院 校园生活网站设计 所属系 电子信息工程系 专 业 现代教育技术 学 号 1002071017081 姓　　名 张 小 玲 指导教师 王 权 起讫日期 20112-11-1 设计地点 20112-12-21 武威职业学院校园生活网站设计 摘 要 当今世界已进入信息时代，Internet技术和现代教育的快速发展以及越来越紧密的结合使得校园网成为学校教育、教学科研的重要平台。其规模和应用水平已成为衡量学校教学与科研综合实力的一个重要标志，增强学生学之间的，让学生及时Dreamweaver 网页设计 目 录 摘 要 I 第一章 设计选题背景 1 第二章 设计选题的目的和意义 2 第三章 设计主题思想 3 第四章 运用的技术和工具 4 4.1 HTML 4 4.2 CSS 4 4.3 Dreamweaver 8 简介 4 4.4 FLASH CS3简介 5 4.5 PhotoShop CS4简介 6 第五章 设计的主要内容/流程 8 5.1 网站规划 8 5.2 首页制作 9 5.3 二级页面的制作 14 5.4 三级页面的制作 18 5.5 超链接 20 第六章 小 结 21 参考文献 22 第一章 设计选题背景 自以来，互联网在我国取得了飞速发展，各大专院校相继建立了自己的校园网。Internet技术和现代教育的快速发展以及越来越紧密的结合使得校园网成为学校教育、教学和科研的重要平台。校园已成为各学校通过校园网的设计与建设，实现真正意义上的宽带多媒体网络，为生提供、和综合信息服务。当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持，增强学生学之间的联系，让学生及时得到学校发布的重要信息，同时学生与学校最方便的联系桥梁使学生对学校的了解1 HTML HTML，英文全称为 HyperText Markup Language，中文译为超文版标记语言。它是用来创建Web文档的语言。页面元素是由特定的标记来确定的，这些标记告诉浏览器该如何显示这个页面。所谓超文本，就是一种含有指向其他文档链接的文本，即我们俗称的链接。超文本把存放于不同计算机中的文档链接在一起。访问者不必关心链接所指的内容到底位于何处，只需要在链接上单击一下鼠标，页面马上转到所指的文档中去。 4.2 CSS HTML可以将内容、结构和格式化的信息都包含在同一个Web文档中，这样做虽然简单易行，但也存在很多问题。各种信息存放在一起不利于文档的维护，修改起来费时费力。因此HTML应只负责文档的内容和结构，而格式化信息交给一套新的语言来完成，这就是CSS。 CSS全称为Cascading Style Sheet，中文译为层叠样式表（也有译作级联样式表的）。其作用就是要控制HTML的页面布局和外观样式，使Web文档内容结构和表现形式完全分离。 4.3 Dreamweaver 8 简介 Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的设计和代码编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2）可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3）功能更多的CSS支持——CSS可视化设计、CSS检查工具 图 1 Dreamweaver 8 4.4 FLASH CS3简介 Adobe Flash CS3用于web站点的交互式的矢量图形和动画的制作，它可制作出用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动富于表现力的网页。Flas