《网页制作与设计》课程教学大纲.docVIP

《网页制作与设计》课程教学大纲 课程代码：ABGS0605 课程中文名称: 网页制作与设计 课程英文名称：Webpagedesign 课程性质：必修 课程学分数：3 课程学时数：48 授课对象：电子商务 本课程的前导课程：大学计算机基础 一、课程简介 本课程的目的在于使学生掌握HTML，脚本语言，CSS以及网页设计工具DreamWeaver、Flash以及PhotoShop等工具的使用，为进一步学习web程序设计和电子商务网站建设奠定坚实的基础。 二、教学基本内容和要求 课程教学内容： （一）HTML 1、HTML语言结构及基本要素:HTML基本结构，HTML基本要素。 2、基本标记：超文本链接标记，段落和文字标记。 3、版面风格控制:表格控制标记,表单标记。 4、框架：框架标记，框架的使用。 5、CSS基本语法。 本章重点：超文本链接指针，段落和文字标记，表格标记，表单标记和网页框架设计。 本章难点：在于这些基本标记的组合运用。 （二）CSS 1、CSS概述：CSS概述，优点。 2、CSS基本语法：CSS属性和语法，CSS选择器，CSS嵌入方法。 3、CSS高级应用：CSS滤镜，和脚本结合控制网页风格。 本章重点：讲解CSS基本语法，CSS常用属性，CSS嵌入方法。 本章难点：CSS和脚本的综合应用。 （三）JavaScript 1、JavaScript概述。 2、JavaScript编程基础和流程。 3、JavaScript中的对象。 本章重点：JavaScript编程基础，大小写敏感性。 本章难点：JavaScript中的对象。 （四）DreamWeaver 1、概述：Dreamweaver工作界面认识 2、基本使用：文档创建和保存，三种视图的使用，网页元素的创建和网页布局 3、高级使用：站点管理，动态网页制作和ftp管理 本章重点：FDreamweaver软件的基本使用以及网页元素的插入。 本章难点：网页高级处理以及动态网页制作。 （五）多媒体制作工具Flash和PhotoShop 1、Flash概述：Flash原理和优点。 2、Flash的使用：Flash软件界面，文档的创建和发布，Flash场景和元件的创建，基本动画的实现。 3、Flash插入网页的方法。 4、Photoshop概述：概述，使用领域，特点等。 5、PhotoShop的使用：软件界面，文件的打开、创建和格式转换。基本图形处理方法的使用，网页背景和按钮以及装饰图片的制作和处理。 本章重点：Flash和photoshop软件的基本使用以及网页元素的处理和插入。 本章难点：Flash和Photoshop高级处理以及和网页风格的搭配。 在学习过程中，除要求学生切实掌握基本概念基本理论知识和基本方法外，还应注意培养实践动手能力，掌握常用WEB开发工具的使用，初步掌握WEB网页设计的基本技能。 课程教学要求： 1、了解并掌握HTML常用标记的使用。 2、理解CSS层叠样式表的基本语法和应用。 3、掌握JavaScript脚本语言。 4、掌握Dreamweaver、Flash和PhotoShop等工具软件的使用。 5、具备较复杂网页的设计与的基本技能 三、实验教学内容及基本要求 实验项目一：HTML和CSS静态网页设计 实验要求：学生利用所学知识设计若干静态页面。通过实验掌握HTML常用标记。 实验项目二：JavaScript脚本语言的应用 实验要求：利用Javacript客户端脚本编制一个万年历，通过实验掌握JavaScript的基本语法，常用函数，对象和流程控制。 实验项目三：Flash应用 实验要求：通过实验掌握Flash软件的界面和基本使用，能够制作简单的动画。 实验项目四：PhotoShop的使用 实验要求：通过实验掌握利用Photoshop软件界面和基本使用，会处理一些基本图片并会制作网页图片元素。 实验项目五：Web网页站点设计 实验要求：综合利用所学知识，设计一个小型WEB网页站点。要求界面美观、多媒体内容丰富。 四、教学方法与手段 课堂多媒体演示教学，案例授课+实践操作 五、教学学时分配 章节与内容 课时 作业量 备注 HTML 4 1 CSS 4 JavaScript 4 1 Dreamweaver 2 Flash 4 Photoshop 2 1 Web网页站点设计 4 1 实验项目一：Html和CSS静态网页设计 4 1 实验项目二：JavaScript语言的基本应用 2 1 实验项目三：Flash的使用 4 1 实验项目四：PhotoShop的使用 2 1 实验项目五：Web网页站点设计 4 1 合计 32 16 9 六、考核方式与成绩评定标准 1、考核方法：考试 2、成绩评定：平时20%；考试80% 七、教学参考资源 1、参考书目：