1.3.2Dreamweaver8工具栏-本站首页.ppt

第1章 网页设计初步;1.1 预备知识 ;1.1.3 什么是URL URL为“Uniform Resource Locator”的缩写，通常翻译为“统一资源定位器”，它是一个指定Internet上资源位置的标准，也就是人们常说的网址。 其格式为： 通讯协议：//服务器地址[：通讯端口]/[路径] 例如，/ 就是典型的URL地址 ;1.1.4 什么是DNS DNS是“Domain Name Service” 的缩写，通常翻译为“域名管理系统”，简称为域名，它采用分层管理模式，用于将机器的名称转变成 IP 地址。 DNS使用阶层式的命名标准。此阶层的运作方式是由右而左，在右边的表示最高等级。如下图所示：;1.1.5 什么是Web浏览器和Web服务器 Web浏览器： 中文名称为网络浏览器或网页浏览器，简称浏览器；英文名称为Web Browser。浏览器是一个用于文档检索和显示的客户应用程序，并通过超文本传输协议（HyperText Transfer Protocol，HTTP）与Web服务器相连。目前，流行的有Internet Explorer和Netscape Navigator。 Web服务器(Web Server)： 是指驻留于因特网上某种类型计算机的程序。当Web浏览器（客户端）连到服务器上并请求文件时，服务器将处理该请求并将文件发送到该浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型），服务器使用HTTP（超文本传输协议）进行信息交流。 ;1.2 网页;HTML语言中常用标签：（如右图所示） HTML标记 html标记放在HTML文件的开头，以/html标记结尾，用以向浏览器说明，该文件是HTML文件。 “文件头”标记 文件头标记是以head开头，以/head结尾。一般放在html标记的后面，用以说明网页的标题，连接，关键字等信息。 “文件标题”标记 标题标记为title和/title。用来设定文件的标题，注释该文件的内容。 “文件体”标记 文件体标记为body和/body。一般用来指明HTML文档的内容，如文字、标题、段落和列表等，也可以用来定义页面的背景颜色。 “标题”标记 标题标记的格式为h?和/h?。用来设置标题字体的大小。 “字体”标记 字体标记的格式为font和/font，用来设置网页中文字的各种属性，比如字体，大小，颜色等。 “表格”标记 格式为table和/table，用来在网页中插入表格。 “图片”标记 图片标记的格式为img src=#（#代表图片的URL）。用于在网页中显示图片，它没有结尾标记。 ;1.2.2 网站 网站就是一个存储和管理网页与网页元素的场所。通常，一个网站就对应一个文件夹，包括该站的所有内容。 1.2.3制作网页常用的编辑工具和软件 常见的可视化网页制作软件有Dreamweaver（网页布局与素材整合等）、Fireworks（图形设计）、 Flash（flash动画制作）、 PhotoShop（图像处理）等 ;1.3 Dreamweaver 8中文版简介;Dreamweaver 8 工作界面 由以下几部分组成。 插入栏：包含各种类型的对象，如图像、表格、层和表单等。 文档工具栏：包含按钮和弹出式菜单，它们提供各种文档窗口视图，如“设计”视图和“代码”视图、各种查看选项和一些常用操作。 文档窗口：显示当前创建和编辑的文档。 属性面板：用于查看和更改所选对象的各种属性。 文件面板：可以管理文件和文件夹。文件面板还可以访问本地磁盘上的全部文件，类似于Windows资源管理器。 其他面板。这些面板使用时展开，不用时通常被设置为折叠或关闭状态。如下图中的“CSS”、“应用程序”和“标签检查器”等 ;1.3.2 Dreamweaver 8 工具栏 1．插入栏 Dreamweaver 8提供了两种“插入”栏显示方式，一种是菜单模式，另一种是制表符模式 2．文档工具栏 各个按钮的功能如下： 显示代码视图：显示代码窗口，查看和编辑网页代码。 显示代码视图和设计视图：同时显示可视化编辑窗口和代码窗口。 显示设计视图：显示可视化的编辑窗口，直接对网页元素进行操作。 文档标题：显示和设置文档的标题。 浏览器检查错误：检查浏览器支持，错误检查等。 文件管理：通过该菜单实现消除只读限制、获取、取出、上传、存回、设计备注和站点定位的功能。 浏览器中浏览/调试：在定义好的浏览器中预览和调试当前的网页。 刷新设计视图：设计视图中网页对象被修改后，单击此按钮来刷新。 视图选项：设置编辑