Dreamweaver CS3网页制作-全套PPT课件.pptx

第1章 网页制作基础知识;本章导读;本章任务;知识细目;Internet：是一个全球性的计算机互联网络，中文名称为“国际互联网”或“因特网”，如下图所示。;网站：指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。;WWW服务 WWW含义为“全球网”或“万维网”，它以HTTP为基础，提供面向Internet的信息查询服务，可以让用户使用统一界面的信息浏览系统查询Internet上的各类信息，其原理如下图所示。 ;;Dreamweaver CS3的工作界面;菜单栏;插入栏;文档工具栏; “文档”窗口显示当前打开的文档，用户在这里进行网页的编辑制作，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。;目录;; 在调整网页中一些对象的位置和大小时，利用Dreamweaver CS3提供的标尺和网格工具，可以使操作更加准确。 标尺和网格只在网页文档窗口内显示，在浏览器中不会显示。 选择“查看→标尺→显示”命令，可打开标尺。 选择“查看→网格设置→显示网格” 命令可打开网格。;1.3 HTML语言的基础知识;（1）标题标记 格式：title网页的标题/title 说明：该标记在head/head标记中，所包含的文字将出现在浏 览器的标题栏上。;（4）换行标记 格式：br 说明：用来标记一个换行动作，换行后的内容仍属于同一段落。;（8）表格标记 表格标记由表格标记、行标记和单元格标记3部分组成。 ①表格标记 table width=宽度 height=高度 align=对齐方式 border=边框宽度cellpadding=单元格边距 cellspacing =单元格间距……/table ②行标记 tr……/tr ③单元格标记 td rowspan=跨越行数 colspan =跨越列数……/td;上机实训;目录;本章导读;本章任务;2.1 网站规划;2.1 网站规划;2.2 创建站点;前进;2.3 管理站点;编辑站点;前进;2.4 操作站点文件;前进;前进;前进;前进;前进;前进;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;第4章 网页的布局;本章导读;本章任务;知识细目;4.1 表格的基本操作;;选择表格元素;通过“列标题”菜单选择列;选择???连续的多个单元格:按住Ctrl键单击要选择的单元格、行或列，再次单击取消选择。;提示;（3）插入单行或单列 ·选中行或列，右单击，在弹出的快捷菜单中选择“表格→插入行”或“表格→插入列”命令。 ·单击某列的“列标题”菜单，选择“左侧插入列”或“右侧插入列”。;（7）拆分单元格 ①将光标定位到要拆分的单元格中。 ②执行下列操作之一，打开“拆分单元格”对话框。 ·选择“修改→表格→拆分单元格”命令。 ·按Ctrl+Alt+S快捷键。 ·单击属性面板上的“拆分单元格”按钮。 ③设置要拆分的行数或列数，单击“确定”按钮。 ;（8）创建嵌套表格 嵌套表格是指在表格的单元格中插入新的表格。若要在表格单元格中插入嵌套表格，只需将光标定位到该单元格中，然后再插入表格即可。;（9）使用“列标题”菜单 当选定表格或表格中有插入点，默认情况下，DreamweaverCS3会显示表格宽度和每个表格列的列宽，宽度旁边是表格标题菜单与列标题菜单的箭头，使用这些菜单可以快速选择与表格相关的常用命令。;4.2 设置表格属性;·“边框”：指定表格边框的宽度，单位为像素。 ·“背景图像”：设置表格的背景图像。 ·“背景颜色”：设置表格的背景颜色。 ·“清除列宽”按钮：从表格中删除所有明确指定的列宽。 ·“清除行高”按钮：从表格中删除所有明确指定的行高。 ·“将表格宽度转换成像素”按钮：将表格中每列的宽度设置为以像素为单位的当前宽度，同时将整个表格的宽度设置为以像素为单位的当前宽度。 ·“将表格宽度转换成百分比”按钮：将表格中每列的宽度设置为按百分比表示的宽度，同时将整个表格的宽度设置为按百分比表示的宽度。;单元格属性的设置;·“宽”和“高”：用来设置所选单元格的宽度和高度。 ·“不换行”复选框：如果选中了该复选框，当单元格内的数据超过单元的宽度时，单元格会自动加宽来容纳所有数据；如果没有选中该复选框，则当单元格内的数据超过单元格的宽度时，自动换行。 ·“标题”复选框：可以将所选的单元格格式设置为表格标题单元格。默认情况下，表格标题单元格的内容为粗体且居中。 ·“背景”和“背景颜色”：设置所选单元格、列或行的背景图像和背景颜色。 ·“边框”：设置单元格的边框颜色。;表格格式设置优先顺序 ;4.3 使用表格“布局”视图;;;;提示;·“宽”选项区域：包括“固