IDreamweaver实训教案.docVIP

实训一、创建个人网站 课时：2 任务一、 规划个人网站 一、提出任务 1．任务目标．1．任务目标D:\pra1-2”文件夹中。 任务三 管理站点 一、提出任务 1．任务目标 任务四 创建网站目录结构 一、提出任务 1．任务目标实训二、添加首页内容 课时：2 任务一 添加首页文本 一、提出任务 1．任务目标 1．任务目标 1．任务目标 任务四 创建与应用CSS美化网页 一、提出任务 1．任务目标．． 实训三、创建、编辑表格 课时：4 任务一 创建表格 一、提出任务 1．任务目标1．任务目标宽00像素、高边框边框颜色为FF0000”。表格第宽第宽单元格的边框颜色为。 实训四、表格中添加内容及建立超级链接 课时：4 任务一 添加表格内容 一、提出任务 1．任务目标1．任务目标 实训五、制作“心情日记”网页 课时：4 任务一 创建框架集 一、提出任务 1．任务目标1．任务目标 1．任务目标 Boo.wav”。 2．创建一个网页“practice4-8.html”，效果如图JYFS4-5所示，在网页下方插入“插件”，播放本单元素材“举一反三”文件夹中的“piantou.avi”。 3．创建网页“practice4-9.html”，在网页中插入“插件”播放本单元素材“举一反三”文件夹中的“background.mid”，要求设置循环播放。 实训六、制作“家乡山水”网页 课时：4 任务一 创建框架集 一、提出任务 1．任务目标.html”。使用多边形热点工具为图像中的荷花添加热点，熟悉使用指针热点工具对热点进行移动和修改大小的操作。添加替换文本“映日荷花別样红”，添加链接到“practice5-4.html”，热点替换如图JYFS5-2所示。 图JYFS5-2 任务二 添加和使用层 一、提出任务 1．任务目标 1. 创建网页“practice5-5.html”，使用层完成如下工作：在图像“practice5-4.jpg”的上方叠放另一张图像“practice5-5.gif”（所需素材在本单元素材文件夹中的“举一反三”文件夹中），完成效果如图JYFS5-3所示。 图JYFS5-3 2. 创建网页“practice5-6.html”，利用层的可重叠性，制作阴影效果的文字，如图JYFS5-4所示。 图JYFS5-4 任务三 制作页面动态效果 一、提出任务 1．任务目标 practice5-2.jpg”，为图像添加“弹出信息”行为，使鼠标经过图像时弹出信息“月到中秋分外明”。 2．创建网页“practice5-11.html”，使用表格、层及行为创建如图JYFS5-6所示菜单，鼠标移到菜单选项时显示下拉列表，移出时下拉列表隐藏，目录结构参照表JYFS5-1。 实训七、制作“访客信息”网页 课时：4 任务一 插入表单 一、提出任务 1．任务目标JYFS6-1所示的“会员资料登记”页面中有哪些表单元素。 常用的表单元素有 2．将本单元“举一反三”文件夹中的网页“practice6-1.html”拷贝到D盘根目录，将表单中的“单选按钮组”修改为“列表/菜单”元素，“列表/菜单”元素修改为“单选按钮组”，并使其具有相同的功能。 任务二 检查表单 一、提出任务 1．任务目标．．practice6-3.html”，效果如课本图JYFS6-3所示。设置验证规则，要求用户必须输入用户名和密码，并且其中密码必须是数字格式，若不符合要求，则显示错误提示信息。 任务三 完成 “访客信息”网页 实训八、制作“专业教程”网页 课时：4 任务一 分析页面布局结构 任务二 练习 1．利用本单元所学的知识，制作个人网站的“用户登录”网页“practice6-3.html”，效果如课本图JYFS6-3所示。设置验证规则，要求用户必须输入用户名和密码，并且其中密码必须是数字格式，若不符合要求，则显示错误提示信息。 制作框架页面：? 1、新建网页123.html，标题：欢迎访问新世纪课程网站。? 2、选择【布局】－“框架”－“左侧和嵌套的顶部框架”，在属性面板中，设置行值为114像素，列值为200像素。? 保存全部，分别命名各框架名称：leftFrame为a.html、topFrame为b.html、mainFrame为c.html。?? 3、在a.html页面属性中将上、下、左、右边距全部设为0。插入一个6行1列的表格，表格宽度为95％，居中对齐。? 所有单元格水平居中，将第一个单元格的高度设为20px，输入文本“学习导航”；? 其余单元格将高度设置为50px，分别输入文字“◆知识点一”、“◆知识点二”、“◆知识点三”、“◆知识点四”、“◆知识点五”，?并分别建立链接关系，链接路径指向要