清华版信息技术八年级下册教参.ppt

3．了解网站的开发流程，能够围绕网站主题设计组织结构图。 4．熟悉Dreamweaver 8的工作界面。 5．掌握创建站点、规划素材文件的方法。 6．学会创建首页、设置网页标题和背景色、保存网页及在IE中预览网页。 7．能够根据网页内容对页面进行合理的表格布局，并调整表格属性。 8．能够灵活地将图像、Flash动画、文本和特殊字符插入到页面中，并且通过“属性检查器”设置以上网页元素的属性。 教学难点 1．HTML语言的结构，标签和属性的含义。 2．通过观察文档图标和扩展名判断该文档调用的启动软件。 3. 能够根据网站主题的需要，搜集并整理相关素材，去粗取精、去伪存真。 4. 通过“窗口”菜单和面板组对工作界面进行自由布局安排，打造适合自己使用的软件环境。 5. 使用“标签选择器”来选择网页元素，以设置其属性。 6. 利用像素和百分比两种度量单位来控制网页元素的尺寸。 四、学时安排 本单元共4课，总计4学时，每课占用1学时。 （2）配置远程信息 远程信息的访问方式有多种，常用的是“FTP”和“本地/网络”两种方式。“本地/网络”方式主要用于设置本地计算机（本地计算机为web服务器）中的远程文件夹。“FTP”方式主要用于设置远程计算机中的文件夹。在本课中主要以配置“本地/网络”方式为主，这样也便于实现文件上传的操作，如图13.3所示。 选择“访问”下拉列表框中的“FTP”，打开如图13.4所示的对话框。在“FTP主机”文本框中输入远程FTP服务器的主机名；在“主机目录”文本框中输入在远程FTP服务器上存储网站文件的文件夹目录；输入用于连接到 FTP 服务器的登录名和密码。单击“测试”按钮测试是否可以成功地链接该FTP站点。 图13.3 设置“本地/网络”选项 图13.4 设置 FTP选项 （3）上传文件 在本课中，由于远程信息的访问方式选择的是“本地/网络”，因此上传文件就是将整个网站的文件上传到本地计算机的远程文件夹d:\website中。 除了一次上传整个站点外，还可以单独上传某个文件夹或文件。选中网站中的某个文件夹或文件，单击“上传”按钮即可将所选的文件夹或文件上传，网站上传前、后窗口的显示内容分别见图13.5和图13.6。 教师可以只讲解其中的一种情况，鼓励学生通过探究的方式尝试其他上传方式（如：逐个文件上传、逐个文件夹上传等）。 图13.5 网站上传前的窗口显示 图13.6 网站上传后的窗口显示 （三）教学补充 1 ．设计备注 当站点中的文件越来越多时，准确了解文件夹中的内容及文件的含义显得非常重要，利用设计备注可以对整个站点或某一文件夹甚至是某一文件增加附注信息，这样可以时刻跟踪管理每一个文件，方便管理站点，了解文件的开发信息等。 （1）在文件面板中选择要设置设计备注的文件，例如选择首页index.html，执行“文件”→“设计备注”命令，打开如图13.7所示的“设计备注”对话框。 （2）单击“状态”下拉列表框，选择当前文件的状态，如“草稿”、“最终版”。在“备注”文本框中填写说明文字。单击“日期”按钮可以插入当前的日期。选中“文件打开时显示”复选框，可以在打开文件时显示此文件的设计备注。 图13.7 “设计备注”对话框 2 ．检查目标浏览器 （1）执行“文件”→“检查页”→“检查目标浏览器”命令，打开如图13.8所示的“目标浏览器检查”面板。 （2）单击面板中的 按钮，打开如图13.9所示的菜单，选择“设置”命令打开如图13.10所示的“目标浏览器”对话框，选择不同的浏览器版本，单击“确定”按钮。 （3）单击面板中的 按钮，选择菜单中的“检查整个当前本地站点的目标浏览器”命令，检查整个站点在所选浏览器中能否正常显示。 图13.8 “目标浏览器检查”面板 图13.10“目标浏览器”对话框 图13.9 下拉菜单 对齐：指定水平线的对齐方式（“默认”、“左对齐”、“居中对齐”或“右对齐”）。仅当水平线的宽度小于浏览器窗口的宽度时，该设置才适用。 阴影：指定绘制水平线时是否带阴影。取消选择此选项系统将使用纯色绘制水平线。 需要注意的是，水平线的有些设置在编辑窗口无法直接看到效果，需要在IE浏