[互联网]网页设计与制作教案.doc

中国人民公安大学 教 案 课程： 多媒体技术应用 教师： 王任华 性质： 公共必修课 单位： 信息安全工程系 学时： 52 学生： 07级成教 学期： 07-08学年上 教材：《网页设计三合一实用教程》 教 务 处 制  教案序号：01 授课时间 第7周 周一3、4节 授课学时 2 教学内容 第一部分：网页网站设计基础及开发环境 Ch1综述 本课程主要 教学方法 与手段 采用课堂讲授与学生课下上机练习相结合的方法进行教与学，利用多媒体课件和多媒体设备辅助教学。 思考题与 参考书 Web网页设计的基本环境有哪些？ 站点创建的策划流程有哪些内容？ 网页制作工具有哪些？ 参考资料：网络教程 课后小结 讲 授 内 容 与 课 堂 组 织 综述 关于课程描述 课程涉及内容 学习目标 网页设计基础及开发环境 Internet与网页 什么是Internet Web网页解析 网站的设计与规划 网站的设计 网站的规划 网站信息的收集 建设网站所需的工具 HTML语言 认识HTML HTML的基本语法 HTML的发展 Macromedia Studio MX 2004的安装与启动 Macromedia 程序组 三剑客的安装与启动 1、基本概念 1）什么是WEB？ Web的全称是WORLD WIDE Web，是Internet发展的产物。 Web是运行在Internet之上的所有HTTP服务器软件和它们所管理的对象（及其作用）的集合。其中的“对象”实际上包括了Web Page/Web文档和程序，程序可以动态生成Web文档。 另一种定义：Web是一种体系结构，是一种基于Internet、采用Internet协议的体系结构。它包含如下几层意思： Web 是Internet 提供的一种服务。 Web是存储在全世界Internet计算机中、数量巨大的文档的集合。 Web上的海量信息是由彼此关联的文档组成的。这些文档称为主页（Home Page）或页面（Page）.。 Web的内容保存在Web 服务器中，用户可通过浏览器（Browser）访问Web站点。 2）什么是WEB文档？ Web文档是指可以被Web服务器传递的信息。 Web文档内容包括传统的Text、Image，也可以是Sound、Movie等多种数据类型。 超链接/锚点是Web文档的一个主要特征。 3）. Web中的服务器/客户端模式 Web的B/S结构，其逻辑层次为“客户－WEB－服务器”结构。 客户由TCP/IP与WEB浏览器组成，WEB服务器由HTTP加后台数据库组成。 客户的浏览器和服务器均使用TCP/IP的HTTP协议建立连接。 客户端和服务器端都是相对的概念。 客户的浏览器和服务器均使用TCP/IP的HTTP协议建立连接，利于客户与服务器之间的超媒体传输。所有的客户及WEB服务器统一使用TCP/IP，统一分配IP，使得客户和服务器的逻辑连接变成简单的点对点连接。URL实现了单一文档在因特网主机中的定位。客户请求通过WEB服务器CGI（公用网关接口）可以容易地与后台的各种类型数据接口。 4）. 什么是网站？ Web是众多服务器和客户端通过Internet形成的分布式的信息网络，网站即是众多服务器中的一个来提供信息。 根据服务内容的各有侧重，不一定是一台机器 。 5）. 几种典型的网站 大众类型： 新浪，网易，搜户等 媒体站：人民日报，中央电视台 娱乐站：联众游戏 搜索引擎 商业网站 当当书店 政府网站 海淀区人民政府 2、基本环境 网络操作系统： win NT/2000server ，linux ， unix 支撑工具：即支持不同平台的web 服务器软件， Windows NT/2000/XP 集成的IIS (Internet Information Server) Windows 98 下的PWS Linux 下的Apache web server 1.2 网站建设 1. 常用技术： 静态网页，动态网页技术 HTML DHTML java applet javascript ActiveX CGI ASP PHP JSP Flash VRML WAP J2EE HTML(Hypertext Mark-up Language)－超文本标记语言 DHTML(Dynamic HTML)－动态HTML CGI（Common Gateway Interface）Internet Information