网页设计——Dreamweaver中静态网页设计.doc

第七讲 Dreamweaver中静态网页设计 使学生掌握利用Dreamweaver对页面进行文本、图象、超级链接、表格以及框架等的编辑。 【教学内容】 讲解利用Dreamweaver进行静态页面的制作。 【教学重点】 通过对工具软件Dreamweaver的操作，制作出完整的静态页面。 【教学难点】了解静态网页的含义 【教学方式】 讲授式、项目模块式、演示教学。 【教学参考】1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。2、《WEB网站设计》Joel Sklar著 高等教育出版社。3、《Dreamweaver网页设计案例教程》白煜编著 清华大学出版社。4、《Dreamweaver MX 2004完美网页设计与制作》姜楠编著 中国青年出版社。 【新课内容】 3.2 在页面中加入文字和图像 3.2.1 文字的添加和处理 （1）文字属性面板的使用 3.2.2 插入和优化图像 （1）准备图像把网页中所用到的图像文件预先拷贝到站点文件夹中（2）插入图像（3）设置图像属性（4）创建图像地图 3.3 超级链接的运用 3.3.1 插入超级链接（1）直接在属性面板的链接项填入链接的地址。（2）在属性面板单击浏览文件按钮打开浏览窗口来选择链接的网页。（3）利用指向文件图标创建链接。 3.3.2 超级链接的运用（1）链接其他网站在链接栏填写URL选择目标网页显示的窗口。 _blank、parent、_self、_top（2）链接其他文件输入网页文件名外使用属性面板上的指向文件图标，创建内部链接（3）链接E-mail直接在链接栏填写E-mail地址。利用对象面板插入E-mail（4）锚点链接建立锚点:“隐藏” → “插入命令锚点” → 填入锚点的名称建立锚点链接:在链接栏中输入符号“#”和锚点名称。 3.4. 表格的应用 3.4.1 表格的创建 A.创建表格 （1）使用菜单“插入”→“表格”。（2）单击对象面板上的子菜单中插入表格按钮（3）按CTRL+ALT+T组合键。 B.选择表格元素 （1）选取整个表格（2）选择行和列（3）选择单元格 3.4.2 表格属性的设置 1、表格整体属性设置2、行列和单元格属性设置 3.5. 在网页中创建表单 A创建表单 “插入”→“表单”使用菜单“窗口”调出“对象”面板， “表单” →“插入” B添加表单元素（1）添加文本域“插入”→“表单对象”→“文本域”设置TextField，字符宽度，最多字符，类型 （2）添加选择域① 在表单中插入单选按钮。“插入”→“表单对象”→“单选按钮”② 在表单中插入复选按键。“插入”→“表单对象”→“复选钮”（3）添加列表和下拉式菜单（4）添加按钮（5）添加文件域 【课后小结】了解静态网页的含义，利用Dreamweaver MX 2004的强大功能制作出各色各样的页面，为以后的学习打下坚实的基础。 1