梨花布艺网站制作.doc.docVIP

技能训练教案 作者：王冬梅 训练课题：梨花布艺网站制作 ●理论分析 Dreamweaver中AP Div标签的添加 ●训练目标 ●知识目标：会使用Dreamweaver中AP Div标签布局网页 ●技能目标：能熟练添加网页素材 ●情感目标：培养学生良好的审美情趣 ● 训练过程 ● 项目设计： 1.新建站点，命名为“梨花布艺网站”，如下图所示： 2.新建网页index.html,然后选择【修改】/【页面属性】命令，在弹出的对话框中单击“浏览”按钮，将图像back.gif设置为背景，如下图所示： 3.在插入栏中选择“布局”选项卡，然后单击“绘制AP Div”按钮，在编辑区中绘制一个层，如下图所示： 4.双击apDiv1，将其修改为first,如下图所示： 5.使用相同的方法绘制所有的层，绘制完成后如下图所示： 6.分别为层命名，最后将其保存。 7.将光标定位在Logo层，在插入栏中单击“常用”插入栏中的“图像”按钮，在弹出的快捷菜单中选择“图像”命令，弹出“选择图像源文件”对话框，在查找范围下拉列表框中选择图像Logo.gif,单击确定按钮，如下图所示： 8.使用相同的方法，将001