dreamweaver cs3网页制作 第一章.docVIP

1.1 网页基础知识 Internet：是一个全球性的计算机互联网络，中文名称为“国际互联网”或“因特网”，如下图所示。 网站：指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。 网页：一般又称作HTML文档，可以在互联网上传输，能被浏览器识别和翻译成页面并显示出来。 网站、网页、主页之间的关系 网站是若干网页的集合,包括主页和其他网页。主页是指在浏览器的地址栏中输入网址后默认显示的页面，是网站的索引页，其他网页通过超链接与主页相连。 WWW服务 WWW含义为“全球网”或“万维网”，它以HTTP为基础，提供面向Internet的信息查询服务，可以让用户使用统一界面的信息浏览系统查询Internet上的各类信息，其原理如下图所示。 1.2 Dreamweaver CS3的工作界面 Dreamweaver CS3的启动界面 Dreamweaver CS3的工作界面 菜单栏 “文件”：提供新建、打开、保存、预览、转换文档格式等命令。 “编辑”：提供用于基本操作的标准菜单命令。 “查看”：用于切换文档的各种视图，显示或隐藏各种页面元素。 “插入记录”：向页面中插入各种页面元素，创建超链接。 “修改”：用于设置页面属性及更改选定页面元素的属性。 “文本”：用于设置文本及段落的格式。 “命令”：提供了对各种命令的访问。 “站点”：提供了创建、编辑站点的命令。 “窗口”：用于设置工作区布局和各种面板的打开和隐藏。 插入栏 “常用”类别：用于创建和插入最常用的对象。 “布局”类别：用于插入表格、div标签、框架和 Spry构件。还可以选择表格的两种视图：标准（默认）视图和扩展视图。 “表单”类别：包含一些按钮，用于创建表单和插入表单元素。 “数据”类别：可以插入Spry数据对象和其它动态元素。 “Spry”类别：包含一些用于构建 Spry 页面的按钮。 “文本”类别：用于插入各种文本格式和列表格式的标签。 “收藏夹”类别：用于将最常用的按钮分组和组织到某一公共位置。 文档工具栏 “文档标题”：显示当前网页的标题。新建文档时，默认的网页标题是“无标题文档”。 “文件管理”：显示“文件管理”菜单，包括上传、下载等命令。 “在浏览器中预览/调试”：选择一种浏览器预览或调试文档。 “可视化助理”：用户可以使用各种可视化助理来设计页面。 “检查浏览器兼容性”：用于检查CSS是否对各种浏览器均兼容。 文档窗口 “文档”窗口显示当前打开的文档，用户在这里进行网页的编辑制作，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。 标签选择器 标签选择器位于状态栏的最左边，以HTML标记显示页面对象信息，通过它可以选择各种页面元素。 状态栏 选取工具：用于选取“文档”窗口内的对象。 手形工具：用来移动对象的位置。 缩放工具：增大或减小窗口的显示比例。 窗口大小：显示当前文档窗口的大小，以像素为单位。 文件大小和估计的下载时间：显示页面的预计文档大小和预计下载时间。 属性面板 “属性”面板用于查看和编辑当前选定对象（如文本、图像等）的各种属性。不同页面元素对应的的“属性”面板也不同。 打开属性面板的方法： ①选择“窗口” →“属性”命令 ②按Ctrl+F3快捷键 面板组 Dreamweaver CS3的面板组中包含许多面板，每个面板都可以展开或折叠，如右图所示，关闭或打开面板可以通过“窗口”菜单来完成。 标尺和网格 在调整网页中一些对象的位置和大小时，利用Dreamweaver CS3提供的标尺和网格工具，可以使操作更加准确。 标尺和网格只在网页文档窗口内显示，在浏览器中不会显示。 选择“查看→标尺→显示”命令，可打开标尺。 选择“查看→网格设置→显示网格” 命令可打开网格。 1.3 HTML语言的基础 HTML语言即超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML文档基本结构 html head 头部信息 /head body 正文主体部分 /body /html 提示 ①在HTML文档中，所有的标记都要用括号括起来，如p、hr。 ②HTML标记不区分大小写。 ③标记中如果包含多个参数，各参数之间用空格分隔，参数位置不受限制。 HTML常用标记 （1）标题标记 格式：title网页的标题/title 说明：该标记在head/head标记中，所包含的文字将出现在浏览器的标题栏上。 （2）主体标记 格式：body bgcolor=页面背景颜色 background=背景图像 t