《网页设计与制作》教学大纲.doc

网页设计与制作实施性教学大纲（适用于计算机广告设计与制作专业）一、课程的性质与任务1、课程性质网页设计与制作是我校计算机应用、计算机网络、电子商务等专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Adobe Dreamweaver CS3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。2、课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：掌握网站的开发流程，如建站规划、效果图制作、建立站点、发布网站等相关知识。掌握各种网页元素在Dremweaver CS3中的使用。例如，文本、表格、图像、超级链接、层、框架和表单等。掌握HTML，理解各种标记的功能和用法。掌握在Dremweaver CS3中使用CSS控制网页元素的方法。掌握在Dremweaver CS3中使用JavaScript制作网页特效的基本方法。能够解决一些网页设计中的常见问题。3、本课程的特点课程注重实际应用，即实践性强。涉及的Dremweaver CS3软件是目前网页制作工作中较为流行的软件，是“网页三剑客”之一，具有较强的实践性，学习难度不大。突出理论联系实际，实作课时占总课时的50%以上，实际应用知识占课程总知识量的80%以上。4、与相关课程的衔接、配合、分工先修课程：“计算机应用基础”、“图形图像处理(Fireworks或PhotoShop)”、“Flash动画制作”等。二、课程目标本课程的基本目标是：使学生通过本课程的学习，掌握Dreamweaver CS3的使用方法，学会使用Dreamweaver CS3制作Web网页的技术。本课程学习结束后，学生应能根据实际需要自行设计静态网页，建立网站。故应使学生通过本课程的学习，熟练掌握网页的基本制作方法和技巧，并最终设计一个具有实用意义的网站，并上传到学习用的服务器（或互联网）上。课程在知识、素质和能力方面的基本要求：（1）知识要求深入了解Internet，理解WWW、HTTP、FTP等概念及作用；掌握网站设计和发布的流程；理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；掌握HTML的含义，及使用HTML制作网页的方法；了解多种网页制作软件和图像处理软件相结合设计网站的好处。（2）素质要求本课程将培养学生以下几方面的职业素质：服务意识：能够为他人提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。（3）能力与技能要求掌握网页制作软件Dreamweaver CS3的使用方法；掌握Dreamweaver CS3的基本功能，并能根据具体要求制作表态网页；掌握CSS、DIV等网页制作元素，并能有效运用，美化网页；能在网页中有效地编制/插入需要的JavaScript脚本；能熟练地进行网站的上传/下载、更新、管理。三、适用专业及开设学期1、适用专业：中等职业技术学校中的计算机应用专业、计算机网络专业、电子商务专业。2、开设学期：第三学期或第四学期。四、学时分配总学时：72（理论：24，实作：48）。一个学期内完成教学。各知识单元的学时( 理论与实验学时) 分配如下：编号教学内容讲解学时实作学时1网页制作基础知识222制作基本页面243创建超链接484使用表格布局网页265使用CSS样式表美化网页466模板与库的应用247制作表单488行为的应用269网站测试与上传24合计2448五、课程各知识单元的重点、难点及教学要求项目一、网页制作基础知识教学要求了解网页的定义与分类，网页中的常见元素。了解网页制作的方法，网页制作涉及的概念。了解网站的相关概念，了解网站的定义与分类，熟悉网站建设的一般流程。熟悉Dreamweaver CS3的工作界面，掌握创建站点、新建文档、保存文档、设置页面属性、管理站点Dreamweaver CS3的基本操作。教学重点网页中的常见元素、Dreamweaver CS3的工作界面、Dreamweaver CS3的基本操作。教学难点Dreamweaver CS3的基本操作。项目二、制作基本页面教学要求掌握文字的添加与设置，列表、水平线和日期的插入。掌握在网页中插入图像、插入图像占位符、制作鼠标经过图像的方法。掌握插入多媒体元素的方法。会制作带有文字和图像的网页。教学重点文字的添加与设置，水平线的插入，插入图像、图像占位符和制作鼠标经过图像。教学难点在网页中插入图像、插入图像占位符、制作鼠标经过图像。项目三、创建超链接教学要求了解目录的概念，了解相对路径和绝对路径的概念。掌握创建文件超链接、电子邮件超链接的方法。掌握制作图像热点链接，制作网站相册、制作图像导航条的方法。会制作具有各种超链接的网页。教学重点创建文件超链接、电子邮件超链接、图像热点链接、制作网站相册、制作图像导航条。教学难点图像热点链接、网站相册、图像导航条。项目四、使用表格布局网页教学要求熟练掌握创建表格的方法，会设置表格的行数、列数、表格宽度、边框粗细、单元格边距、标题等表格属性。掌握选中表格、选择表格行与列、选中单元格的方法。掌握插入和删除行/列、复制和删除单元格、调整表格和单元格大小的方法。会使用表格进行网页布局。教学重点创建表格、修改表格属性、选择表格和单元格。教学难点使用表格进行网页布局。项目五、使用CSS样式表美化网页教学要求了解CSS样式表的种类，熟悉CSS样式表的语法格式，会书写CSS样式表。熟悉“CSS样式”面板，会使用“CSS样式”面板新建CSS规则、定义CSS规则。会编辑CSS样式表规则，向CSS规则添加属性。掌握应用、删除和重命名类样式表。掌握样式表的移动和链接外部样式表。会使用CSS样式表美化网页。教学重点创建CSS规则、编辑CSS规则，应用CSS样式表。教学难点创建和应用CSS规则。项目六、模板与库的应用教学要求了解模板和库的概念。掌握基于现有模板新建模板和使用“资源”面板新建模板的方法。掌握编辑模板可编辑区域的方法。掌握编辑模板、重命名模板、删除模板、更新模板文档的方法。掌握将模板应用于现有文档、撤销应用模板、将模板与文档分离的方法。掌握新建库项目、在页面中添加库项目，使用使用“资源”面板的“库”类别进行新建、编辑、重命名、删除和更新库文档等管理库项目的操作。会使用模板和库项目构建网站，创建风格统一的网页。教学重点模板的创建、编辑应用、撤销，将模板与文档分离。创建库项目，在网页中应用库项目。教学难点模板的创建、编辑与应用。库项目的创建与应用。项目七、制作表单教学要求理解表单的工作过程。掌握创建表单和设置表单属性的方法。掌握插入文本域、复选框与单选按钮、列表/菜单、标准按钮与图像按钮、隐藏于与文件域、跳转菜单等表单对象。熟悉插入Spry验证文本域、Spry文本区域、Spry验证复选框、Spry验证选择等Spry表单验证对象。理解各种表单对象的作用，会使用适当的表单对象制作表单页面。教学重点创建表单，设置表单属性、插入表单对象。插入Spry表单验证对象。教学难点插入表单对象。项目八、行为的应用教学要求理解行为与事件的概念。了解常用的行为。掌握为对象添加交换图像、弹出信息、恢复交换图像、弹出浏览器窗口、检查插件、检查表单、设置导航栏图像、调用JavaScript、跳转菜单、预先载入图像等常用行为的方法。掌握添加增大/收缩、挤压、显示渐隐、晃动、滑动、遮帘、高亮颜色等Spry特效的方法。掌握添加播放时间轴、停止时间轴、转到时间轴帧等与时间轴有关的行为。掌握设置文本域文字、设置状态栏文本等文本有关的行为。会在网页中添加行为来创建交互式网页。教学重点添加常用行为、添加时间轴行为。教学难点各种行为的添加。项目九、网站测试与上传教学要求理解验证标记的用法。会使用站点报告检查当前文档、选定的文件或整个站点的HTML属性。会使用Dreamweaver CS3的站点管理器对本地站点文件进行检查和整理，找出断掉的链接、错误的代码和未使用的孤立文件等。掌握检查浏览器兼容性的方法。了解申请和备案域名的过程，了解申请主机的过程。会使用Dreamweaver CS3上传和测试网站。教学重点站点报告和站点管理器的使用。网站的测试与上传。教学难点网站的测试与上传。六、教学方法、教学场所与设备要求1、教学方法：本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强实例教学的直观性。2、教学场所与设备要求：安装有Windows XP 或Windows 2000 的机房均可以进行实验，教学要求在多媒体教室进行。3、需要一台教学用Web服务器：安装有Windows 2000 Server或以上版本的网络操作系统，并安装Web服务器和FTP服务，能够接受学生上传的网站。学生机能正常浏览该Web服务器上的网站。七、考核方式笔试采用闭卷或开卷考