网页设计基础教学大纲

《网页设计基础教学大纲》由会员分享，可在线阅读，更多相关《网页设计基础教学大纲（8页珍藏版）》请在金锄头文库上搜索。

1、网页设计基础教学大纲1 课程的基本描述课程名称：网页设计基础Fundamentals in WebPage Design课程编号：5301A04课程性质：公共基础必修课适用专业：工业设计参考教材：雷运发. 网页设计与制作实用教程. 中国水利水电出版社2006年总 学 时：64学时理论学时：34学时实验学时：30学时课程设计：学 分：4学分开课学期：第二学期前导课程：计算机文化基础后续课程：2 教学定位2.1 能力培养目标介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决一般网页制作问题的能力。同时，使学生掌握可视化网站开发工具Dreamweaver、了解网站图形制作工

2、具Fireworks和网站动画制作工具Flash。(一) 知识教学目标1. 掌握计算机网络的基本概念；2. 掌握网站的基本知识、网站的建立方法及流程；3. 了解常用网页制作工具；4. 掌握使用Dreamweaver创建站点的流程；5. 掌握使用Dreamweaver的基本操作；6. 掌握使用Dreamweaver对网页进行图文混排；7. 掌握超链接的概念和超链接的使用；8. 掌握表格的使用；9. 掌握框架的概念和框架的使用；10. 掌握CSS样式表的作用和应用；11. 掌握表单的概念和常用表单元素；12. 掌握在网页中插入多媒体的方法；13. 掌握在Dreamweaver中编辑HTML代码；1

3、4. 掌握Fireworks的基本功能和基本应用；15. 掌握Flash的基本功能和基本应用。(二) 能力培养目标1. 掌握网站制作的基本流程；2. 掌握网站相关知识； 3. 熟练使用网站制作工具Dreamweaver；4熟练使用Fireworks的常用功能；5熟练使用Flash的常用功能；6. 能够制作一般的网站。2.2 课程的主要特点 该课程是非计算机专业的计算机基础课程之一，注重培养学生网络制作方面的使用技能和应用能力，掌握网站的建设、使用和管理能力。通过本课程的学习，使学生具有制作一般网站的能力。2.3 教学定位通过本课程的学习，使学生掌握与网站制作相关的基础知识；掌握网站制作的基本流

4、程和方法；可以使用网站制作工具Dreamweaver制作满足一般要求的网站，并可以使用Fireworks处理简单图片，使用Flash制作简单的Flash动画。3 知识点与学时分配掌握程度采用Bloom分类法，即了解、理解和运用，具体含义如下：了解：能记住学习过的内容。理解：能领会课程内容的含义，掌握知识的内涵。运用：能在新的具体情况下应用所学知识解决问题。各知识点的重要程度划分为核心、推荐、可选。核心：该知识点是核心知识单元的一部分。推荐：该知识点不是核心知识单元的一部分，但应包含在必修课程中。可选：该知识点属于选修知识单元。3.1 网络基础主要讲授网络的定义、互联网的分类及发展概况；OSII

5、SO参考模型、TCP/IP参考模型、IP地址和域名、网页语言介绍；（学时：1学时；掌握程度：了解；重要程度：核心）共1学时。3.2 网页制作概述主要讲授网站的种类及相关知识（掌握）、网站的开发流程和方法（掌握；核心）、常用网站制作工具（了解） 共1学时3.3 使用Dreamweaver创建简单网页 1Dreamweaver基础（学时：4学时） Dreamweaver 的安装和基本工作界面、创建站点流程（了解）Dreamweaver MX 2004的基本操作（创建新页面；修改页面属性；编辑文本；创建列表；插入水平线、日期、特殊字符）（理解，核心）2表格、图象及超链接（学时：4学时）在网页中使用表

6、格（表格的用途；插入表格；表格的基本操作、设置表格属性；编辑表格）（理解，核心）在网页中插入图像（插入图像；图文混排）（理解，核心）超接链接（超链接的基本概念；超链接的创建目标和方法；）（理解，核心）共8学时。3.4 Dreamweaver高级应用 1框架、样式表（学时：4学时） 框架概念，框架的创建、属性设置、在框架中插入内容（理解，核心）样式表的作用，创建CSS样式表、修改样式表属性（理解，核心）2表单、行为、多媒体和HTML代码编辑（学时：4学时）表单面板、表单元素、插入表单（理解，核心）加入行为，使用Dreamweaver自带的行为（理解，核心）常用多媒体的文件格式、插入多媒体的方式、

7、插入Flash（理解，核心） 编辑HTML代码（设置代码格式、查找替换）（理解，核心）共8学时。3.5 Fireworks应用1Fireworks基础知识（学时：4学时） Fireworks简介（了解，核心）绘图工具面板（选择工具、颜色工具、位图工具、矢量工具）（理解，核心）Fireworks基本操作（创建新文件、打开和导入文件、保存和导出文件、更改画布、文本编辑）（理解，核心）2高级应用（学时：4学时）切片、交互效果和热点（理解，核心）按钮、导航栏和弹出菜单（理解，核心）制作GIF动画（理解，核心）共8学时。3.6 Flash应用1Flash基础知识（学时：4学时） Flash简介（了解，核

8、心）Flash图形制作基础（理解，核心）时间轴、帧和层（理解，核心）2库、元件、组件和动画应用（学时：3学时）库、元件、实例和组件（理解，核心）动画编辑（理解，核心）共7学时3.7 其它学时机动(学时：1学时)实验(学时：30学时)4 讲授提示及方法4.1网络基础重点：网络基本知识、两个参考模型难点：两个参考模型。讲授提示与方法：4.2网页制作概述重点：网站的开发流程和方法。难点：网站的开发流程和方法。讲授提示与方法：通过实际案例让学生掌握网站的开发流程和方法。4.3使用Dreamweaver创建简单网页 重点：Dreamweaver 的基本操作、表格、图象及超链接的使用难点：表格、图象及超链

