1、网页设计基础教学大纲1 课程的基本描述课程名称： 网页设计基础 Fundamentals in WebPage Design课程编号： 5301A34课程性质： 公共基础课 适用专业： 全校各专业教材选用： 夏宏. 网页制作教程. 清华大学出版社. 2005 年总 学 时： 32 学时 理论学时： 20 学时实验学时： 12 学时 课程设计： 无学 分： 2 学分 开课学期： 第二至第七学期前导课程： 计算机文化基础后续课程：2 教学定位2.1 能力培养目标介绍与网页设计制作有关的知识，向学生阐明 Web 基本工作机制，并使学生具有解决一般网页制作问题的能力。同时，使学生掌握可视化网站开发工具
2、 Dreamweaver、了解网站图形制作工具 Fireworks 和网站动画制作工具 Flash。(一) 知识教学目标1. 掌握计算机网络的基本概念；2. 掌握网站的基本知识、网站的建立方法及流程；13. 了解常用网页制作工具；4. 掌握使用 Dreamweaver 创建站点的流程 ;5. 掌握使用 Dreamweaver 的基本操作 ;6. 掌握使用 Dreamweaver 对网页进行图文混排；7. 掌握超链接的概念和超链接的使用；8. 掌握表格的使用9. 了解框架的概念和框架的使用;10. 了解 CSS 样式表的作用和应用；11. 了解表单的概念和常用表单元素；12. 掌握在网页中插入多
3、媒体的方法；13. 了解在 Dreamweaver 中编辑 HTML 代码；14. 了解 Fireworks 的基本功能和基本应用；15. 了解 Flash 的基本功能和基本应用；(二) 能力培养目标1. 掌握网站制作的基本流程；2. 掌握网站相关知识； 3. 熟练使用网站制作工具 Dreamweaver；4. 能够制作一般的网站。(三) 思想教育目标2.2 课程的主要特点该课程是非计算机专业的计算机基础课程之一，注重培养学生网络制作方面的使用技能和应用能力，掌握网站的建设、使用和管理能力。通过本课程的学习，使学生具有制作一舨网站的能力。2.3 教学定位通过本课程的学习，使学生掌握与网站制作相
4、关的基础知识；掌握网站制作的基本流程和方法；可以使用网站制作工具Dreamweaver 制作满足一般要求的网站。3 知识点与学时分配掌握程度采用Bloom分类法，即了解、理解和运用，具体含义如下：了解：能记住学习过的内容。理解：能领会课程内容的含义，掌握知识的内涵。2运用：能在新的具体情况下应用所学知识解决问题。各知识点的重要程度划分为核心、推荐、可选。核心：该知识点是核心知识单元的一部分。推荐：该知识点不是核心知识单元的一部分，但应包含在必修课程中。可选：该知识点属于选修知识单元。3.1 网络基础主要讲授网络的定义、互联网的分类及发展概况；OSIISO 参考模型、TCP/IP参考模型、IP
5、地址和域名、网页语言介绍；（学时：1 学时；掌握程度：了解；重要程度：核心）共 2 学时。3.2 网页制作概述主要讲授网站的种类及相关知识（掌握） 、网站的开发流程和方法（掌握；核心） 、常用网站制作工具（了解）共 2 学时3.3 使用 Dreamweaver 创建简单网页1Dreamweaver 基础（学时： 2 学时）Dreamweaver 的安装和基本工作界面、创建站点流程（了解）Dreamweaver MX 2004 的基本操作（创建新页面；修改页面属性；编辑文本；创建列表；插入水平线、日期、特殊字符） （理解，核心）2表格、图象及超链接（学时：2 学时）在网页中使用表格（表格的用途；
6、插入表格；表格的基本操作、设置表格属性；编辑表格） （理解，核心）在网页中插入图像（插入图像；图文混排） （理解，核心）超接链接（超链接的基本概念；超链接的创建目标和方法；） （理解，核心）共学时。3.4 Dreamweaver 高级应用1框架、样式表（学时：2 学时）框架概念，框架的创建、属性设置、在框架中插入内容（理解，推荐）样式表的作用，创建 CSS 样式表、修改样式表属性（理解，推荐）2表单、行为、多媒体和 HTML 代码编辑（学时：2 学时）表单面板、表单元素、插入表单（理解，核心）加入行为，使用 Dreamweaver 自带的行为（理解，核心）常用多媒体的文件格式、插入多媒体的方式
7、、插入 Flash（理解，核心）3编辑 HTML 代码（设置代码格式、查找替换） （理解，核心）共学时。3.5 Fireworks 应用1Fireworks 基础知识（学时：2 学时）Fireworks 简介（了解，核心）绘图工具面板（选择工具、颜色工具、位图工具、矢量工具） （理解，核心）Fireworks 基本操作（创建新文件、打开和导入文件、保存和导出文件、更改画布、文本编辑） （理解，核心）2高级应用（学时：2 学时）切片、交互效果和热点（理解，核心）按钮、导航栏和弹出菜单（理解，核心）制作 GIF 动画（理解，核心）共学时。3.6 Flash 应 用1Flash 基础知识（学时：2
8、学时）Flash 简介（了解，核心）Flash 图形制作基础（理解，核心）时间轴、帧和层（理解，核心）2库、元件、组件和动画应用（学时：4 学时）库、元件、实例和组件（理解，核心）动画编辑（理解，核心）共 6 学时3.9 其它学时机动(学时：2 学时)实验(学时：10 学时)4 讲授提示及方法4.1 网络基础重点：网络基本知识、两个参考模型难点：两个参考模型。讲授提示与方法：44.2 网页制作概述重点：网站的开发流程和方法。难点：网站的开发流程和方法。讲授提示与方法：通过实际案例让学生掌握网站的开发流程和方法。4.3 使用 Dreamweaver 创建简单网页重点：Dreamweaver 的基
9、本操作、表格、图象及超链接的使用难点：表格、图象及超链接的使用。讲授提示与方法：实例讲授。4.4 Dreamweaver 高级应用重点：框架、样式表、表格、图象及超链接难点：框架、样式表。讲授提示与方法：实例讲授。4.5 Fireworks 应用重点：Fireworks 基本操作切片、交互效果和热点按钮、导航栏和弹出菜单、制作 GIF动画。难点：互效果和热点按钮、制作 GIF 动画。讲授提示与方法：实例讲授。4.6 Flash 应 用重点：Flash 图形制作基础、时间轴、帧和层、库、元件、组件和动画应用难点：时间轴、帧和层、库、元件、组件和动画应用。讲授提示与方法：实例讲授。5 习题与实验设
10、计5.1 习题设计针对课程特点及教学目标，说明习题设计的思路与重点，习题涵盖的主要内容，以及通过作业要达到的目标。由于本课程主要讲授的是与网页设计制作有关的知识，向学生阐明 Web 基本工作机制，5同时，使学生掌握可视化网站开发工具 Dreamweaver、了解网站图形制作工具 Fireworks 和网站动画制作工具 Flash。因此本课程的习题主要包括两部分，一部分是仿照案例的计算机实践操作，要求学生掌握一般网站的制作流程及制作方法，培养学生的实际动手能力。另一部分关于网络技术基础知识、HTML 基础知识以及网站开发的三个工具Dreamweaver、Fireworks、Flash 基础知识作
11、业，主要是加强学生对一些基本概念的理解，开拓学生视野，拓宽学生的思路。通过学习各知识单元的基础知识和基本操作，本着循序渐进的原则，由浅入深，由单一到综合，由实践到理论，使学生能够逐步灵活运用所学的各种方法和技巧，培养学生网络制作方面的使用技能和应用能力，掌握网站的建设、使用和管理能力。通过本课程的学习，使学生具有制作一般网站的能力。并能够根据自己的兴趣进一步深入的学习。通过学生完成作业的情况，了解学生的知识理解和掌握情况，针对存在的问题作进一步的讲解和启发，使学生对所学知识能够达到融会贯通。5.2 实验设计由于本课程的特点，实验环节很重要。实验一 简单网页制作（2 学时）掌握利用 Dreamw
12、eaver Mx 2004 制作简单网页。实验类型：设计实验二 页面中表格和图像的使用（2 学时）掌握在网页中插入表格及图像的方法。实验类型：设计实验三 页面中表格和图像的使用（2 学时）1、掌握普通文本的插入方法；2、掌握特殊文本的插入方法；3、掌握应用项目列表；4、掌握文本格式化的方法。实验类型：设计实验四 Dreamweaver 行为应用（ 2 学时）1、熟悉层、事件、动作的概念和相互关系；2、掌握 Dreamweaver MX 2004 行为面板的使用方法；3、掌握通过行为面板创建网页动态效果的操作过程。实验类形：设计实验五 用 Flash 创建网页动画（2 学时）1、熟悉 Flash
13、 MX 2004 软件界面和基本操作；2、掌握用 Flash MX 2004 软件制作网页动画的一般方法；3、掌握制作运动、形状、遮罩、曲线动画的一般方法。实验类型：设计实验六 Fireworks 应用（2 学时）61、掌握 Fireworks MX 2004 的基本用法；2、掌握用 Fireworks MX 2004 制作按钮和下拉菜单的方法。实验类型：设计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%。
