云南师范大学信息学院《网页设计与制作》课程教学大纲

云南师范大学信息学院《网页设计与制作》课程教学大纲【课程名称】网页设计与制作教程(WebsiteDesignandConstruction)【课程编码】222236【课程类别】公共选修课【课时】32学时【学分】2学分【课程性质、目标和要求】《网页设计与制作教程》是全校公选修课程，它是一门操作性和实践性很强的技术课程。本课程的主要内容为系统介绍网页编辑与制作软件AdobeDreamweaverCS6,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。本门课程在教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：.掌握网站的开发流程，如建站规划、效果图制作、建立站点、发布网站等相关知识。.掌握各种网页元素在DremweaverCS6中的使用。例如，文本、表格、图像、超级链接、层、框架和表单等。.掌握HTML,理解各种标记的功能和用法。.掌握在网页设计中使用CSS控制网页元素的方法。.能够解决一些网页设计中的常见问题。本课程学习结束后，学生应能根据实际需要自行设计静态网页，建立网站。故应使学生通过本课程的学习，熟练掌握网页的基本制作方法和技巧，并最终设计一个具有实用意义的网站，并上传到学习用的服务器(或互联网)上。⑴掌握css样式表的建立和分类。⑵掌握CSS样式表的主要参数。2、实脸主要内容⑴CSS样式的建立和分类。⑵CSS样式表的汉化。⑶CSS样式表的主要参数。(4)类型参数。3、实验仪器设备⑴PC机一台内装DreamweaverCS6。十一、(实验11)网站的测试与发布1、实验目的要求⑴掌握IP地址和域名。⑵掌握上传网站及管理网站。2、实验主要内容(1)IP地址和域名。⑵域名分类。(3)申请空间与绑定。⑷上传网站。3、实骏仪器设备⑴PC机一台内装DreamweaverCS6。⑵上传工具CuteFtpo【成绩考核方式】1、成绩评定总则期末成绩为综合评定，由平时成绩、作品、期末作品、上机操作等项目组成,要求学生完成网站的制作任务。2、平时成绩评定平时成绩由学生上机考勤和所提交的作品两部分构成。3、期末考核评定期末考试要求学生按要求完成网页的设计。期末考试成绩=期末作品*60%+平时成绩*40%。【教材与参考书目】指定教材：无（校级选修课不指定学生教材）参考书目：1、莫小梅、应可珍、隋慧芸.网页编程基础--XHTML、CSS、JavaScript.北京：清华大学出版社，2012.62、张晓蕾.网页设计与制作案例教程（HTML+CSS+Dreamweaver）.北京：清华大学出版社，2013.43、Robin・Nixon,孙丰垒、李响译.新手学HTML5移动开发--面向iOS和Android平台.北京：清华大学出版社，2012.64、刘强、张阿敏、翁艳彬.网页设计与制作.北京：高等教育出版社，2010.7【有关说明（教学建议）】1、重视理论与实践相结合，通过具体的实例制作加深理解，达到学生能自己设计制作网页的目的。（编制：夏橇稳/审核:

