网页设计与制作（微课版第3版）-教学大纲

《网页设计与制作》课程教学大纲课程编号：130103课程名称：网页设计与制作英文名称：ComputerNetwork课程性质：计算机应用基础课总学时：48学分：2.5适用对象：文理工管等专业先修课程：大学计算机基础一、课程介绍本课程是关于网页设计与制作的一门主流课程，该课程不仅是计算机类专业的重要专业课，同时也是经管类、艺术设计类、新文科类等扩展计算机应用能力的一门重要课程。本课程的主要任务是讲授网页设计制作理论和方法，课程的内容主要包括：网页制作与HTML5基础知识，主要介绍网页的基本概念、DreamweaverCS6和HTML5等知识；网页整体规划与设计时网页的布局类型、设计流程和网页颜色搭配等内容；本地站点的建立、管理；网页中文本的多种处理方法；介绍网页中的图像、动画、视频和音频等多媒体在网页中的基本处理方法；网页中的超链接，介绍超链接的概念和实现的方法；网页中表格使用与简单页面布局，介绍表格在网页中的使用及使用表格进行布局的方法；设计框架网页，介绍页面框架及其应用；CSS与Div布局，介绍CSS样式的语法及Div实现页面布局的方法；网页的行为，介绍在网页中实现行为的方法；网页交互与特效，介绍交互的行为和Spry框架及其应用；网页表单的应用，介绍相关表单的实现方法；网站综合设计与制作，介绍完整网站页面的设计与制作过程。通过学习为从事与网页设计制作、管理与维护打下良好的基础。二、课程目标通过本课程的理论学习和制作实践，学生应具备以下能力：.能够运用网页制作知识和网页设计与制作理论表达网页设计与制作技术问题，能抽象或归纳网页设计与制作问题。.能够运用网页设计与制作理论分析方法对网页设计与制作问题进行性能分析评价，并给出有效结论及解决方案。.能够针对较复杂网页设计与制作的要求和特性，确定网页设计与制作设计的方案，并能进行网页设计与制作系统的设计，能以设计制作方案的形式呈现设计结果。.能够运用网页设计与制作软件分析网页设计验证网页设计的正确性。.能够应用网页设计与制作的专业软件进行网页的规划、设计与制作等。

三、教学内容与预期学习成效

