2009.9 电3,4网页.docVIP

课程名称 《网页制作》 授课日期 2009.9.7 授课周次 4 授课班级 电艺3，4 授课形式 演示 授课章节名称 第1章初步了解DW软件 教学目的 知识目标：网站和网页，网页中的元素类型，从专业角度分析网页 能力目标：网站的建设流程，HTML与CSS入门 德育目标：激发学生对做网页美学及色彩的培养 教学重点 1． 网页中的元素类型 2． 设计软件 教学难点 网页中的元素类型 网站的管理与设计软件 主要内容 网站和网页 网站，网页和主页 网页是什么？ 网页中的元素类型：文字，图像，动画 从专业角度分析网页 站标 2.导航栏 3.广告条 4.按钮 常用网站管理与制作软件 DREAMWEAVER 2。FRONTPAGE 辅助软件 FIREWORK FLASH PHOTOSHOP 常用网站程序设计语言 JAVASCRIPT ASP ASP。NET JSP 网站的建设流程 根据要求确定网站内容 规划网站栏目 确定网页尺寸与版面布局 确定网站配色与风格 授课小结 本过节学习可以使学生了解网页与网站的基本设置 课外作业 制作一简单网页 后记 本次教学正常进行无违记情况发生 课程名称 《网页制作》 授课日期 2009.9.14 授课周次 5 授课班级 电艺3，4 授课形式 演示 授课章节名称 第2章DW站点与文档管理 教学目的 知识目标：网页的布局设置 能力目标：表格的设置 德育目标：激发学生对做网页美学及色彩的培养 教学重点 1．设置表格 2．在表格中设置文本 教学难点 1．表格的插入及文本设置 主要内容 一．运行DW软件创建一个新网页文件 1．在“常用”工具栏单击“表格”按钮，打开“表格”对话框，在“行数”参数栏内键入1在“列数”参数栏内键入3，在表格宽度参数内键入1024，在“边框粗细”单元格间距参数栏内，均键入0，单击“确定”按钮，退出该对话框。 2．退出“表格”对话框后，在文档窗口中会出现一个表格，该表格内有3个单元格 3．单击“文本颜色”显示窗口，进入“属性”面板，设置3个单元格的背景均为黑色。 4．单击“文本颜色”显示窗，在弹出的颜色列表中选择白色，在“字体”下拉式选项栏内选择“默认字体”选项，在“大小”下拉式选项栏内键入15，然后激活“居中对齐”使文本居中对齐。 5．单击新插入的表格中的单元格，在“常用”工具栏内单击“图像”按钮。 授课小结 通过本章的学习可以使学生了解网页的构成及基本的操作方法 课外作业 制作一网页的内容 后记 本次教学正常进行无违记情况发生 课程名称 《网页制作》 授课日期 2009.9，21 授课周次 6 授课班级 电艺3，4 授课形式 演示 授课章节名称 第3章利用表格布局页面 教学目的 知识目标：网站和网页，网页中的元素类型，从专业角度分析网页 能力目标：网站的建设流程，表格使用 德育目标：激发学生对做网页美学及色彩的培养 教学重点 1． 网页中的元素类型 2． 图文混排 教学难点 设置链接 图文混排 主要内容 动行DW软件 在“常用”工具栏内单击“表格”按钮，打开“表格”对话框，在“行数”参数栏内输入3。列数栏内输入4，在“表格宽度”参数栏内键入1024 退出“表格”对话框后，在文档框窗口中会插入一个三行四列的表格 按住键盘上的SHIFT键，依次选择第1行的4个单元格，在“属性”面板中的单击 按住键盘上的SHIFT健，依次选择第1行的4个单元格 在第1行的单元格内单击，在“常用”工具栏内单击“图像”按钮 打开“选择图像源文件”对话框 退出“图像标签辅助功能属性”对话框 选择导入后的图像，进入“属性”面板 使用同样的方法，分别在3，4，5，6单元格中导入“实例5-6：制作环保网站” 在APDIV边框内键入“生态环境破坏状况”字样 选择该文本，进入“属性”面板在“大小”下拉式选项栏中选择14，将“文本颜色”显示窗中的颜色设置为黑色 12退出“表格”对话框后，在APDIV边框内会插入一个三行一列的表格 授课小结 通过本章的学习可以使学生了解网页的构成及基本的操作方法 课外作业 制作一个人网页（要有动画效果） 后记 本次教学正常进行无无违记情况发生 课程名称 《网页制作》 授课日期 2009.9.28 授课周次 7 授课班级 电艺1，2 授课形式 演示 授课章节名称 第4章在页面上添加文本 教学目的 知识目标： 能力目标：培养学生制作网页的能力 德育目标：激发学生制作网页的兴趣 教学重点 1．设置超链接 2．首先使用表格工具设置布局，并设置单元格背景 教学难点 1．掌握使用按钮设置超链接 2．表格设置布局 主要内容 操作步骤 打开DW软件单击起始页面的HTML选项，创建一个新的HTML格式文