2016网页制作（主编高律-科学出版社）HTML标志综合运用案例.docVIP

第五讲 HTML标志综合运用案例【教学内容】 【教学目的】 使学生【教学重点】【教学难点】【教学方式】 案例分析式、【教学参考】 1著出版社 3、《HTML网页制作教程材义语编著 铁道出版社【新课内容】【课后小结】中简单WEB站点建立与管理【教学内容】 讲解 【教学目的】 使学生【教学重点】【教学难点】 【教学方式】 讲授式、项目模块式、演示教学【教学参考】 1著出版社 3、《Dreamweaver网页设计案例教程》白煜编著出版社编著【新课内容】 3.1.1 Dreamweaver的工作界面 3.1.2 Dreamweaver4的基本操作 1、直接建立新网页 “文件”→“新建”(Ctrl+N) 2、打开已有的网页 “文件”→“打开” 3、保存编辑过的网页 “文件”→“保存”，直接保存 “文件”→“另存为”,换名保存 4、预览正在编辑的网页 “文件”→“在预览器中预览” 5、设置网页属性 “修改”→“页面设置” （1）标题 （2）背景图像 （3）背景色 （4）文字颜色 （5）超级链接颜色 （6）左边界上边界 （7）文件编码方式 （8）网页蓝图 6、导入Word文件 “文件”→“导入” →“导入Word HTML” 3.1.3 用Dreamweaver创建和管理站点 1、创建本地站点 “站点” →“新建站点” 2、管理站点 “站点” →“定义站点” 3、上传和下载文件 【课后小结】中网页设计【教学内容】 讲解 【教学目的】 使学生【教学重点】 【教学难点】 【教学方式】 讲授式、项目模块式、演示教学【教学参考】 1著出版社 3、《Dreamweaver网页设计案例教程》白煜编著出版社编著【新课内容】 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）锚点链接 建立锚点:“隐藏” → “插入命令锚点” → 填入锚点的名称 建立锚点链接:在链接栏中输入符号“#”和锚点名称。 1