网页设计与制作课程教案:掌握技能,建设实用美观网页

时间:2025-07-20作者:admin分类:排版与出版物设计浏览:10评论:0

本课程作为计算机应用技术专业的核心基础课,旨在激发学生对网页制作的热忱,传授他们网页制作的基本技巧,不仅为后续课程的学习奠定坚实基础,而且拓宽了他们的就业视野,为未来的职业生涯做好充分准备。本课程旨在使学生掌握Dreameaver CS6、Flash以及Fireworks的操作技巧,同时具备运用这三款软件制作出既美观又实用的网页的能力。课程的总目标在于使学生掌握网页制作的基础技巧和方法,了解网站建设的整个过程,并能够运用所学知识构建常见类型的网页和网站。此外,学生还需学会如何美化网页,并设计出既人性化又富有艺术感的网站静态页面。具体而言,知识目标包括:1. 熟悉构成网页制作的基础要素;

熟练运用Dreamweaver CS6软件的基础操作技巧;精通在网页内嵌入文字、图像、音频、Flash动画等元素的方式;熟悉并运用常见的网页版式设计方法,学会运用CSS技术对网页进行美化;掌握在网页中应用表单以及制作网页特效的技能;精通基础图形图像处理,能够制作出符合网页主题的图片和简单动画,并能巧妙地将它们与网页内容相结合。7. 熟悉构建一个功能较为完备的网站的技术,并具备制作常见网站静态页面的能力。(二)职业能力培养目标:1. 能够针对网站开发的具体需求,搜集并优化网页设计及网站开发所需的文字、图片、动画、音频、视频等资源;2. 能够设计出与主题色调相协调的网页,确保网页在美观度上得到提升,并受到绝大多数用户的认可。

多数用户对其表示认可并抱有好感;同时,具备设计企业、政府以及学校等机构常用网站的基础静态页面的能力。具备勤奋刻苦的学习态度,秉持严谨务实、勇于创新的学习理念;同时,应具备优秀的心理素质和职业道德;拥有强烈的责任心以及出色的团队协作精神;并且,应具备运用所学理论知识识别、剖析和解决问题的能力,不断学习,持续创新,力求使自己的设计更加完善,追求至善至美的境界。职业技能证书的考核标准如下:个人可根据自身条件选择考取“全国计算机信息高新技术资格证书”、“网页设计制作员资格证书”或“网页设计师资格证书”等相关职业技能证书。关于重点和难点章节及其内容,具体如下:首先,重点章节包括:1.2 网页与网站相关内容。

术语简介:1.6 网站建设流程概览,2.3 Dreamweaver CS6操作界面介绍,3.2 本地站点创建步骤,3.4 站点应用指南,3.5 网页设计规范解读,4.1 网页文件基础操作讲解,4.3 文本内容插入方法,4.4 水平线元素插入技巧,4.5 其他基础元素插入指导,4.6 列表创建方法,5.1 超级链接概念阐述,5.2 超级链接创建方法,5.3 Dreamweaver CS6制作超级链接技巧,6.1 图像插入方法介绍,6.2 图像HTML标签应用说明,6.3 图像对象插入步骤,6.4 图像对象创建指南,7.1 表格基本概念讲解,7.2 Dreamweaver CS6表格创建操作,7.3 表格基本操作方法,7.4 表格内容添加技巧,8.1 网页中Div元素插入方法。

5、8.2 运用AP Div进行排版,8.3 掌控AP Div的操作,8.4 调整AP Div的各项属性,8.5 实现AP Div与表格之间的相互转换,8.6 探究AP Div的行为表现。9.2 在DWcs6k中了解框架的基本事件处理,9.3 学习浮动框架的运用。10.2 构建表单,10.3 向表单中添加各种对象。11.1 研究JavaScript,11.2 掌握行为的使用。12.1 学习插入媒体的方法,12.2 掌握音频文件的插入,12.3 熟悉视频文件的添加。13.1 简介CSS,13.2 了解CSS的结构与规则,13.3 使用CSS样式面板,13.4 建立CSS样式。14.1 利用库项目,14.2 应用模板。15.1 进行网站测试,15.2 实施网站发布。

