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

《网页制作与设计》课程教学大纲 课程代码：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 网页站点。要求界面美观、多媒体内容丰富。 四、教学方法与手段 课堂多媒体演示教学，案例授课+实践操作 五、教学学时分