网页设计_理论大纲

《网页设计_理论大纲》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计》课程理论教学大纲第一部分课程概述一、课程的性质和任务《网页设计》课程是计算机应用专业和计算机网络专业的基础应用课程，以网页制作软件Dreamweaver和Flash为研究对象，以学生掌握实用软件并学会网页创作为教学目的，是一门基础实践性课程。通过学习，可使学生掌握Dreamweaver的使用方法、网页制作的基本方法、运用Flash制作动画并与网页有效结合的能力。二、相关课程的衔接《网页设计》是基础应用课程，是计算机应用专业学生在修完《计算机网络基础》之后开设的，也是在学习《Web程序设计》、《网页综合实训》课程之前的必修课程。在本课的教学实施过程

2、中，要注重基础技能的传授和训练，以及网页制作基本思想的培养。三、课程教学的基本要求1．正确认识课程的性质、任务及研究对象，全面了解课程的体系、结构，对网页设计专业方向的知识和能力要求有一个总体的把握；2．牢固掌握运用Dreamweaver软件进行网页设计的基本技能，掌握运用Flash创作不含程序代码的动画的技能，掌握将网页和Flash结合运用的技能。3、学会在实践中总结知识，能够通过软件的学习掌握网页设计的基本思路和步骤。四、主要参考书目《网页设计与制作》机械工业出版社张玲编著2005版《从零开始Dreamweaver中文版基础培训教程》人民邮电出版社田博文

3、编著2002版《新编网页设计与制作培训教程》电子工业出版社2002版五、课程教学要求的层次在教学实施过程及期末考核时，按“了解、理解、掌握”三个层次要求。“了解”即一般掌握有关内容，通常以填空、选择、判断等题型进行考核；“掌握”即要清楚地掌握有关技术及制作思路，一般在填空、选择、判断及设计制作类题型中进行考核；“能够”即要非常清楚、全面、准确地掌握有关技能并能熟练运用，一般在设计制作类题型中进行考核。10六、教学安排及学时分配章次教学内容学时备注第一课第二课第三课第四课第五课第六课第七课第八课第九课第十课练习第十一课第十二课练习第十三课综合练习网页制作概述初

4、识DreamweaverMX用DreamweaverMX布局页面填充页面内容创建超链接与导航条创建网页动态元素模板的制作与应用认识FlashMX编辑对象时间轴的应用简单的时间轴动画编辑动画元件动画交互功能动画短片（综合）动画的导出与发布创作个人网站224444424466662122课时讲解，2课时练习2课时讲解，2课时练习2课时讲解，2课时练习2课时讲解，2课时练习2课时讲解，2课时练习2课时讲解，2课时练习2课时讲解，2课时练习2课时讲解，4课时练习2课时讲解，4课时练习合计7210第二部分教学大纲内容与要求第一课：网页制作概述学习要求1．了解网页制作的

5、常用软件2．了解网页基本知识及页面应有元素等3．掌握网页制作的基本步骤教学内容一、网页概述㈠网页概述㈡网页中的常用述语二、网页制作的常用软件三、网页制作的基本步骤第二课：初识Dreamweaver学习要求1．掌握Dreamweaver的工具界面2．掌握站点的创建与管理技术教学内容一、DreamweaverMX界面介绍㈠插入栏㈡工具栏㈢编辑窗口㈣属性面板㈤浮动面板组二、站点的创建㈠显示站点窗口㈡构建站点三、站点的资源管理㈠编辑本地站点㈡编辑站点文件10四、上机实战第三课：用Dreamweaver布局页面学习要求1．掌握表格的使用方法及属性设置2．掌握利用表格布

6、局页面的方法3．能够利用表格布局页面教学内容一、表格的应用㈠插入表格㈡格式化表格设置表格属性、设置单元格属性、格式化表格㈢编辑表格㈣嵌套表格二、层的应用㈠插入层㈡编辑层㈢层面板的应用㈣创建嵌套层三、框架布局㈠创建框架和框架集㈡选择框架与框架集㈢设置框架和框架集属性㈣保存框架和框架集四、上机实战第四课：填充页面内容学习要求1．掌握页面属性的设置方法2．掌握文本、图像的插入和编辑技术3．了解CSS样式的应用10教学内容一、设置页面属性二、编辑文本㈠字体格式㈡段落设置三、插入图像㈠直接插入图像㈡用占位符插入图像四、编辑图像五、CSS样式的应用㈠新建CSS样式㈡定制

7、CSS样式㈢编辑CSS样式六、上机实战第五课：创建超级链接与导航条学习要求1．掌握超级链接的添加和设置方法2．能够正确的链接页面3．掌握导航条的制作方法教学内容一、超级链接的类型与路径㈠超链接的类型㈡链接路径二、创建链接㈠文档链接㈡链接到命名锚㈢创建E-mail锚㈣热区链接三、导航条的制作㈠插入导航条10㈡编辑导航条四、上机实战第六课：创建网页动态元素学习要求1．掌握表单的添加与设置方法2．掌握多媒体的插入技术教学内容一、编辑表单㈠创建表单㈡在表单中添加对象文本域、文件域、复选框、单选钮、列表/菜单、跳转菜单、按钮㈢设计表单二、多媒体的插入㈠插入FlashF

8、lash按钮、Flash文本、Flash动画㈡插入声