知识单元知识点预期学习成效学时网页制作与HTML5基础知识网页的定义和分类；网页设计的相关概念；网页的基本组成元素；DreamweaverCS6概述；DreamweaverCS6的工作界面；网页标准技术与HTML；网页结构语言；网页表现语言；网页行为语言；在DreamweaverCS6中创立HTML5文档；HTML5常用标签。①掌握网页设计与制作的基本概念；②掌握网页的基本组成；③理解DREAMWEAVERCS6的工作界面和结构；④理解网页的标准；⑤理解HTML5语言及结构。3网页整体规划与设计网页设计基础；网页布局类型；网页整体造型；网页设计要素；网站与网页的设计流程及主题确实定；网站与网页的设计流程；网站主题确实定；网站的需求分析；色彩基础知识；网站中的色彩应用；网页元素之间的色彩搭配。①掌握网页设计基本；②理解网页的布局与整体造型；③掌握网站与网页的设计流程及主题与网站的需求分析；④学习色彩基础知识；⑤会进行基本的网页的色彩搭配。3建立本地站点什么是站点；本地站点；创立本地站点；管理本地站点；切换站点与站点的其他操作。①理解站点的概念；②掌握站点的创建；③对站点能进行管理；④会切换站点；⑤能对站点时行维护；3制作文本创立文档；保存文档；文本编辑；输入文本；添加新的字体；设置文本格式；设置文本格式；设置段落在页面中添加其他元素；设置网页背景；工程符号和编号；水平线、网格与标尺。①掌握文档创立和编辑；②会设置文本的格式；③会设置段落；④会设置网页中的背景；⑤掌握工程符号、编号以及水平线、网格与标尺的使用。4网页中的多媒体网页中常用的图像格式、GIF格式、JPEG格式、PNG格式；插入与设置图像；插入图像占位符实现鼠标经过图像；插入Flash动画、插入FLV视频：网页中的音频文件格式：网页中的视频文件格式；插入HOCKWAVE①掌握多媒体的格式；②掌握图像的插图插入与设置；④掌握动画的插入与设置；⑤掌握FLV视频的插入与设置；⑥掌握音频文件在网页中的应用，如背景音乐的应用。4影片、插入ActiveX控件、插入背景音乐。网页中的超链接超链接的定义；超链接的类型；链接路径；创立超链接的方法；文本超链接；下载超链接；电子邮件超链接；图像超链接；命名锚记超链接；空链接；设置脚本超链接；管理超链接；自动更新超链接。①理解超链接的定义、超链接的类型；②掌握文本超链接；③掌握电子邮件超链接、图像超链接；④会命名锚记超链接；⑤掌握空链接、设置脚本超链接；⑥理解管理超链接、自动更新超链接。4表格使用与简单页面布局插入表格；在表格中插入网页元素；设置表格及单元格的属性；设置单元格的属性；表格与单元格的具体操作；表格分隔线与边框操、表格特效设置；扩展表格模式的进入和退出。①掌握插入表格；②掌握在表格中插入网页元素；③掌握单元格的属性的设置；④掌握对表格的调整；⑤掌握表格在页面中的应用方式。4设计框架网页框架网页概念；创立各种框架；编辑框架集和保存框架集；设置框架页面滚动条；向框架中添加内容；框架属性；框架链接；框架标签；内嵌框架IFRAME;IFRAME的属性及应用。①理解框架网页概念；②会创立框架；③会编辑框架集和保存框架集；④能设置框架页面滚动条、向框架中添加内容；⑤能内嵌框架IFRAME并设置IFRAME的属性。4CSS与Div布局CSS的基本概念；CSS基本语法；CSS的分类；设置文本CSS样式、设置文字样式；设置文本对象样式修饰背景和边框；设置背景颜色和背景图像；设置边框样式；盒模型；设置标签的显示方式；CSS+Div布局DIV标签；3种布局方式。①理解CSS的基本概念；②理解CSS的分类；③掌握CSS样式、文字样式的设置和背景边框修饰；④掌握盒状模型；⑤掌握CSS+DIV布局DIV标签的使用。4行为行为概述；事件、动作；“行为”面板；添加行为、编辑行为；文本类行为；设置状态栏文本；图像类行为；代码属性类行为、跳转类行为、效果类行为。①理解行为基本概念；②掌握行为的基本操作；③能添加行为、编辑行为；文本类行为；④掌握图像类行为；⑤掌握效果类行为。4网页交互与特效网页的交互行为概念；拖动AP元素；显示隐藏元素；Spry框架Spry①理解交互行为基本概念；②掌握拖动AP元素操作；③Spry框架Spry效4

效果、Spry菜单栏；Spry选项卡式面板;Spry折叠式面板、Spry可折叠面板。果；spry菜单栏；；④Spry折叠式面板、Spry可折叠面板。网页表单的应用Spry表单验证技术；Spry验证文本域；Spry验证密码域；Spry验证文本区域；Spry验证单项选择按钮组；①理解Spry表单验证技术基本概念；②掌握SPRY验证密码域、SPRY验证文本区域；③Spry验证列表；④Spry验证复选。3网站综合设计与制作实践网站定位；网站需求分析；网站栏目设计；站点定义与目录管理；网页设计与制作；页面布局；制作网站首页；内容页面的制作。①掌握站点需求分析；②站点规划；③掌握站点设计；④掌握站点实现。4课时加课汴（-）考核内容及占比过程性考核占40%（包括作业、考勤、课堂表现等）；作品占40%（提交完整的网页设计作品）。（见作品考核参考标准）（二）考核方式1.考核方式网页作品。五、推荐教材、参考书目（一）推荐教材口］雷伟军，冯永亮，毛艳，侯敏等.网页设计与制作（微课版第3版）加］.