利用DreamweaverCS设计网页ppt

1、电子商务网站建设与管理 用表格或框架进行网页布局用表格或框架进行网页布局 5.3表表 单单 制制 作作 5.4网页的基本编辑网页的基本编辑 5.2创创 建建 站站 点点 5.1模模 板板 应应 用用 Dreamweaver CS3基础1初识Dreamweaver CS3的操作环境插入工具栏文档工具栏属性面板文件面板2设置首选参数1规划站点结构2创建站点5.2.1 设置页面属性1插入文本并进行格式设置2插入图像3插入其他图像元素4创建超级链接【例】制作玖丰电子机箱公司企业简介网页 1创建CSS样式2编辑CSS样式3应用CSS自定义样式4附加样式表5.3.1 表格基本操作1创建表

2、格【行数】：用来设置表格的行数。【列数】：用来设置表格的列数。【表格宽度】：用来设置表格的宽度，可以输入数值。单位有百分比和像素两种，选择百分比时，表格的宽度是一个相对值，会随浏览器窗口的大小而改变；选择像素时，表格的宽度是一个固定的绝对值。【边框粗细】：用来设置表格的边框的宽度。【单元格边距】：用来设置单元格的内部空白的大小。【单元格间距】：用来设置单元格与单元格之间的距离。2选取表格元素 选择整个表格。将鼠标指针移到表格边框线上，当出现双向箭头标志时单击即可选中整个表格；在表格内任意处单击，然后在状态栏选中标签；单击鼠标右键，在弹出的快捷菜单中选择【表格】【选择表格】命令。 选取单元格。按

3、住Ctrl键，在需要选中的单元格上单击即可；选中状态栏中的标签。 选取行或列。将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时单击即可。 3设置表格属性【填充】：用来设置单元格边距。【间距】：用来设置单元格间距。【对齐】：用来设置表格的对齐方式，默认的对齐方式为左对齐。【边框】：用来设置表格边框的宽度。【背景颜色】：用来设置表格的背景颜色。【边框颜色】：用来设置表格边框的颜色。【背景图像】：可以为表格添加背景图像 4设置单元格属性【水平】：设置单元格内元素的水平排版方式，是居左、居右或居中。【垂直】：用来设置单元格内的垂直排版方式，是顶端对齐、底端对齐或居中对齐。【宽】、【高】：

4、用来设置单元格的宽度和高度。【不换行】：可以防止单元格中较长的文本自动换行。【背景】：用来设置单元格的背景图像。【背景颜色】：用来设置单元格的背景颜色。【边框】：用来设置单元格边框的颜色。5嵌套表格 使用嵌套表格，可由总表格负责整体布局，由嵌套的表格负责各个子栏目的排版，并插入到总表格的相应位置中，各司其职，互不冲突。 1框架和框架集 框架（Frame）是浏览器窗口中的一个区域，可以显示与浏览器窗口的其余部分中所显示内容无关的网页文件。 框架集（Frameset）是一个网页文件，定义了一组框架的布局和属性，包括框架的数目、大小和位置以及在每个框架中要显示的网页文件的URL。 如果一个站点在浏览

5、器中显示为包含3个框架的单个页面，则它实际上至少由几个单独的网页文件组成 ？2创建框架和框架集3保存框架和框架集 （演示）4选择框架和框架集 （演示）5设置框架属性 （演示）6在框架中使用超级链接 （演示） 一个完整的表单由两个部分组成：一是使用HTML语言编写的网页界面，其中包含了用于收集信息的各类表单对象；二是应用程序，可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 1创建表单指定处理该表单的动态或脚本的路径 选择将表单数据传输到服务器的方式。POST方式表示将在HTTP请求中嵌入表单数据。GET方式则是将值附加到请求该页的URL中 2表单的应用【例】制作个人信息调查表（演示） 模板是能够生成其他网页样板的特殊网页。 模板文件的显著特征是分为可编辑区域和锁定区域两个部分。锁定区域用来锁定网站风格，是相对固定、不可改变的；可编辑区域用来定义网页的具体内容。 使用模板建立网页时，用户只需编辑可编辑区域即可，网站的维护由此变得简单。1模板的创建 创建模板有两种方法：一是将现有文件另