【教学时间安排】本课程计2学分，32学时，学时分配如下:一、理论课章次课程内容课时备注（教学形式）1网页制作基础1多媒体教学2站点与文档操作1多媒体教学3文本处理1.5多媒体教学4图像处理1.5多媒体教学5超级链接2多媒体教学6表格2多媒体教学7框架2多媒体教学8表单1多媒体教学9行为2多媒体教学10模板和库2多媒体教学11网站的测试与发布1多媒体教学12合计16二、实验课序号实验名称实验类型课时备注1站点与文档操作验证性12文本处理验证性1.53图像处理验证性1.54超级链接验证性25表格验证性26框架验证性27表单验证性18层和行为验证性19模板和库验证性110CSS样式验证性211网站的测试与发布验证性112合计16【教学内容要点】第一章网页制作基础一、学习目的要求通过经典网站的赏析，了解不同用途的网站在设计风格上的异同点，了解与网站相关的几个概念及网页设计制作流程。二、主要教学内容1、Internet中的网页。2、网页制作工具概述。3、网站建设工作流程。三、课堂讨论选题1、简述网站开发的工作流程。2、常用的网页开发工具有哪些？分别有哪些特点？四、课外作业选题1、素材的收集、制作和整理。第二章站点与文档操作一、学习目的要求掌握创建和组织管理站点的方法，了解创建Web服务器及虚拟目录的方法。二、主要教学内容1、Dreamweaver的工作界面。2、创建本地站点。3、管理站点。4、文档操作。三、课堂讨论选题1、以我的大学校园为主题创建并管理站点。四、课外作业选题1、什么是Web服务器。2、在Windows操作系统中安装呢b服务器。3、设置HS信息服务。第三章文本处理一、学习目的要求熟练掌握网页设计中文本编辑及其格式化。二、主要教学内容1、文本编辑。2、文本格式化。三、课堂讨论选题1、对上章中我的大学校园进行文本编辑及格式化操作。四、课外作业选题1、网页中字体库中的处理。第四章图像处理一、学习目的要求熟练掌握网页设计中图像的处理及其效果。二、主要教学内容1、使用与处理图像。2、使用图像。3、处理图像。4、使用图像效果。三、课堂讨论选题1、图像的处理软件有哪些？2、图像的格式有哪些？分别有什么特点？四、课外作业选题1、如何让设计中的网页图像不侵权？第五章超级链接一、学习目的要求熟练掌握网页设计中超链接的使用及其管理。二、主要教学内容1、超链接基础。2、创建超链接。3、管理超链接。三、课堂讨论选题1、什么是空链接？空链接有什么用？2、超链接越多越好吗？四、课外作业选题1、如何让链接后的字体颜色不变？第六章表格一、学习目的要求熟练使用表格来显示内容及布局网页。二、主要教学内容1、插入表格、表格嵌套。2、选择表格，合并及拆分单元格，插入或删除行或列。3、设置表格、单元格属性和表格模板。三、课堂讨论选题1、如何合理地设置表格、单元格属性和表格模板。四、课外作业选题1、简答设置表格单元格背景图像与在单元格中插入图像有什么区别？第七章框架一、学习目的要求掌握框架的概念、组成及属性的定义，掌握使用框架布局网页的方法。二、主要教学内容1＞框架的概念及应用。2、框架的创建与删除。3、框架的激活与属性设置。4、框架集的属性设置。三、课堂讨论选题1、如何使用框架技术制作网站栏目？四、课外作业选题1、框架集和框架的基本操作是什么？第八章表单一、学习目的要求掌握网页中设计和创建表单。二、主要教学内容1、表单概述。2、创建表单。三、课堂讨论选题1、使用表单技术在我的大学校园网页制作”个人注册”页面。四、课外作业选题1、简答表单的工作原理及常用的表单对象。第九章行为一、学习目的要求掌握行为和事件的概念，掌握使用内置行为制作简单的网页特效。二、主要教学内容1、认识事件与动作的含义。2、行为的概念及常用行为。3、在网页中添加行为三、课堂讨论选题1、使用内置行为为我的大学校园网页制作下拉菜单的方法。四、课外作业选题1、行为能制作导航菜单吗？第十章模板和库一、学习目的要求掌握模板和库的概念，掌握模板和库的创建、编辑、应用方法，熟练使用模板和库。二、主要教学内容1、使用模板制作网页。2、使用库制作相似的网页。三、课堂讨论选题1、更新模板和库的方法。四、课外作业选题1、简答模板和库在站点中存放位置以及文件的扩展名。第十一章网站的测试与发布一、学习目的要求掌握网站的测试及其发布。二、主要教学内容1、网站测试与发布。2、申请域名与空间。3、发布网站。三、课堂讨论选题1、将我的大学校园网页发布于互联网。四、课外作业选题1、简述使用Dreamweaver发布网站的过程。【教学（实验）内容要点】一、（实验1）站点与文档操作1、实验目的要求（1）熟悉DWCS6软件界面。⑵掌握站点建立、规划。⑶掌握页面属性的设置。⑷了解html基本代码。2、实验主要内容⑴DWCS6软件界面简介。⑵网页制作方法与站点建立。⑶规划本地站点目录结构。⑷页面属性设置。⑷Html网页基本代码格式。3、实验仪器设备⑴PC机一台内装DreamweaverCS6。二、（实验2）文本处理1、实验目的要求⑴掌握文字的处理。（2）了解文字文字2、实验主要内容（1）网页中文字的输入。⑵网页中文字的编辑。⑶网页中文字的CSS。3、实验仪器设备⑴PC机一台内装DreamweaverCS6O三、（实验3）图像处理1、实验目的要求⑴掌握图像的插入、编辑。⑵掌握图像的热点。2、实验主要内容（1）图像的插入。（2）图像的热点。（3）图像的编辑。3、实验仪器设备⑴PC机一台内装DreamweaverCS6。四、（实验4）超级链接1、实验目的要求⑴掌握超链接的建立和管理。⑵掌握锚点链接的建立和管理。⑶掌握脚本链接的建立和管理。2、实验主要内容⑴超链接的建立。⑵超链接的打开方式。⑶超链接对象。⑷锚点链接。⑸脚本链接。3、实验仪器设备⑴PC机一台内装DreamweaverCS6。五、（实验5）表格1、实验目的要求⑴掌握表格的插入和属性的设置。⑵掌握行和单元格属性的设置。（3）掌握网页布局和大小。2、实验主要内容⑴表格的插入。⑵表格属性的设置。⑶行和单元格属性的设置。（4）网页布局和大小。3、实验仪器设备⑴PC机一台内装DreamweaverCS6。六、（实验6）框架1、实验目的要求⑴掌握框架的类型及插入。⑵掌握框架页面属性的设置。2、实验主要内容⑴框架的插入。⑵框架页面属性设置。3、实验仪器设备⑴PC机一台内装DreamweaverCS6。七、（实验7）表单1、实验目的要求⑴掌握表单的插入。⑵掌握表单的控件。⑶掌握表单的使用。2、实脸主要内容⑴表单的插入。⑵表单的控件。⑶表单的制作实例。3、实验仪器设备⑴PC机一台内装DreamweaverCS6。八、（实验8）层和行为1、实脸目的要求⑴掌握层的插入和相关属性设置。⑵掌握行为的添加和实例制作。2、实验主要内容⑴层的