6.3 管理站点与高级配置,重点章节包括:3.2 本地站点的创建,3.4 站点应用,4.4 水平线的插入,4.5 其他基础元素的添加,4.6 列表的构建,5.2 超级链接的创建,5.3 DW工具中超级链接的制作,6.2 图像HTML标签的使用,7.3 表格基础操作,7.4 表格内容添加,8.1 Div元素在网页中的插入,8.2 AP Div排版技巧,8.3 AP Div的操作,8.4 AP Div属性设置,8.5 AP Div与表格的转换,8.6 AP Div行为应用,9.2 DWcs6框架基本事件处理,9.3 框架浮动技巧,10.3 表单对象的插入,11.1 JavaScript基础应用。

在Ript11.2行为中,我们设置CSS样式面板,创建CSS样式,并通过使用库项目和模板进行教学。在15.1测试网站和15.2发布网站环节,我们进行网站测试和发布。同时,在15.3管理站点和高级设置部分,我们处理站点管理和高级配置。总体设计上,课程重点知识主要通过操作演示、案例讲解和任务驱动的方式进行教学。本课程实行理论与实践相结合的教学模式,每节课均需学生将所学理论应用于实际操作,以理论指导实践,并逐步积累经验,提升专业技能。在实践环节中,旨在培养学生思考、分析、解决问题的能力,最终实现熟练掌握网页制作与设计技术的目标。针对课程中的难点内容,主要采用实际操作和案例分析的方法进行讲解。

在进行操作演示时,教师需向学生详细讲解,将复杂内容简化,通过实际操作、深入思考和归纳总结,使学生能够迅速理解和掌握相关知识。此外,本课程采用理实一体化的教学模式,教学内容围绕解决实际问题展开,涵盖了概念阐述、软件界面介绍以及操作步骤的详细讲解。在记忆概念时,我们采取先理解后记忆的方法,或者是在操作中同步理解,以此来实现记忆的深入和理解的全然。在每一堂课中,我们都对基础知识点进行实践和训练,并在自己设计的网页上布置相关任务,促使学生主动应用所学知识,以此培养学生的创新思维、自主学习以及思考能力。通过本课程的学习,同学们需制定实习方案,同时记录实训细节,并重视实践过程中的各个环节。

 Dreamweaver CS6教学 _网页设计制作教程 _教学网页排版设计模板

在实习阶段,我致力于对所学知识的深化与提升,旨在运用理论知识来指导未来的工作实践。具体实习内容包括:首先,搜集网站所需的各项信息;其次,运用DWCS6所学的技能对网页的整体外观进行设计;再者,对已设计的网页页面进行合理的切片处理,并依照设计效果构建网站的完整框架;最后,搭建网站所需的数据库。第五点,涉及网站虚拟化构建及其初步的优化工作。五、关于教学进度的规划表,包括理论教学与实践活动的时间分配(以周次划分),具体章节(编号)的教学内容、学时数、理论学时、实践学时以及实验学时总数。例如,第一章:网页制作基础,学时数为2;第二章:了解Dreamweaver cs6。

第3章讲述了站点设计的相关内容,紧接着是第4章,介绍了如何制作简单的网页。随后,第5章指导读者使用Dreamweaver C6软件来创建各种超级链接。在第6章中,我们学习了如何在网页中嵌入图像。第7章则专注于表格的运用。第8章深入探讨了在网页中插入Div元素并利用AP Div进行排版的方法,同时介绍了如何设置AP Div的属性、AP Div与表格之间的转换以及AP Div的行为。第9章转向了框架的创建与使用,而第10章则聚焦于制作表单页面。

11、在22413的第11章中探讨JavaScript网页动态特效,22414的第12章介绍网页多媒体应用,22415的第13章讲解CSS样式表,22416的第14章涉及库和模板的使用,22417的第15章则讨论站点的维护与上传,考核环节要求制作一个具体的网站。六、关于教学资料的搜集与配置设计,1、我主要依托教材、参考书籍以及网络教学资源进行资料的搜集;2、通过观看网络名师的视频讲解,我分析了讲解重难点的方法,以提升教学效果;3、利用实际操作演示、任务驱动法和案例教学,使学生能够更加深入地理解和掌握知识。

