2009年.9 电艺3,4网页.doc

课程名称《网页制作》授课日期2009.9.7授课周次4授课班级电艺3，4授课形式演示授课章节名称第1章初步了解DW软件教学目的知识目标：网站和网页，网页中的元素类型，从专业角度分析网页能力目标：网站的建设流程，HTML与CSS入门德育目标：激发学生对做网页美学及色彩的培养 教学重点1． 网页中的元素类型2． 设计软件教学难点网页中的元素类型网站的管理与设计软件主要内容网站和网页网站，网页和主页网页是什么？网页中的元素类型：文字，图像，动画从专业角度分析网页站标 2.导航栏 3.广告条 4.按钮常用网站管理与制作软件DREAMWEAVER 2。FRONTPAGE辅助软件FIREWORKFLASHPHOTOSHOP常用网站程序设计语言JAVASCRIPTASPASP。NETJSP网站的建设流程根据要求确定网站内容规划网站栏目确定网页尺寸与版面布局确定网站配色与风格授课小结本过节学习可以使学生了解网页与网站的基本设置课外作业制作一简单网页后记本次教学正常进行无违记情况发生课程名称《网页制作》授课日期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格式文件，将该文件保存在本地站点的路径在“常用”工具栏内单击“表格”按钮，打开“表格”对话框，在“行数”参数栏内键入1，在“列数”参数栏内键入1在“表格宽度”参数内输入“边框粗细”，“单元格间距”输入0选择插入表格，在“属性面板”中的“背景图像”右侧单击，“浏览”按钮，打开“背景”按钮退出“选择图像源文件”对话框后，背景文件单击“布局”工具栏，单击层绘制APDIV按钮进入“布局”模式插入一个文本字段确定刚刚插入