9、接的使用。讲授提示与方法：首先讲授知识点，然后结合实例。4.4 Dreamweaver高级应用重点：框架、样式表、表格、图象及超链接难点：框架、样式表。讲授提示与方法：首先讲授知识点，然后结合实例。4.5 Fireworks应用重点：Fireworks基本操作切片、交互效果和热点按钮、导航栏和弹出菜单、制作GIF动画。难点：交互效果和热点按钮、制作GIF动画。讲授提示与方法：首先讲授知识点，然后结合实例。4.6 Flash应用重点：Flash图形制作基础、时间轴、帧和层、库、元件、组件和动画应用难点：时间轴、帧和层、库、元件、组件和动画应用。讲授提示与方法：首先讲授知识点，然后结合实例。5 习

10、题与实验设计5.1 习题设计针对课程特点及教学目标，说明习题设计的思路与重点，习题涵盖的主要内容，以及通过作业要达到的目标。由于本课程主要讲授的是与网页设计制作有关的知识，向学生阐明Web基本工作机制，同时，使学生掌握可视化网站开发工具Dreamweaver、了解网站图形制作工具Fireworks和网站动画制作工具Flash。因此本课程的习题主要包括两部分，一部分是仿照案例的计算机实践操作，要求学生掌握一般网站的制作流程及制作方法，培养学生的实际动手能力。另一部分关于网络技术基础知识、HTML基础知识以及网站开发的三个工具Dreamweaver、Fireworks、Flash基础知识作业，主要

11、是加强学生对一些基本概念的理解，开拓学生视野，拓宽学生的思路。通过学习各知识单元的基础知识和基本操作，本着循序渐进的原则，由浅入深，由单一到综合，由实践到理论，使学生能够逐步灵活运用所学的各种方法和技巧，培养学生网络制作方面的使用技能和应用能力，掌握网站的建设、使用和管理能力。通过本课程的学习，使学生具有制作一般网站的能力。并能够根据自己的兴趣进一步深入的学习。通过学生完成作业的情况，了解学生的知识理解和掌握情况，针对存在的问题作进一步的讲解和启发，使学生对所学知识能够达到融会贯通。5.2 实验设计由于本课程的特点，实验环节很重要。实验一 创建和管理网站（2学时）该实验主要掌握创建和管理网站的

12、方法。实验类型：验证实验二 创建文字为主要元素的网页（2学时）该实验主要熟悉Dreamweaver的基本界面组成及基本操作，创建只有文本的网页，并进行编排。实验类型：设计实验三 页面中表格和图像的使用（2学时）使用表格对页面中的内容进行布局及组织，熟悉表格的基本操作和编辑。在页面中插入图片，做图文混排及设置。实验类型：设计实验四 用层布局网页（2学时）了解层的概念，掌握创建层的方法以及层的基本操作，熟悉层与表格的互换。实验类型：设计实验五 页面中框架及超链接的使用（2学时）熟悉框架、超链接的概念，制作框架结构的网页，使用超链接链界页面、图片等网页元素。实验类型：设计实验六 在网页中插入文本和美

13、化（2学时）掌握普通文本和特殊文本的插入方法，并掌握文本格式化的方法，学会应用项目列表。实验类型：设计实验七 网页图像制作与处理（2学时）熟悉使用Fireworks进行图片的处理。实验类型：设计实验八 交互对象、热点按钮实验（2学时）掌握在网页中插入Flash影片的方法以及插入Flash按钮的方法。实验类型：设计实验九 创建编辑、链接（2学时）掌握文本和图片、Email、锚点和热区链接的创建方法，掌握链接效果的编辑方法。实验类形：设计实验十 页面中的行为的使用（2学时）熟悉行为的含义，熟悉几种常见行为的使用。实验类型：设计实验十一 利用Dreamweaver辅助工具完善网页（2学时）掌握模板、

14、库操作和应用以及插件的使用方法。实验类型：设计实验十二 用Flash创建网页动画（2学时）通过Flash简单动画的制作，熟悉Flash图形制作基础，熟悉Flash时间轴、帧和层。实验类型：设计实验十三 Fireworks的滤镜与特效（2学时）掌握Fireworks MX 2004的基本用法，用Fireworks MX 2004制作按钮和下拉菜单。实验类型：设计实验十四 企业网站制作（4学时）通过两次实验共4学时完成同一网站的制作，是以前知识的综合，涉及到网站的主要制作的三个工具和基本技能。实验类型：设计6 考核与成绩记载6.1 考核的方式及成绩的评定。期末考试总分100分，包括以下三部分成绩：（1）学期实验成绩30分出勤：1分*6次=6分；实验作业：3*6次=18分；卫生、纪律各项：1分*6次=6分； 注1：实验成绩不满18分者，需要补交作业，成绩合格后方允许考试。（2）平时成绩10分 出勤：5分 提问、作业：5分（3）期末上机考试：60分 题型包括：选择题、填空题、判断题、操作题等。 6.2 考题的设计考试题分为如下三类，重点考察学生对基本概念、基本方法、基本技术的掌握和综合运用。（1）概念型题重点考察学生对基本概念掌握的程度，及对概念内涵的理解。其基本形式为：填空题、判断题、选择题。占40%（2）基本技术题重点考察学生对单元技术的掌握程度。占20%。