《Dreamweaver中静态网页设计》教案- The Beauty of CSS Design - 博客大巴
  • :转载时请以超链接形式标明文章原始出处和作者信息及


    【教学内容】
    讲解利用Dreamweaver进行静态页面的制作。
    【教学目的】
    使学生掌握利用Dreamweaver对页面进行文本、图象、超级链接、表格以及框架等的编辑。
    【教学重点】
    通过对工具软件Dreamweaver的操作,制作出完整的静态页面。
    【教学难点】
    了解静态网页的含义
    【教学方式】
    讲授式、项目模块式、演示教学。
    【教学参考】
    1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
    2、《WEB网站设计》Joel Sklar著 高等教育出版社。
    3、《Dreamweaver网页设计案例教程》白煜编著 清华大学出版社。
    4、《Dreamweaver MX 2004xx网页设计与制作》姜楠编著 中国青年出版社。
    【新课内容】
    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中静态网页设计》教案- The Beauty of CSS Design - 博客大巴】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——