深入理解知识点应用的方式和策略;通过实践训练激发学生的热情,引导他们学习运用知识,掌握软件操作,并逐步学会如何用知识美化、优化网页,最终达到对知识牢固掌握的目标。七、教学方法具体应用(针对各章节)及课时分配(按周次划分)如下:章节编号一,网页制作基础知识,采用讲授法、讨论法和直观演示法;章节编号二,学习Dreamweaver cs6,运用讲授法、直观演示法和任务驱动法;章节编号三,站点设计,实施讲授法、直观演示法和任务驱动法;国庆假期休息;章节编号四,制作简单网页,继续采用讲授法、直观演示法和任务驱动法;章节编号五,内容待定。

在Dreamweaver C6软件中,我们学习到如何运用超级链接的讲授法、直观演示法以及任务驱动法。在第6章,我们探讨了在网页中运用图像的讲授法、直观演示法和任务驱动法。第7章介绍了表格的运用,包括讲授法、讨论法、直观演示法和任务驱动法。第8章内容涉及在网页中插入Div并使用AP Div进行排版,同时学习AP Div的属性设置、与表格的转换以及AP Div的行为,这些内容同样采用讲授法、直观演示法和任务驱动法进行教学。第9章讲解了如何创建和使用框架,而第10章则聚焦于制作表单页面,同样采用讲授法、讨论法、直观演示法和任务驱动法进行教学。

第14章介绍JavaScript网页动态特效的教学方法,包括讲授法、讨论法、直观演示法和任务驱动法;第15章探讨在网页中运用多媒体的教学方法,同样涵盖讲授法、讨论法、直观演示法和任务驱动法;第16章讲解CSS样式表的教学方法,涉及讲授法、直观演示法和任务驱动法;第17章阐述库和模板的教学方法,同样采用讲授法、直观演示法和任务驱动法;第18章涉及站点的维护和上传,采用讲授法、直观演示法和任务驱动法。考核环节则要求制作具体的网站。在作业布置与批改设计方面,作业内容主要是通过上机操作完成既定的实训项目,书面作业则包括教材中的练习题和模拟试题。2.作业形式与题量:课堂讲授完毕后将

在实训教材的课后习题中,挑选出若干题目用于课堂或课后练习,同时安排相应的上机操作任务。此举措旨在检验学生对课堂知识的掌握程度,并促进他们对所学内容的复习与实际应用。针对书面作业的批改,教师可以选取部分作业进行审阅,针对发现的关键及普遍性问题,在课堂上进行集体讲解;至于上机操作的实践题目,学生可以上传作业后进行评阅,并对遇到的关键和难点问题进行集中讨论和点评。九、授课所用的教材及学生自选的辅助读物:课堂所用教材为《网页设计与制作》,由清华大学出版社出版,赵旭霞、刘素转、王晓娜担任主编;此外,学生可参考《Dreamweaver网页设计标准教材》,该教材由顾群业和王晓峰编著,由中国电力出版社出版。

《网页设计与制作》一书由詹青龙和郭永灿共同撰写,该书由孙振业主编,出版于清华大学出版社;同时,《网页设计与制作教程》则由杨选辉主编,亦由清华大学出版社出版。高等教育出版社也出版了《网页设计与制作》。十、关于学生学业成绩的评估与评价,首先,评估方式包括:考勤状况、课堂互动、日常作业、实践操作成绩以及期末考试。其次,在成绩评价方面,教学过程的成绩占比为40%,具体包括:出勤和课堂纪律、课堂讨论、提问以及实践活动的参与度、日常作业(包括书面作业和上机实训作业)。再者,期末考试的成绩占比为60%,考试形式主要是学生提交作品。授课教师、教研室主管、二级学院审核责任人:于2017年9月1日,我在工作投入了极大的努力,然而,我也深刻意识到自身存在若干有待改进的地方。在学生工作领域,我的经验相较于其他辅导员略显不足,与主要学生干部在交流上尚有提升空间,而且在大型活动的策划组织上,我的考虑还不够全面。此外,对学生活动的指导工作,我需要在持续学习的过程中不断强化,并且逐步增强我对理论知识的实际运用能力。务必及时且细致地归纳工作经历,挖掘其中的规律性,积极推动改革,敢于进行创新,不断寻求突破,从而不断提升个人工作水平。

你可能想看: