《静态网页设计与制作》教学大纲
Design and production of static pages
适用专业:计算机科学与技术(特教) 前修课程:无
课程编号:05107800 学分:2.5 总学时:40
一、课程的性质、目的与要求
课程性质:专业课
教学目的:在掌握计算机网络的基本知识和基本理论的基础上,使学生通过本课程的学习,
掌握DreamweaverMX的使用方法,学会使用DreamweaverMX制作Web网页的技术。
教学要求:通过本课程的学习,掌握DreamweaverMX软件的使用方法,能够创建一个企业的
电子商务站点,高效的管理Web内容和站点结构;培养具备较强的逻辑思维能力 和思考能力。
二、教学内容
第一篇 快速入门
理论总学时:16学时
6学时 1学时
1、初识Dreamweaver
基本要求: 掌握DreamweaverMX的使用界面中各组成元素的名称与功能;掌握打开与关闭工具窗口的方法;理解站点、网站、网页及网页属性的概念;了解DreamweaverMX的汉化方法。
重点:DreamweaverMX的人—机交互界面的组成与使用方法。 难点:理解站点、网站、网页及网页属性的概念。 2、 网页制作入门
1学时
基本要求:掌握创建Web站点的基本方法与步骤;熟悉网页制作过程中所涉及的一些基本概念与常识。
重点:本章通过一个网页制作示例,比较全面的介绍了Web站点的创建过程,概括的介绍了使用DreamweaverMX制作网页的主要方法。
难点:理解站点、网站、网页及网页属性的概念;站点管理器的使用。 3、 站点管理
1学时
基本要求:了解通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法;熟悉站点管理器的用途,学会利用站点地图查看、管理各网页之间的超链接关系;掌握通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。
重点:本章重点介绍了站点的创建、站点地图的使用以及文件的下载、上传与同步更新。 难点:站点管理器的使用。
4、 页面的基本设置 1学时
基本要求:了解网格、捕捉与辅助设计图片的功能以及打开、关闭与设置其特性的方法; 掌握系统属性及网页属性的设置方法,及各设置参数的作用。
重点:本章主要介绍制作网页的一些基本常识,例如:文档的创建、打开与保存,标尺与网格的使用,捕捉与辅助设计图片的应用等。 难点:理解属性面板的概念。 5、 超链接与导航
1学时
基本要求: 了解建立超级链接各目标参数的意义,掌握设置超级链接的方法; 掌握制作超级链接、E-mail链接、书签等形式的超级链接;掌握导航条与跳转菜单的特点与用法。 重点:本章全面介绍了网页设计中使用的几种超级链接设置的方法与步骤,包括:E-mail,书签,脚本,跳转菜单和导航条的设置方法。 难点:理解导航条与跳转菜单 6、 使用时间线制作动态网页
1学时
基本要求:掌握时间线的创建与调整方法; 学会通过如何为时间线增加行为等方式来控制时间线的播放效果;掌握利用时间线制作网页动画的方法。 重点:本章详细介绍了时间线的创建、编辑、行为设置等内容。 难点:时间线和动态网页的概念 。
第二篇 网页布局 6学时 1、 使用表格
2学时
基本要求: 掌握表格的创建、结构调整与美化方法;熟悉表格与单元格的主要属性及其设置方法;掌握通过表格来进行网页页面的布局方法。
重点:本章全面介绍了在DreamweaverMX中表格的创建、调整、单元格的编辑与属性设置等操作的方法。
2、 使用层来灵活布置网页的布局
2学时
基本要求:掌握在网页中创建、修改层和嵌套层的方法; 掌握层的属性和编辑层属性的方法; 掌握移动、删除层的方法。
重点:本章全面介绍了层的概念以及层的创建与修改方法。 难点:图层的概念与运用。 3、 使用框架设计网页
2学时
基本要求:了解框架网页与普通网页之间的区别与联系;掌握框架网页在创建、选择、设置、存储与应用方面的特点;掌握框架结构网页的制作方法。
重点:本章全面介绍了框架网页的特点、框架网页的创建、编辑、保存与应用方法。 难点:制作动态网页。
第三篇 CSS设计 2学时 1、 文本格式的设置与样式的运用
2学时
基本要求: 要求重点了解制作网页时的断行方法;掌握使用HTML样式和CSS样式创建、编辑网页的方法。
重点:本章主要介绍手工设置文本格式的方法,文本的断行与缩进,以及如何利用HTML样式和CSS样式格式化文本的方法。
难点:使用HTML样式和CSS样式格式化文本
第四篇 行为及组件的应用 2学时 1、 使用水平线、日期对象及图片
1学时
基本要求:掌握水平线、日期、图像对象的主要属性与设置方法;掌握图像映像、反转图片对象等的特点、用途及设置方法。
重点:本章全面介绍了在网页中插入水平线、日期、图片、反转图片的方法,以及如何制作图片映像和设置图形行为。 难点:图片的运用。 2、 在网页中插入表单
1学时
基本要求:学会使用Dreamweaver 中应用表单设计网页的方法,全面掌握表单的创建、编辑、处理方法,以及各表单对象的功能、特点和用途(包括:复选框、 下拉列表、按钮)的特点与使用方法。
重点:本章全面介绍了表单的创造、编码、处理方法,以及各种表单对象的特点与使用方法。 难点:理解表单、表单欲的概念。
三、实践环节
1. 快速入门 2. 网页布局 3. CSS设计
实践总学时:24学时
6学时
6学时 6学时
6学时
4. 行为及组件的应用
四、课时分配
序号 1 2 章节 一 二 内 容 快速入门 网页布局 理论环节时数 6 6 实践时数 其他环节 6 6
3 4 三 四 CSS设计 行为及组件的应用 合 计 2 2 16 6 6 24 40 总学分 3 总 学 时 五、建议教材与教学参考书
序 号 书 名 《中文Dreamweaver8网页制作教程与上机实训》 《Dreamweaver8商业案例精粹》 《Dreamweaver MX精彩效果百例》 编 者 出版社 版 本 2008 2007 1 2 3 文丰科技 览众 黄 竣 机械工业 电子工业 中国水利水电 2004 六、教学形式与考核方式
1、教学形式:以课堂讲授为主,建议采用多媒体教学课件。 2、考核方式:本课程考核方式为:考试、上机。
制定人:张 漪(制定日期:2010年6月) 审定人:田祥宏(审定日期:2010年6月)
《静态网页设计与制作》实验教学大纲
课程名称:静态网页设计与制作 课程编号:05107800 课程总学时:40 实验学时数:24 课程总学分:2.5 实验学分:1.5 开设项目数:4
一、实验教学目的
在掌握计算机网络的基本知识和基本理论的基础上,使学生通过本课程的学习,掌握DreamweaverMX的使用方法,学会使用DreamweaverMX制作Web网页的技术;并能够创建一个企业的电子商务站点,使用DreamweaverMX创建漂亮的站点,高效的管理Web内容和站点结构;培养具备较强的逻辑思维能力和思考能力。通过该技能课程,可培养及训练学生分析问题和解决问题的能力,为学生的网页设计打下良好基础。
二、实验项目内容、基本要求与学时分配
序号 1 2 3 4 实验项目名称 快速入门 网页布局 CSS设计 实验类型 设计 设计 设计 实验要求 必做 必做 必做 实验内容简介 制作一个简单的主页 表格、框架建立交互式网页 修饰和增强Web站点 应达到的基本要求 熟练掌握 熟练掌握 熟练掌握 熟练掌握 学时分配 6 6 6 6 行为及组件的应设计 必做 修饰和增强Web站点 用 注:1、实验类型:演示、验证、操作、综合、设计、研究。 2、实验要求:指必做、选做。
三、实验考核方式与标准
考核方式:上机测试及当堂检查
考核标准:根据要求完成网页的修改、编写和调试,根据网页修改和调试的情况决定成绩等次。
1. 优:完全完成实验内容
2. 良:在老师的指导下, 完成实验内容
3. 中:在老师的指导下及帮助下完成实验内容
4.及格:在老师的指导下及帮助下完成实验的大部分内容,少量有错 5.不及格:在老师的指导下及帮助下完成实验的部分内容,错误较多
四、实验教材与参考书
教 材:《静态网页设计与制作》实验指导书
参考书:《中文Dreamweaver8网页制作教程与上机实训》文丰科技 机械工业出版社
制定人:张 漪(制定日期:2010年6月) 审定人:田祥宏(审定日期:2010年6月)