网页设计-第1章Web基础知识.ppt

《网页设计-第1章Web基础知识.ppt》由会员分享，可在线阅读，更多相关《网页设计-第1章Web基础知识.ppt（12页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、l l课程安排：课程安排：课程安排：课程安排：1 1 第一章第一章 Web Web基础知识基础知识 2 2 第二章第二章 网站规划设计网站规划设计 3 3 第三、四章第三、四章 网站的建立与准备网站的建立与准备 4 4 第五章第五章 HTML HTML入门入门 5 5 第六章第六章 网页设计工具：相关设计软件介绍第七章网页设计工具：相关设计软件介绍第七章 DREAMWEAVER DREAMWEAVER（1 1）6 6 第七章第七章 DREAMWEAVER DREAMWEAVER（2 2）7 HTML7 HTML上机操作；熟悉网页设计工具上机操作；熟悉网页设计工具上机操作；熟悉网页设计工具上机操

2、作；熟悉网页设计工具 8 8 第七章第七章 DREAMWEAVER DREAMWEAVER（3 3）9 9DREAMWEAVERDREAMWEAVER上机操作（上机操作（上机操作（上机操作（1 1）10 10 第八章第八章FlashFlash动画（动画（1 1）1111DREAMWEAVERDREAMWEAVER上机操作（上机操作（上机操作（上机操作（2 2）12 12 第八章第八章FlashFlash动画（动画（2 2）1313FlashFlash上机操作（上机操作（上机操作（上机操作（1 1）14 14 第九章第九章 网页设计高级技术网页设计高级技术 15 Flash15 Flash上机操

3、作（上机操作（上机操作（上机操作（2 2）16 16 综合上机操作综合上机操作综合上机操作综合上机操作上机时间：周四上午12节上机地点：五楼机房上机时间：周一下午78节（4：005:40）上机地点：五楼机房记住上机时间l l教材以及课程学习目标说明教材以及课程学习目标说明教材以及课程学习目标说明教材以及课程学习目标说明第一章第一章 Web Web基础知识基础知识l lInternetInternetInternetInternet改变了世界，改变了人们的工作方式甚至生活方式。改变了世界，改变了人们的工作方式甚至生活方式。改变了世界，改变了人们的工作方式甚至生活方式。改变了世界，改变了人们的工作

4、方式甚至生活方式。1、发展迅速短短十几年2、影响广泛各行各业：电子商务、科研、教育、办公等等3、已经成为人们获取信息的主要方式：查阅信息，更新快捷4、成为人与人联系的最便捷方式之一：QQ，视频、音频聊天、网络电话5、某种程度上超越了地域国家的限制：各种论坛！志同道合的人的精神家园1992年Web的第一个版本问世。改变了人们的购物习惯正改变着教育体制为办公提供极大的便利在互联网上几乎可以找到你想要的一切信息更新的周期缩短成为人们沟通联系的纽带为思想的交流提供了相对自由的空间，人们可以跨越地理的限制交流思想第一节、第一节、第一节、第一节、WebWeb概述概述概述概述一、什么是一、什么是WebWeb

5、？1、Web是World Wide Web的简称(又称为万维网、WWW或者3W)它是由遍及全球的信息资源组成的系统。内容不仅是文本，还包括图像、表格、音频与视频等等2、Web上的文件大致上可分为三类：第一类：网页文件用来描述资源结构、位置，引导浏览者访问 该网站，通常以“htm”、“html”为扩展名第二类：是网页文件所连接到的图像、表格、音频与视频等资源文件 第三类：Web数据库和程序文件（网站包括交互性内容）二、二、WebWeb的结构的结构浏览器服务器 结构1、什么是服务器？存放超文本文档等待被访问的计算机被称为Web服务器(Web Server)。2、什么是浏览器？运行在客户机上、用来访

6、问Web的专用软件称为Web浏览器(Web Browser)。3、浏览器、服务器如何工作？服务器操作系统：windows、UNIX、Linux等浏览器软件：微软的IE、网景Netscape等DNS服务器Web服务器1、请求：解析域名：2、回答：IP地址为4、回答：传送主页3、请求：访问主页客户浏览器三、三、WebWeb的资源定位的资源定位1、Web可以说是一个巨大的Internet图书馆。每个Web服务器就相当于图书馆中的书籍，而网页就像是这些书里的书页。2、怎样在浩瀚的Internet图书馆中定位到相关的信息 Web服务器就是一个多媒体页的集合。网站首页显示了网站的主要内容和总体目录网站首页

