《网页制作》课件

《《网页制作》课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页制作》绪论授课教师：杨春节E-MAIL：yjyeah@ahau.edu.cn1基础知识2网站的设计3网站建设总的趋势4个人站点的推销1.1基础知识1.2Web技术1.1基础知识网页与网站制作网页的基本工具美化网页的基本工具1.1.1网页与网站浏览器与Web服务器之间是以页为单位来传送信息。网页通常成组出现，并且这组网页之间通过超链接相互组织成为反映某个主题的网站。……网站是由网页组成的，网页之间是由超链接来连接的，其连接方式有三种：线性网站、树状网站、非线性网站.线性网站：一页连接一页树状网站：分层排列非线性网站：上述两种网站的结合1.1.2制作网页的基本工具超文本标识语

2、言（HTML）HTML（HypertextMarkupLanguage）是一种专门用于Web页制作的编程语言。FrontPageFrontPage是由Microsoft公司推出的新一代Web网页制作工具FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。DreamweaverDreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。1.1.3

3、美化网页的基本工具PhotoshopPhotoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。FireworksFireworks是由Macromedia公司开发的图形处理工具，它的出现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。FlashFlash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件，它是一种交互

4、式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。1.2Web技术Web的面貌已经发生了非常重要的变化，以访问DBMS和在线商务活动等功能为代表的动态Web应用程序成为计算机发展的热门技术之一。动态Web技术也是基于客户机/服务器结构的，在总体上可分为客户端扩展技术和服务器端扩展技术两大类，以客户机/服务器应用模式为基础在客户端扩展的技术主要是JavaScript、VBScript、Perl、Applets、ActiveX、XML、CSS和Flash等。服务器端扩展的技术主要是CGI、ISAPI、NSAPI、SSI、ASP、PH

5、P、JSP和Net等。1.2.1客户端扩展技术客户端扩展技术是指浏览器中集成或增加的支持数据变动的新技术，提高了Web页面的实用化程度。客户端扩展技术可以验证交互数据的合法性，进行数据计算、分类和统计等功能，甚至可以在Web页面内制作游戏程序。1.2.2标记扩展为了让Web“动”起来，HTML本身的标记规则也在进一步扩展和改进，CSS（叠层式表单语言）以精良的界面装饰技术占据了不可替代的技术角色，它允许设计者自己定义Web页面的样式，具有更好的易用性和扩展性。XML（扩展式标记语言）是HTML语言的改良版，支持用户自定义的控制标记，可以有效地降低阅读的复杂性。1.2.3服务器端扩

6、展技术浏览器扩展技术和服务器扩展技术总是联合使用,动态Web技术的发展主流是服务器扩展技术。动态Web页面最好是服务器和浏览器共同协作，才能达到较好的网络应用效果。CGI（CommonGatewayInterface，通用公共网关接口）是最先发展起来的动态Web技术、是一种接口规范，定义了交互操作中双方必须遵守的规则集。1.2.4ASP（ActiveXServerPages）ASP是微软公司面向大众化的动态Web技术方案，建立了一整套动态Web服务器环境，可使ASP指令标记与ActiveX控件程序结合使用，建立高效的动态Web应用程序。ASP指令标记（脚本）使用特殊符号（<%%>

7、）加以标注，例如：<%=Now（）%>。含有ASP脚本的Web页面以asp为后缀名，全部ASP脚本都在Web服务器端执行，Web服务器仅将执行的结果发送到浏览器端。1.2.5PHP（HypertextPreprocessor）PHP也是一种服务器端嵌入式脚本标记语言，其工作原理与ASP和JSP相似，它的特色是高速，比ASP执行速度更快。PHP脚本采用了C、Java和Perl等多种语法格式，源于RedHatLinux，已被很多Internet站点所采用。1.2.6JSPJSP（IA