01_网页制作基础.pptx

网页与动画制作吴 彬bitwubin@Tel程日历课程内容：网页与动画制作上课地点：良乡1-401上机地点：图书馆机房（机房6）星期（第2周）一二三四五日期（9月14日～9月20日）1415161718上午第二大节（9:50-12:15）-上课-上课-下午第三、四大节（13:20-17:35）-上机-上机-网页与动画制作网页制作基础使用Dreamweaver制作网页Flash动画基本原理一、网页制作基础网页是什么？网页：Web（Page） ，构成网站的基本元素，它是网站中的任何一张“页面”，也就是在浏览器中看到的一幅画面；一、网页制作基础网页是什么？每个网页通常对应着一个文件，文件名常以 htm 或 html 后缀结尾，称为 HTML文件，或称为网页源文件。不同的文件名后缀，代表不同类型的网页，除 htm 或 html 后缀外，其它如：cgi、asp、jsp、php 等；一、网页制作基础构成网页的基本元素文字：承载信息和交流的工具图片（静态、动态）：修饰网页、提供信息视频、音频：多媒体信息超级链接：实现网页间快速跳转表格：列表化数据、精确定位网页元素的位置表单：输入数据，提交服务器处理扩展元素：Flash插件、Java小程序、滚动字幕等一、网页制作基础网页工作原理　网页文件（HTML）存放在与互联网相连的某台计算机（服务器）中，并通过网址（URL）来识别与读取，当用户在浏览器中输入网址后，浏览器通过 HTTP 协议从服务器上获取网页文件，并经过分析处理后显示在计算机屏幕上。互联网客户端服务器HTTP请求网页HTTP响应网页文件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-lengthContent-range:bytes55455440279980……典型的响应消息消息报头空行消息正文一、网页制作基础关键技术标准超文本传送协议（HTTP）课后阅读参考/gueter/article/details/1524447/gueter/article/details/1524447一、网页制作基础静态网页 vs 动态网页静态网页是实实在在保存在服务器上的文件，每个网页都对应着一