第1讲网页制作基本.ppt

Dreamweaver CS4中文版基础培训教程 主讲：XXX老师 第1讲 网页制作基础 教学目标 1.1 基本概念 1.1.1 Internet和WWW 1.1.2 浏览器和URL 1.1.3 HTML和CSS 1.1.4 网页和网站 1.1.5 HTTP和FTP 1.2 网页元素和编辑工具 1.2.1 网页元素 1.2.2 网页编辑工具 1.3 认识Dreamweaver CS4 1.3.1 Dreamweaver的发展历程 1.3.2 Dreamweaver CS4的工作界面 1.3.3 设置首选参数 1.4 网站建设流程 1.4.1 个人网站建设流程 1.4.2 企业网站建设流程 教学目标 了解一些与网页相关的基本概念。 了解网页的内容元素和编辑软件。 了解Dreamweaver的发展历程。 掌握Dreamweaver CS4的工作界面。 了解网站建设的基本流程。 1.1 基本概念 1.1.1 Internet和WWW 1.1.2 浏览器和URL 1.1.3 HTML和CSS 1.1.4 网页和网站 1.1.5 HTTP和FTP 1.1.1 Internet和WWW Internet，即国际互联网，又称环球网、因特网，不是指单个区域范围内的网络，而是指各种不同类型的计算机网络连接起来的全球性网络。 WWW是“World Wide Web”的缩写，也可简称为Web，中文名为“万维网”，是在因特网基础上发展起来的一种新技术。平时人们上网，基本上是在使用“万维网”。 1.1.2 浏览器和URL 浏览器是一个用于与互联网中的服务器建立连接并与之进行通信的客户端程序。常见的浏览器有Internet Explorer、Firefox等，国内厂商开发的浏览器，如腾讯TT浏览器、遨游浏览器（Maxthon Browser）也比较常用。 当使用浏览器访问网站的时候，都要在浏览器的地址栏中输入网站的地址，如图所示，这就是URL。URL为“Uniform Resource Locator”的缩写，通常译为“统一资源定位器”，它主要用于指定互联网上资源的位置。 1.1.3 HTML和CSS HTML是HyperText Markup Language的缩写，通常译为超级文本标记语言，是一种用来制作网络中超级文本文档的简单标记语言。严格来说，HTML语言并不是一种编程语言，只是一些能让浏览器看懂的标记。当用户浏览WWW上包含HTML语言标签的网页时，浏览器会“翻译”由这些HTML语言标签提供的网页结构、外观和内容的信息，并按照一定的格式在屏幕上显示出来。 CSS是Cascading Style Sheet的缩写，通常译为层叠样式表或级联样式表，是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则存放在另一个独立的样式表文件中或HTML文档的某一部分，通常为文件头部分，如图所示。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。 1.1.4 网页和网站 在浏览器的地址栏输入网址后所能看到的页面就是网页，网页是构成网站的基本元素，是承载各种网站应用的平台。网页通常是HTML格式，文件扩展名为“.html”、“.htm”、“.asp”、“.aspx”、“.php”或“.jsp”等。网页按表现形式可以分为静态网页和动态网页，按位置可以分为主页和内页。使用HTML编写的网页基本上都是静态网页，一般没有交互性；使用ASP、PHP、JSP等技术制作的网页基本上都是动态网页，具有较好的交互性，可以收集用户的信息。打开网站时所能看到的第1页通常称为主页，与主页关联的页面称为网站的内页。 所谓网站，就是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。人们可以通过网站来发布要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取需要的资讯或者享受网络服务。网站提供的服务通常有网页服务（Web Server）、数据传输服务（Ftp Server）、邮件服务（Mail Server）、数据库服务（Database Server）等。网站按其提供的内容通常分为门户网站、职能网站、专业网站和个人网站等。 1.1.5 HTTP和FTP HTTP是“Hypertext Transfer Protocol”的缩写，译为超文本传输协议，是用于从WWW服务器传输超文本到客户端浏览器的传送协议。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示等。这就是在浏览器