2015制作绪论.pptVIP

《网页制作》绪论 授课教师：杨春节 E-MAIL：yjyeah@ahau.edu.cn 1 基础知识 2 网站的设计 3 网站建设总的趋势 4 个人站点的推销 1.1 基础知识 1.2 Web技术 1.1 基础知识 网页与网站 制作网页的基本工具 美化网页的基本工具 1.1.1 网页与网站 浏览器与Web服务器之间是以页为单位来传送信息。 网页通常成组出现，并且这组网页之间通过超链接相互组织成为反映某个主题的网站。 1.1.2 制作网页的基本工具 超文本标识语言（HTML） HTML（Hypertext Markup Language）是一种专门用于 Web页制作的编程语言。 FrontPage FrontPage是由Microsoft公司推出的新一代Web网页制 作工具FrontPage使网页制作者能够更加方便、快捷地 创建和发布网页，具有直观的网页制作和管理方法，简 化了大量工作。 Dreamweaver Dreamweaver是由Macromedia公司推出的一款在网页制作方面 大众化的软件，它具有可视化编辑界面，用户不必编写复杂 的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适 合于专业网页编辑人员的需要，同时也容易被业余网友们所 掌握。 1.1.3 美化网页的基本工具 Photoshop Photoshop是由Adobe公司开发的图形处理软件，它是目前公 认的PC机上最好的通用平面美术设计软件，它功能完善、性 能稳定、使用方便，所以在几乎所有的广告、出版、软件公 司，Photoshop都是首选的平面制作工具。 Fireworks Fireworks是由Macromedia公司开发的图形处理工具，它的出 现使Web作图发生了革命性的变化。因为Fireworks是第一套 专门为制作网页图形而设计的软件，同时也是专业的网页图 形设计及制作的解决方案。 Flash Flash是美国Macromedia公司开发的矢量图形编辑和动画创作 的专业软件，它是一种交互式动画设计工具，用它可以将音 乐、声效、动画以及富有新意的界面融合在一起，以制作出 高品质的网页动态效果。 1.2 Web技术 Web的面貌已经发生了非常重要的变化， 以访问DBMS和在线商务活动等功能为代表的 动态Web应用程序成为计算机发展的热门技 术之一。 动态Web技术也是基于客户机/服务器结 构的，在总体上可分为客户端扩展技术和服 务器端扩展技术两大类，以客户机/服务器 应用模式为基础 1.2.1 客户端扩展技术 客户端扩展技术是指浏览器中集成或增加的支持数据变动的新技术，提高了Web页面的实用化程度。客户端扩展技术可以验证交互数据的合法性，进行数据计算、分类和统计等功能，甚至可以在Web页面内制作游戏程序。 1.2.2 标记扩展 为了让Web“动”起来，HTML本身的标记规则也在进一步扩展和改进，CSS（叠层式表单语言）以精良的界面装饰技术占据了不可替代的技术角色，它允许设计者自己定义Web页面的样式，具有更好的易用性和扩展性。XML（扩展式标记语言）是HTML语言的改良版，支持用户自定义的控制标记，可以有效地降低阅读的复杂性。 1.2.3 服务器端扩展技术 1.2.4 ASP（ActiveX Server Pages） ASP是微软公司面向大众化的动态Web技术方案，建 立了一整套动态Web服务器环境，可使ASP指令标记 与ActiveX控件程序结合使用，建立高效的动态Web 应用程序。 ASP指令标记（脚本）使用特殊符号（% %）加以 标注，例如：% =Now（） %。含有ASP脚本的Web 页面以asp为后缀名，全部ASP脚本都在Web服务器 端执行，Web服务器仅将执行的结果发送到浏览器 端。 1.2.5 PHP（Hypertext Preprocessor） PHP也是一种服务器端嵌入式脚本标记语言，其工作原理与ASP和JSP相似，它的特色是高速，比ASP执行速度更快。PHP脚本采用了C、Java和Perl等多种语法格式，源于RedHat Linux，已被很多Internet站点所采用。 1.2.6 JSP JSP（IAVA SERVER PAGES）是由Sun 公司在java语言上开发出来的一种动态网页制作技术，其可使您可以将网页中的动态部分和静态的HTML相分离。您可以使用平常得心应手的工具并按照平常的方式来书写HTML语句。然后，将动态部分用特殊的标记嵌入即可，这些标记常常以“＜%”开始并以“%＞” 2 网站的设计 一方面是纯网站本身的设计。比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；