网页设计-第1章Web基础知识.ppt
课程安排： 1 第一章 Web基础知识 2 第二章 网站规划设计 3 第三、四章 网站的建立与准备 4 第五章 HTML入门 5 第六章 网页设计工具：相关设计软件介绍第七章 DREAMWEAVER（1） 6 第七章 DREAMWEAVER（2） 7 HTML上机操作；熟悉网页设计工具 8 第七章 DREAMWEAVER（3） 9 DREAMWEAVER上机操作（1） 10 第八章Flash动画（1） 11 DREAMWEAVER上机操作（2） 12 第八章Flash动画（2） 13 Flash上机操作（1） 14 第九章 网页设计高级技术 15 Flash上机操作（2） 16 综合上机操作,上机时间：周四上午12节 上机地点：五楼机房,上机时间：周一下午78节（4：005:40） 上机地点：五楼机房,上一页,下一页,返回,记住上机时间,教材以及课程学习目标说明,第一章 Web基础知识,Internet改变了世界，改变了人们的工作方式甚至生活方式。,1、发展迅速短短十几年,2、影响广泛各行各业：电子商务、科研、教育、办公等等,3、已经成为人们获取信息的主要方式：查阅信息，更新快捷,4、成为人与人联系的最便捷方式之一：QQ，视频、音频聊天、网络电话,5、某种程度上超越了地域国家的限制：各种论坛！志同道合的人的精神家园,1992年Web的第一个版本问世。,改变了人们的购物习惯,正改变着教育体制,为办公提供极大的便利,在互联网上几乎可以找到你想要的一切信息,更新的周期缩短,成为人们沟通联系的纽带,为思想的交流提供了相对自由的空间，人们可以跨越地理的限制交流思想,上一页,下一页,返回,第一节、Web概述,一、什么是Web？,1、Web是World Wide Web的简称(又称为万维网、WWW或者3W),它是由遍及全球的信息资源组成的系统。内容不仅是文本，还包 括图像、表格、音频与视频等等,2、Web上的文件大致上可分为三类：,第一类：网页文件用来描述资源结构、位置，引导浏览者访问 该网站，通常以“htm”、“html”为扩展名,第二类：是网页文件所连接到的图像、表格、音频与视频等资源文件,第三类：Web数据库和程序文件 （网站包括交互性内容 ）,上一页,下一页,返回,二、Web的结构,浏览器服务器 结构,1、什么是服务器？,存放超文本文档等待被访问的计算机被称为Web服务器(Web Server) 。,2、什么是浏览器？,运行在客户机上、用来访问Web的专用软件称为Web浏览器(Web Browser)。,3、浏览器、服务器如何工作？,服务器操作系统：windows、UNIX、Linux等,浏览器软件：微软的IE、网景Netscape等,DNS服务器,Web服务器 www.whpu.edu.cn 211.85.192.8,1、请求：解析域名：www.whup.edu.cn,2、回答：IP地址为211.85.192.8,4、回答：传送www.whup.edu.cn主页,3、请求：访问www.whup.edu.cn主页,上一页,下一页,返回,客户浏览器,三、Web的资源定位,1、Web可以说是一个巨大的Internet图书馆。,每个Web服务器就相当于图书馆中的书籍，而网页就像是这些书里的书页。,2、怎样在浩瀚的Internet图书馆中定位到相关的信息,Web服务器就是一个多媒体页的集合。,网站首页显示了网站的主要内容和总体目录,网站首页(home page)往往是这个网站的起点,以下三个要素保证了资源定位的准确性：,a、统一的资源命名方案(如URL) Uniform Resource Locator统一资源定位符,b、访问某一资源的方式，即协议(如HTTP，FTP等)，服务器与浏览器 的通信协议。,c、在资源之间访问的方法，即HTML，它提供了网页的格式及其与超 文本的链接。,上一页,下一页,返回,统一资源定位符,统一资源定位符(URL) 就象通讯地址，所以又叫“网址”,它由四个部分组成：,How ： / Who / Where / What,网络协议：Web专用的协议是HTTP(超文本传输协议)该协议与其后的内容之间用冒号和反斜杠分隔。,Web服务器的名称，又称为域地址，它由网站名和域名组成,网络资源在Web服务器上的文件夹位置 。,网络资源在Web服务器上的文件名包括扩展名。,http,: /,www.whpu.edu.cn,zzxx,Index.html,/,/,例子：,上一页,下一页,返回,第二节 HTML概述,一、什么是HTML?,HTML - 超文本置标语言 （Hyper Text Mark up Language ）,HTML是在各种网络环境之间，不同文件格式之间进行交流的一种语言格式。,HTML的发展,1990年问世，现在的功能已经十分强大。,HTML 的 编辑器,由最初的文本编辑器到现在日新月异的所见即所得的编辑软件,什么是超文本？ P5,所谓超文本，是指利用计算机的存储搜索能力将一些文本链接在一起构 成的文档，它使用户在浏览时能够从一段信息立即跳转到另一段信息，是一 种友好的人机界面显示技术。,上一页,下一页,返回,二、HTML 与 Web 的关系, html 演示文件 这是一个使用字体样式标签的例子 这是正常字体 这是斜体字 这是粗体字 请点这里进入下一页 ,上一页,下一页,返回,第三节 浏览器/服务器模式,一、服务器和浏览器,1、客户端和服务器,客户端是指与数据提供者(服务器)通信的软件和硬件。一个用户一次 通常只使用一个特定的客户端。客户端与服务器相连接，可以发送和接收 信息，因此客户端也可被看作是能从其他地方获取信息的程序。,服务器一般是指能向许多客户端提供数据的大型计算机。服务器一词 既可以指实际的计算机，也可以指一套服务器软件。,浏览器客户端,服务器,保存网页信息，并对浏览器指令做出反映。,发送指令到服务器，并对服务器信息进行解码,上一页,下一页,返回,2、服务器软件和客户端软件,windows、UNIX、Linux等,IE和网景等,二、浏览器插件,浏览器插件的作用,浏览器插件的种类,提供更加丰富的网络功能和媒体支持,1、视频插件,2、音频插件,3、电子书插件,4、其他功能插件,Windows Media player、Macromedia flash、RealPlayer、QuickTime等,专门的音效解码器,Acrobat Reader、超星浏览器、维普浏览插件等,金山词霸、Yahoo通、3721网上助手等等。,上一页,下一页,返回,第四节 网页,一、主页,主页(Home Page)，又称为首页，也有的称为起始页 。,主页的重要性,1、是第一印象,2、网站上信息资源的起点,3、站点信息资源的浓缩,网站的性质不同，主页传达信息的侧重就有所不同,1、门户型网站,2、个人主页,3、学校或企业主页,例如：,上一页,下一页,返回,早期手工编写的主页多为静态,二、静态网页,三、动态网页,什么是动态网页？,通过在传统的静态页面中加入各种程序和逻辑控制，实现客户端和 服务器之间的动态和个性化的交流和互动，将这种能够实现与浏览者交 互的网页称为动态网页。,狭义的动态网页,对动态网页的错误认识,“互动”是 动态网页的核心是双方的,“智能化” 是动态网页的发展方向,不但能够检索数据，还能够对数据加以分析和重组,上一页,下一页,返回,
