01_网页制作基础案例.pptx

网页与动画制作 吴 彬 bitwubin@ Tel星期 （第2周） 一 二 三 四 五 日期 （9月14日～9月20日） 14 15 16 17 18 上午 第二大节（9:50-12:15） - 上课 - 上课 - 下午 第三、四大节（13:20-17:35） - 上机 - 上机 - 课程日历 课程内容：网页与动画制作 上课地点：良乡1-401 上机地点：图书馆机房（机房6） 网页与动画制作 网页制作基础 使用Dreamweaver制作网页 Flash动画基本原理 一、网页制作基础 网页：Web（Page） ，构成网站的基本元素，它是网站中的任何一张“页面”，也就是在浏览器中看到的一幅画面； 网页是什么？ 一、网页制作基础 每个网页通常对应着一个文件，文件名常以 htm 或 html 后缀结尾，称为 HTML文件，或称为网页源文件。 不同的文件名后缀，代表不同类型的网页，除 htm 或 html 后缀外，其它如：cgi、asp、jsp、php 等； 网页是什么？ 一、网页制作基础 构成网页的基本元素 文字：承载信息和交流的工具 图片（静态、动态）：修饰网页、提供信息 视频、音频：多媒体信息 超级链接：实现网页间快速跳转 表格：列表化数据、精确定位网页元素的位置 表单：输入数据，提交服务器处理 扩展元素：Flash插件、Java小程序、滚动字幕等 一、网页制作基础 　　网页文件（HTML）存放在与互联网相连的某台计算机（服务器）中，并通过网址（URL）来识别与读取，当用户在浏览器中输入网址后，浏览器通过 HTTP 协议从服务器上获取网页文件，并经过分析处理后显示在计算机屏幕上。 网页工作原理 一、网页制作基础 网页工作原理 输入网址（URL） 一、网页制作基础 关键技术标准 统一资源定位器（URL） 超文本标记语言（HTML） 超文本传输协议（HTTP） 一、网页制作基础 统一资源定位器（URL） URL：Universal Resource Locator，用于完整地描述Internet上网页及其它资源所在位置的一种标识方法，称为“网址”。 关键技术标准 一、网页制作基础 统一资源定位器（URL） URL的基本结构： 通信协议://域名或IP[:端口号]/路径/文件名?查询参数#信息片段 例：/doc/show.asp?id=123#top 关键技术标准 一、网页制作基础 超文本标记语言（HTML） HTML：Hypertext Markup Language； HTML是一种规范，一种标准，它通过标记符号标记网页中的各部分内容（如：文字、图片、视频、动画等），以便浏览器识别显示； 之所以称为“超文本”，是因为文本中包含了被称为 “超级链接”的标记 ，通过点击超链接可以让浏览器获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。 关键技术标准 一、网页制作基础 超文本传送协议（HTTP） HTTP：Hypertext Transfer Protocol 是客户端与服务器端之间进行请求和应答的一种标准，它采用请求/响应模型； 客户端向服务器发送一个请求，称之为请求消息，消息的内容包括请求的方法、URL、协议版本等。服务器根据请求作出响应，称之为响应消息，消息的内容包括协议版本、成功或错误代码、服务器信息、实体信息等。 关键技术标准 一、网页制作基础 超文本传送协议（HTTP） GET :80/somedata.exe?Host: ?Accept:*/*?Pragma: no-cache?Cache-Control: no-cache?Referer: http://download.microtool.de/?User-Agent:Mozilla/4.04[en](Win95;I;Nav)?Range:bytes=554554- …… 典型的请求消息 关键技术标准 请求行 消息报头 消息正文 空行 一、网页制作基础 超文本传送协议（HTTP） HTTP/1.0 200 OK Date:Mon,31Dec200104:25:57 GMT Server:Apache/1.3.14(Unix) Content-type:text/html Last-modified:Tue,17Apr200106:46:28GMT Etag:a030f020ac7c01:1e9f Content-length Content-range:bytes55455440279980 …… 典型的响应消息 关键技术标准 状态行 消息报头 消息正文 空行 一、网页制作基础 超文本传送协议（HTTP） 关键技术标准 /gueter/article/detai