网页设计基础教学大纲

《网页设计基础》课程教学大纲 一  课程说明 1.课程基本情况 课程名称：网页设计基础 英文名称：Fundamentals of Designing Web Pages 课程编号：2413267 开课专业：计算机科学与技术 开课学期：第3学期 学分/周学时：2/2 课程类型：专业方向选修课 2．课程性质（本课程在该专业的地位作用） 本课程是计算机科学与技术专业的专业基础课。学习网页的布局与美化、及流行的前端技术，为下一步开发企业级的B/S架构的应用打下基础。 3．本课程的教学目的和任务 在掌握计算机网络的基本知识和基本理论的基础上，使学生通过本课程的学习，掌握DreamweaverMX的使用方法，学会使用DreamweaverMX制作Web网页的技术。通过本课程的学习，掌握DreamweaverMX软件的使用方法,能够创建一个企业的 电子商务站点，高效的管理Web内容和站点结构；培养具备较强的逻辑思维能力 和独立思考能力。 4．本课程与相关课程的关系、教材体系特点及具体要求 这门课程的先修课程为《计算机应用基础》。 5．教学时数及课时分配 序号 章节 内 容 理论环节时数 实践时数 其他环节 1 一 快速入门 6 6   2 二 网页布局 6 6   3 三 CSS设计 2 2   4 四 行为及组件的应用 4 4   合 计 18 18   总学分 2 总 学 时 36             二  教材及主要参考书 1. 文丰科技,《中文Dreamweaver8网页制作教程与上机实训》, 机械工业, 2008 2. 览众,《Dreamweaver8商业案例精粹》, 电子工业出版社, 2007 3. 黄 竣,《Dreamweaver MX精彩效果百例》, 中国水利水电出版社, 2004 三  教学方法和教学手段说明 主要使用多媒体教室进行理论讲解和演示制作步骤，布置课后练习让学生提交电子档进行检查。 四  成绩考核办法 考试分为平时作业（含课程设计）、半期考试和期末考试三部分组成，比例为20%、20%、60%。评定学期成绩时结合平时出勤情况得出该门课成绩。 五  教学内容 第一篇 快速入门    （理论6学时，实验6学时） 一、教学目的 掌握DreamweaverMX的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法；理解站点、网站、网页及网页属性的概念；了解DreamweaverMX的汉化方法。 掌握创建Web站点的基本方法与步骤；熟悉网页制作过程中所涉及的一些基本概念与常识。了解通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法；熟悉站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系； 掌握通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。了解网格、捕捉与辅助设计图片的功能以及打开、关闭与设置其特性的方法；掌握系统属性及网页属性的设置方法，及各设置参数的作用。 了解建立超级链接各目标参数的意义，掌握设置超级链接的方法； 掌握制作超级链接、E-mail链接、书签等形式的超级链接；掌握导航条与跳转菜单的特点与用法。 掌握时间线的创建与调整方法； 学会通过如何为时间线增加行为等方式来控制时间线的播放效果；掌握利用时间线制作网页动画的方法。 二、教学重点 DreamweaverMX的人—机交互界面的组成与使用方法。 通过一个网页制作示例，比较全面的介绍了Web站点的创建过程，概括的介绍了使用DreamweaverMX制作网页的主要方法。 重点介绍了站点的创建、站点地图的使用以及文件的下载、上传与同步更新。 主要介绍制作网页的一些基本常识，例如：文档的创建、打开与保存，标尺与网格的使用，捕捉与辅助设计图片的应用等。 全面介绍了网页设计中使用的几种超级链接设置的方法与步骤，包括：E-mail,书签，脚本，跳转菜单和导航条的设置方法。 详细介绍了时间线的创建、编辑、行为设置等内容。 三、教学难点 理解站点、网站、网页及网页属性的概念。 站点管理器的使用。 理解属性面板的概念。 理解导航条与跳转菜单 时间线和动态网页的概念 。 四、讲授要求 讲解清楚DreamweaverMX的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法；使理解站点、网站、网页及网页属性的概念。讲解清楚本片涉及的以下基本概念：站点管理器、理解属性面板、导航条与跳转菜单、时间线和动态网页。 五、讲授要点 1、DreamweaverMX的使用界面中各组成元素的名称与功能； 2、打开与关闭工具窗口的方法； 3、站点、网站、网页及网页属性的概念； 4、DreamweaverMX的汉化方法； 5、 页面的基本设置；                                                    6、 超链接与导航。    六、实验及实践要求 实验一：快速入门 1、 实验项目名称：快速入门 2、 实验类型：设计 3、 学时分配：6学时 4、 每组人数：1人 实验内容及要求：（1）使用DreamweaverMX制作一个简单的主页，（2）要求具备以下网页元素：页面的基本对齐设置、 超链接与导航，色彩协调。 第二篇 网页布局    （理论6学时，实验6学时） 一、教学目的 掌握 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 格的创建、结构调整与美化方法；熟悉表格与单元格的主要属性及其设置方法；掌握通过表格来进行网页页面的布局方法。 掌握在网页中创建、修改层和嵌套层的方法； 掌握层的属性和编辑层属性的方法； 掌握移动、删除层的方法。 了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握框架结构网页的制作方法。 二、教学重点 在DreamweaverMX中表格的创建、调整、单元格的编辑与属性设置等操作的方法。层的概念以及层的创建与修改方法。框架网页的特点、框架网页的创建、编辑、保存与应用方法。 三、教学难点 图层的概念与运用。制作动态网页。 四、讲授要求 讲解清楚表格、层和框架三种页面布局方式的应用及它们之间的优缺点比较。 五、讲授要点 1、DreamweaverMX中表格的创建、调整、单元格的编辑与属性设置等操作 2、层的创建与修改方法； 3、框架网页的特点、框架网页的创建、编辑、保存与应用。 六、实验及实践要求 实验二：网页布局 1、 实验项目名称：网页布局 2、 实验类型：设计 3、 学时分配：6学时 4、 每组人数：1人 实验内容及要求：（1）使用DreamweaverMX模仿制作一个指定的著名网站的布局方式，（2）要求综合应用层和框架技术，表格方式供选用。 第三篇 CSS设计（理论2学时，实验2学时） 一、教学目的 要求重点了解制作网页时的断行方法；掌握使用HTML样式和CSS样式创建、编辑网页的方法。 二、教学重点 本章主要介绍手工设置文本格式的方法，文本的断行与缩进，以及如何利用HTML样式和CSS样式格式化文本的方法。 三、教学难点 使用HTML样式和CSS样式格式化文本。 四、讲授要求 讲解清楚制作网页时的断行方法；掌握使用HTML样式和CSS样式创建、编辑网页的方法。 五、讲授要点 1、制作网页时的断行方法； 2、使用HTML样式和CSS样式创建、编辑网页的方法。 六、实验及实践要求 实验三：使用CSS设计网页 1、 实验项目名称：使用CSS设计网页 2、 实验类型：设计 3、 学时分配：2学时 4、 每组人数：1人 实验内容及要求：（1）使用DreamweaverMX修饰和增强Web站点，（2）要求综合使用HTML样式和CSS样式，调整浏览器的文字大小设置不能影响页面的字号。 第四篇 行为及组件的应用（理论4学时，实验4学时） 一、教学目的 掌握水平线、日期、图像对象的主要属性与设置方法；掌握图像映像、反转图片对象等的特点、用途及设置方法。 学会使用Dreamweaver 中应用表单设计网页的方法，全面掌握表单的创建、编辑、处理方法，以及各表单对象的功能、特点和用途（包括：复选框、 下拉列表、按钮）的特点与使用方法。 二、教学重点 在网页中插入水平线、日期、图片、反转图片的方法，以及如何制作图片映像和设置图形行为。表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。 三、教学难点 图片的运用，理解表单、表单域的概念。 四、讲授要求 讲解清楚在网页中插入水平线、日期、图片、反转图片的方法，以及如何制作图片映像和设置图形行为。表单的创造、编码、处理方法，以及各种表单对象的特点与使用方法。 五、讲授要点 1、插入水平线、日期、图片、反转图片的方法； 2、表单的创造、编码、处理方法； 3、各种表单对象的特点与使用方法。 六、实验及实践要求 实验四：行为及组件的应用 1、 实验项目名称：行为及组件的应用 2、 实验类型：设计 3、 学时分配：4学时 4、 每组人数：1人 实验内容及要求：（1）使用DreamweaverMX在 Web站点插入水平线、日期、图片、反转图片；（2）使用复选框、 下拉列表、按钮。