7、(home page)往往是这个网站的起点以下三个要素保证了资源定位的准确性：a、统一的资源命名方案(如URL)Uniform Resource Locator统一资源定位符b、访问某一资源的方式，即协议(如HTTP，FTP等)，服务器与浏览器 的通信协议。c、在资源之间访问的方法，即HTML，它提供了网页的格式及其与超 文本的链接。统一资源定位符 统一资源定位符(URL)就象通讯地址，所以又叫“网址”它由四个部分组成：How ：/Who /Where /What网络协议：Web专用的协议是HTTP(超文本传输协议)该协议与其后的内容之间用冒号和反斜杠分隔。Web服务器的名称，又称为域地址，它

8、由网站名和域名组成 网络资源在Web服务器上的文件夹位置。网络资源在Web服务器上的文件名包括扩展名。http:/zzxxIndex.html/例子：第二节第二节第二节第二节 HTML HTML HTML HTML概述概述概述概述一、什么是一、什么是HTML?HTML?HTML-超文本置标语言（Hyper Text Mark up Language）HTML是在各种网络环境之间，不同文件格式之间进行交流的一种语言格式。HTML的发展 1990年问世，现在的功能已经十分强大。HTML 的 编辑器由最初的文本编辑器到现在日新月异的所见即所得的编辑软件 什么是超文本？P5 所谓超文本，是指利用计算机

9、的存储搜索能力将一些文本链接在一起构成的文档，它使用户在浏览时能够从一段信息立即跳转到另一段信息，是一种友好的人机界面显示技术。二、二、HTML HTML 与与 Web Web 的关系的关系html 演示文件这是一个使用字体样式标签的例子这是正常字体这是斜体字这是粗体字请点这里进入下一页第三节第三节第三节第三节 浏览器浏览器浏览器浏览器/服务器模式服务器模式服务器模式服务器模式一、一、服务器和浏览器服务器和浏览器1、客户端和服务器 客户端是指与数据提供者(服务器)通信的软件和硬件。一个用户一次通常只使用一个特定的客户端。客户端与服务器相连接，可以发送和接收信息，因此客户端也可被看作是能从其他地

10、方获取信息的程序。服务器一般是指能向许多客户端提供数据的大型计算机。服务器一词既可以指实际的计算机，也可以指一套服务器软件。浏览器客户端服务器保存网页信息，并对浏览器指令做出反映。发送指令到服务器，并对服务器信息进行解码2、服务器软件和客户端软件 windows、UNIX、Linux等IE和网景等二、浏览器插件二、浏览器插件浏览器插件的作用浏览器插件的种类提供更加丰富的网络功能和媒体支持1、视频插件2、音频插件3、电子书插件4、其他功能插件Windows Media player、Macromedia flash、RealPlayer、QuickTime等专门的音效解码器Acrobat Rea

11、der、超星浏览器、维普浏览插件等金山词霸、Yahoo通、3721网上助手等等。第四节第四节第四节第四节 网页网页网页网页一、主页一、主页主页主页主页主页(Home Page)(Home Page)(Home Page)(Home Page)，又称为首页，又称为首页，又称为首页，又称为首页，也有的称为起始页也有的称为起始页也有的称为起始页也有的称为起始页。主页的重要性主页的重要性主页的重要性主页的重要性1、是第一印象 2、网站上信息资源的起点 3、站点信息资源的浓缩 网站的性质不同，主页传达信息的侧重就有所不同网站的性质不同，主页传达信息的侧重就有所不同网站的性质不同，主页传达信息的侧重就有所

12、不同网站的性质不同，主页传达信息的侧重就有所不同 1、门户型网站 2、个人主页 3、学校或企业主页 例如：早期手工编写的主页多为静态早期手工编写的主页多为静态早期手工编写的主页多为静态早期手工编写的主页多为静态 二、静态网页二、静态网页三、动态网页三、动态网页什么是动态网页？什么是动态网页？什么是动态网页？什么是动态网页？通过在传统的静态页面中加入各种程序和逻辑控制，实现客户端和服务器之间的动态和个性化的交流和互动，将这种能够实现与浏览者交互的网页称为动态网页。狭义的动态网页狭义的动态网页狭义的动态网页狭义的动态网页 对动态网页的错误认识 “互动”是 动态网页的核心是双方的 “智能化”是动态网页的发展方向不但能够检索数据，还能够对数据加以分析和重组