Dreamweaver MX2004教案 第一周星期五第5,6节 课题网页设计概述 教学目标1、了解网页设计原则:2、了解网页设计制作工具;3、了解站点规划基本流程。 教学重点1、网页设计及布局原则:2、站点规划基本流程 教学难点1、网页设计及布局原则:2、站点规划基本流程 基础概念 1、网页:网站中供用户阅读的一个个页面,又称为WEB页。是通过超级链接将各种文档连接起来 的一个大规模信息集合。网页(Web页)一般指文件扩展名为htm(或htm1)结尾的文档。这些 文档是用文本标记语言HTML表示出来的,故通常也称之为HTML文档。这种语言要通过IE浏览 器“翻译”过来我们才能直接访问。 、主页( Homepage):是各个网站向用户提供的最初起始页面。通常包括通向其它相关页面的超级 链接。 3、万维网:( World wide Web)简称WwW,或3W,是目前 INTERNET网上最流行的一种基于超 文本形式资源组强形式 4、浏览器:网络中资源要通过浏览器来访问(IE、 Netscape、腾讯) 5、统一资源定位器( universal resource locator,URL):用来指出某一项信息所在位置及存取方式, 也就是我们经常所说的网址 教|6、通信协议 HIP:超文本传输协议 FTP:文件传输协议 、网页包括的主要元素 学|1、文本:信息载体和交流工具,网页的主体以文本为主。文本格式有(字体、字号、颜色等) 2、图像:在网页中可以起到提供信息、展示作品、美化网页以及体现风格等效果。图像可以用作 标题、网站标志(Logo)、网页背景、链接按钮、导航栏、网页主图等。图像在网页中可以使用多种 过文件格式,但使用最多的还是P和GF两种格式,因为这两种图像格式占用空间最少。网页中使 用图像不宜太多,每张图像也不宜太大,图像过多传会让人觉得累赘,过大会影响网页的传输速度。 3、超级链接:它是 Internet上最受欢迎的基于超文本方式的多媒体信息査询系统。它是从一个网 程|页指向另一个目的端的链接。该链接可以指向该网站的另一个网页,也可以指向世界各地的其他网 页。文字或图像都可以设置超级链接。链接一般包括两种类型:站内和站外链接 4、导航栏:是网站设计者规划好网站结构后必须考虑的一个问题。为了让访问者顺利浏览,避免 访问者迷失方向,可以在网页上设置导航栏;它能使访问者方便地返回主页或者继续进一步访问。 导航栏可以是按钮、文本超级链接或者图像,可以在站点的每一网页上设置导航栏,一般情况下导 航栏应放在网页中比较显眼的位置 5、表格:在网页中的表格主要是一种用来控制网页中页面布局的有效方式。为了达到较理想的视 觉效果,通常都有不显示边框 6、表单:是一种特殊的网页元素,它通常用来收集信息或实现一些交互式效果。其主要功能是接收 用户在浏览器端的输入,然后将这些信息发送到用户设置的目标端 7、多媒体及特殊效果:有些网页为了吸引浏览者,可级还会有声音、动画、视频等多媒体元素以 及悬停按钮,Java、 Activex控件等特殊效果。Dreamweaver MX2004 教案 第一周 星期五 第 5，6 节 课 题 网页设计概述 教学目标 1、了解网页设计原则；2、了解网页设计制作工具；3、了解站点规划基本流程。 教学重点 1、网页设计及布局原则；2、站点规划基本流程。 教学难点 1、网页设计及布局原则；2、站点规划基本流程。 教 学 过 程 一、基础概念 1、网页：网站中供用户阅读的一个个页面，又称为 WEB 页。是通过超级链接将各种文档连接起来 的一个大规模信息集合。网页（Web 页）一般指文件扩展名为 htm（或 html）结尾的文档。这些 文档是用文本标记语言 HTML 表示出来的，故通常也称之为 HTML 文档。这种语言要通过 IE 浏览 器“翻译”过来我们才能直接访问。 2、主页（Homepage）：是各个网站向用户提供的最初起始页面。通常包括通向其它相关页面的超级 链接。 3、万维网：（World Wide Web）简称 WWW，或 3W，是目前 INTERNET 网上最流行的一种基于超 文本形式资源组强形式。 4、 浏览器：网络中资源要通过浏览器来访问（IE、Netscape、腾讯）。 5、 统一资源定位器（universal resource locator，URL）：用来指出某一项信息所在位置及存取方式， 也就是我们经常所说的网址。 6、 通信协议 HTTP：超文本传输协议 FTP：文件传输协议 二、 网页包括的主要元素 1、 文本：信息载体和交流工具，网页的主体以文本为主。文本格式有（字体、字号、颜色等） 2、 图像：在网页中可以起到提供信息、展示作品、美化网页以及体现风格等效果。图像可以用作 标题、网站标志（Logo）、网页背景、链接按钮、导航栏、网页主图等。图像在网页中可以使用多种 文件格式，但使用最多的还是 JPEG 和 GIF 两种格式，因为这两种图像格式占用空间最少。网页中使 用图像不宜太多，每张图像也不宜太大，图像过多传会让人觉得累赘，过大会影响网页的传输速度。 3、 超级链接：它是 Internet 上最受欢迎的基于超文本方式的多媒体信息查询系统。它是从一个网 页指向另一个目的端的链接。该链接可以指向该网站的另一个网页，也可以指向世界各地的其他网 页。文字或图像都可以设置超级链接。链接一般包括两种类型：站内和站外链接。 4、 导航栏：是网站设计者规划好网站结构后必须考虑的一个问题。为了让访问者顺利浏览，避免 访问者迷失方向，可以在网页上设置导航栏；它能使访问者方便地返回主页或者继续进一步访问。 导航栏可以是按钮、文本超级链接或者图像，可以在站点的每一网页上设置导航栏，一般情况下导 航栏应放在网页中比较显眼的位置。 5、 表格：在网页中的表格主要是一种用来控制网页中页面布局的有效方式。为了达到较理想的视 觉效果，通常都有不显示边框。 6、表单：是一种特殊的网页元素，它通常用来收集信息或实现一些交互式效果。其主要功能是接收 用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。 7、 多媒体及特殊效果：有些网页为了吸引浏览者，可级还会有声音、动画、视频等多媒体元素以 及悬停按钮，Java、ActiveX 控件等特殊效果