网页设计实训教案-郭雅林

《网页设计实训教案-郭雅林》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计与制作实训教案郭雅林2015年下期实训概述:本学期课程是依据上海交通大学出版社出版的《网页制作DreamweaverCS5实战基础》进行教学安排的，教材采用项目教学法，共包含冇10个项目。网页制作是一门实践性很强的课程，除理论讲授外，还安排了7个实训项目共32课时的上机实训。具体安排为：序号实训内容课时实训1建立网站站点2实训2网页的布局6实训3利用CSS样式统一页面风格4实训4利用层与行为创建网页效果4实训5使用表单创建文件4实训6规划、设计创建一个网站12共32课时实训要求：1、禁止抄袭。2、主题不限，欢迎同学标新立异。3、尽量多地完成实训内容4、尽量保持

2、实训网页的一致性。5、推荐个人独立完成实训内容，但不排斥小组合作。小组合作人数不得超过3人。评价方案：项目完成度60%+设计美观度30%+实训纪律10%实训1、建立网站站点实训题目建立网站站点实训课时2课吋实训目的1、理解站点的含义2、掌握建立站点的基本方法3、掌握管理站点文件的基本方法重点难点1、认识网站，了解其屮的基本术语2、掌握建立站点的基本方法实训准备1、计算机2^DreamweaverCS5实训地点4号机房实训内容1•浏览网站l.lxLOGO1.2、表单元素1.3、图片元素1.4、超级链接1.5、视频元素1.6、其它元素2.1田i出网站基本规划图2.1、网站

3、名称2.2、网站文件夹和子文件夹2.2、网站项目规划3.使用DreamweaverCS5新建个人网站3.1、打JFDreamweaverCS5,找到“站点”•“新建”菜单命令3.2、在“基木”选项卡输入相关信息3.3、在"高级”选项卡输入相关信息3・站点名称b・木地根文件夹C・默认图像文件夹d.HTTP地址4.使用DreamweaverCS5管理网站文件4.1、文件和文件夹的管理4.2、站点地图实训项目1、绘制网站规划图2、依据网站规划图建立网站实训2、网页的布局实训题目网页的布局实训课时6课时1、了解几种见的网页布局形式目的要求2、掌握创建网页布局的三种方法3、要求

4、作品有一定的美学水平1、使用表格进行页面布局重点难点2、使用框架进行页面布局3、使用APDiv进行页面布局实训准备1、计算机2、DreamweaverCS5实训地点4号机房1.网页布局的几种形式3.2、构架的操作1.1、“厂”字型布局3.3、查看和设置框架属性1.2、“同”字型布局4.使用APDiv进行页面布局1.3、分栏结构型布局4.1、仓ij建APDiv1.4>“封面”型布局a^基本APDiv2.使用表格进行页面布局b、嵌套APDiv2.1、使用表格4.2、APDiv的操作a＞在文档中插入表a、选择APDiv格b、调整APDiv大小实训内容b、选择表格c、移动AP

5、DivC、设置表格属性d、排列APDivd、编辑表格4.3、设置APDiv的属性2.2、格式化表格a、表格格式的设置b、表格的排序2.3、导入表格数据2.4、导出表格数据3.使用框架进行页面布局3.1>创建框架和框架集1、用表格为首页布局实训项目2、用框架为首页布局3、用APDiv为首页布局实训3、利用CSS样式统一页面风格实训题目利用CSS样式统一页面风格实训课时4课时目的要求1、认识CSS层叠样式表2、掌握利用CSS样式统一页面风格方法3、认识和定义CSS规则重点难点1、了解CSS层叠样式表的定义2、了解CSS层叠样式表的规则和分类3、定义CSS层叠样式表规则实训

6、准备1、计算机2^DreamweaverCS5实训地点4号机房实训内容1.认识CSS层叠样式表1.1>CSS样式1.2、CSS规则1.3>CSS分类2.创建CSS层叠样式表2.1、“CSS样式”面板2.2、新建CSS样式2.3、创建CSS文档3.使用CSS样式3.1、定义CSS规则3.2、套用CSS样式3.4、附加样式表3.5、删除已应用的样式4.使用样式增人行间距5.使用样式去除超链接的下画线实训项目1、用CSS样式设计网页风格2、创建CSS样式文档实训4、利用层与行为创建网页效果实训题目利用层与行为创建网页效果实训课时4课时目的要求1、认识层和行为2、能使用行为和

7、层创建网页效果重点难点1、了解层的含义2、了解行为的含义3、使用行为和层创建网页效果实训准备1、计算机2^DreamweaverCS5实训地点4号机房实训内容1.认识层1.1.层的概念1.2.行为的概念1.3.层的堆叠2.行为的操作2.1、创建行为2.2、应用行为2.3、修改行为3.行为的设置3.1、弹出消息3.2、打开浏览器窗口3.3、播放声音3.4、改变属性3.5、预先载入图像3.6、交换图像3.7、转到URL3.8、拖动AP元索实训项目1、为网页添加背景音乐2、创建弹出对话框3、创建弹出窗口小广告实训5、使用表单创建文件实训题目使用表单创建文件