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

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