第章 HTML与CSS网页设计概述.ppt

1.3 Dreamweaver工具的使用 新建HTML文档： 选择菜单栏中的【文件】→【新建】选项，会出现“新建文档”窗口。这时，在文档类型下拉选项中选择XHTML 1.0 Transitional，点击【创建】按钮，即可创建一个空白的HTML文档。 1.3.1 Dreamweaver界面介绍 1.3 Dreamweaver工具的使用 操作界面： 1.3.1 Dreamweaver界面介绍 1.3 Dreamweaver工具的使用 1.3.2 Dreamweaver初始化设置 工作区布局 必备面板 新建默认文档设置 代码提示 浏览器设置 1.3 Dreamweaver工具的使用 1.3.3 创建第一个网页 本章主要介绍了网页制作的基础知识，包括网页的形成，与互联网相关的一些名词，Web标准，HTML与CSS语言的特征及发展历程，常用浏览器，Dreamweaver工具的使用等。 通过本章的学习，读者应该能够简单地认识网页，了解HTML与CSS语言，熟练地使用网页制作工具Dreamweaver创建简单的网页。希望读者以此为开端，完成对本书的学习。 让IT教学更简单，让IT学习更有效 让IT教学更简单，让IT学习更有效 让IT教学更简单，让IT学习更有效 让IT教学更简单，让IT学习更有效 ? 目录 让IT教学更简单，让IT学习更有效 ? 本章小结 第一章  HTML与CSS网页设计概述 网页基本概念 HTML与CSS语言简介 Web 标准 Dreamweaver工具 1.1 Web基本概念 1.2 网页制作入门 1.3 Dreamweaver工具的使用 1. Web基本概念 网页究竟是什么？ 说到网页，其实大家并不陌生 浏览新闻 查询信息 网上购物 1.1.1 认识网页 1.1 Web基本概念 1.1.1 认识网页 以传智播客官网首页为例认识网页： 1.1 Web基本概念 1.1.1 认识网页 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 1.1 Web基本概念 1.1.1 认识网页 网页是如何形成的呢？ 1.1 Web基本概念 1.1.1 认识网页 除了首页之外，一个网站通常还包含多个子页面。网页与网页之间通过超链接互相访问。 网站由网页构成，网页有静态和动态之分。 静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。 动态网页显示的内容则会随着用户操作和时间的不同而变化。 大部分网站都由静态网页和动态网页混合组成，两者各有千秋，用户在开发网站时可根据需求酌情采用。 1.1 Web基本概念 1.1.2 名词解释 与互联网相关的一些专业术语 名词 名词释义 Internet网络 就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。 WWW WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网页浏览服务。 URL URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符” URL其实就是Web地址，俗称“网址”。 DNS DNS （英文Domain Name System的缩写）是域名解析系统。 HTTP HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细规定了浏览器和万维网服务器之间互相通信的规则。 Web Web通常指互联网的使用环境。但对于网站制作者来说，它是一系列技术的复合总称，通常称之为网页。 W3C组织 W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。 1.1 Web基本概念 1.1.3 了解Web标准 为什么需要Web标准？ 1.1 Web基本概念 1.1.3 了解Web标准 采用web标准的好处？ 1、让Web的发展前景更广阔 2、内容能被更广泛的设备访问 3、更容易被搜寻引擎搜索 4、降低网站流量费用 5、使网站更易于维护 6、提高页面浏览速度 1.1 Web基本概念 1.1.3 了解Web标准 Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。 1.1 Web基本概念 1.1.3 了解Web标准 结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。 表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。 行为标准：行为是指网页模型的定义及交互的编写，主要包括D