《网页制作》课程标准.docx

《《网页制作》课程标准.docx》由会员分享，可在线阅读，更多相关《《网页制作》课程标准.docx（10页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、网页制作课程标准课程名称：网页制作适用专业：计算机应用、计算机网络专业1 .前言本课是我校计算机网络技术专业学生必修课程之一，与其他骨干课程一起共同构成学 生在计算机网络应用和相近的行业岗位就业所应具备的知识和技能基础。1.1 课程的性质本课程的主要任务是介绍使用HTML超文本标记语言以及相关处理软件进行网页设计, 包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力，能

2、够运用所学的知识进行网页设计。专业方向为广西及周边地区培养从事网站! 开发与管理的具有良好职业道德i 和内在素质、适应生产、建设、管I 理、服务第一线的专业技术人才。J 一一41. 2课程基本理念网页制作课程的主要知识点有：网页基础知识、制作图文并茂的网页（文本、图像、超链接）、页面布局设计（表格、层、框架）、CSS样式设计、表单的应用、使用行 为、模板和库、动态网页设计初步。各知识点之间既独立又相互联系。在不同的项目之间 有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量 的不同类型网页的制作。当然，每个项目的侧重点是不同的，教学中应当注意处理好各项 目之间的关系

3、，注意重、难点的把握。网页制作课程可以在计算机基础、PhotoShop图像处理及计算机系相关 专业课程如计算机网络技术、数据库等课程之后开设。本课程作为计算机应用及 计算机网络专业的一门专业课程，一般在第2学期开设，此时学生已经具备一定的计算机分利用网络、光盘上的公共教学资源，扩大学生的视野，提高学生的学习兴趣。(5)本课程的实施，不仅要充分开发校内资源，还应积极取得企业单位的合作，发 挥校企合作的优势。4. 5其它说明为帮助学生主动学习，扩展知识面，推荐了以下教材供学生自主学习和使用：基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色 的网站。1 . 3设计思路该

4、课程按照以能力为本位，以职业实践为主线，以项目课程为主体的模块化课程体 系的总体设计要求，坚持教学做一体化的课程设计理念，以重点培养学生的HTML网页编 写技术能力为目标，以具体工作任务的学习为切入点，针对模板和源文件能力进行分解, 本课设计14个课程单元、6个学习任务共216课时，课程单元难度呈阶段性上升，每个 任务完成后掌握相关知识点。采用任务驱动的教学模式和示范操作、模拟训练方法来实现 这个教学过程。描述典型工作任务形成了由浅入深的课程体系.即网站赏析一站点创建一文字、 图像操作一屈页布局一表单网页一美化阳页一型页特效一解 站测试、发布与维护一动态数据库技术一网站开发等全方位的 职业培养

5、流程.网页设计工作能力需求分析:典型工 作任务工作要求所需的知识与能力知识能力素质需求分析确定即站功能 需求和风格需求分析的总结，随瓦 主题的规划能够分析网页的功能 与需求并设计其结构掰站开发规范 意识沟通交流能力 表达能力 审美能力 创新能力 工作条理性 团队协作能力 应变能力 双语应用能力 客户服务意识 自我学习能力 分析问题能力 解决问题能力建站素材采集 与处理根据制作要求 收集素材资料， 并对重点部分 进行素材处理 和加工基础的音频、视频、图 像的加工处理知识；软 件的使用能使用音视频，图像 编辑软件对部分重点 资料进行加工处理完 善网页界面设计利用PS设计刖 页界面掌握根据网页内容确

6、 定布局结构的方法能根据客户的具体要 求，设定恰当的文件 大小和分辨率及色彩 模式网站前台页面 制作1、制作网站模 板2、利用CSS样 式规划网页3、利用模板批 堂制作网页理解站点规划、创建站 点的方法与站点设置 参数的意义和设置方 法1、能进行网站架构;2、能利用布局单元格 和布局表格规划页面3、能根据网站需要进 行内部或外部的CSS 样式设计代码编写利用PHP语言 或现成的CMS 发布系统来进 行网站功能开 发1、熟练对数据库插入、 查询、修改、删除技术； 2、熟练SQL查询、添 力、修改语句1、能够根据网站功能 要求架设后台基本框 架;2、能够根据客户需要 完成网站功能开发；3、能够对网

7、站进行安 全性的检查网站测试对网站进行全 面测试熟悉网站安全性、功能 性测试工具能够掌握网站测试的 工具及方法网站发布了解服务器的 配置了解服务器的配置1、能够配置蔺单的服 务器2、能够将网站发布到 网上2 .课程教育目标学生经过该课程的学习在网页设计方面学会从无到有，从有到精的网页设计过程，在 图片处理，多媒体对象应用，内置行为，表单元素等方面应当达到扎实的设计基础，也对 电子商务网站平台等方面有了基本的知识了解，从而实现理论与实践相结合、知识传授与 能力培养一体化的教学目标。总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网 页设计、制作及站点管理的基本知识和基本

8、技能，学生能够独立制作中小型的网站。具体目标：（一）教学目标：1 .了解WWW、HTTP、HTML、CSS的定义、概念和作用；2 .理解服务器、客户端、浏览器的概念和作用；3 .理解HTML语言中的常见标记及其作用；4 .熟练掌握DreamWeaver的基本操作方法；5 .理解表格、框架、层的作用，掌握设置其属性的方法；6 .理解CSS样式表的作用和意义，掌握定义CSS样式的方法;7 .理解表单的作用，掌握设置表单元素属性的方法；8 .理解行为的作用，掌握设置行为的方法，理解简单JavaScript代码的含义;9 .理解模板和库的作用；（二）技能教学目标：1 .会使用Dreamweaver网页

9、设计工具制作网页;2 .会根据需要修改HTML语言中的标记，设置相关标记的属性;3 .能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性;4,能够熟练运用表格、层、框架等进行网页布局；5 .熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用;6 .熟练掌握表单制作方法，能够根据要求进行表单的设计；7 .能够在网页中根据要求设置行为；8 .熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应 的网页;9 .掌握库的基本操作方法，会使用库简化网页设计；（三）素质教学目标：1 .具有勤奋学习的态度，严谨求实、创新的工作作风;2 .具有良好的心

10、理素质和职业道德素质;3 .具有高度责任心和良好的团队合作精神;4 .具有一定的科学思维方式和判断分析问题的能力;5 .具有较强的网页设计创意思维、艺术设计素质。6 .课程内容和要求脚本的应用； 商业实战案例； 闲站发布与测试。屈页设计基础知识； Pr eamweayer基本操作； 初而新命逼案值例。理论知识序号工作任务知识内容及要求技能内容及要求1基础知识了解Dreamweaver的工作界面能熟练操作Dreamweaver工作界面J解Dreamweaver层的概 AAAAAAZVWAAAAAAAAAA念和关系掌握层的相关操作2创建本地虚了解本地虚拟站点知识能熟练创建本地虚拟站点拟站点理解创建

11、本地虚拟站点的 方法能熟练创建本地虑拟站点3文档、文本和 涟接了解文档、文本能熟练操作插入文档、文本掌握文档、文本的熊接能熟练文档、文本的麋接4Web图像理解Web图像能熟练进行素材图像处理5表格了解表格的插入能熟练操作表格的插入掌握表格的编辑能熟练操作表格，使用Dreamweaver MX,运用表格技WVWWVWSAA/WSAySA/术制作网页6框架，了解框架的建立能熟练操作框架的插入掌握框架的运用能熟练操作使用teaweaverMX，运用框架技术制作网页7表单了解表单的创建能熟练操作表单的插入8插入其他对冢掌握插入各种对象能熟练操作各种对冢的插入9HTML样式和CSS样式掌握HTML样式和

12、CSS样式 的运用庾用 Dreamweaver MX, 1 吏用 CSS 样式改殳刚贞外观10模板和库了解模板的应用能熟练操作运用已有模板掌握库的使用能熟练操作库的使用11源代码相关功 能及行为了解源代码的功能及语言掌握源代码相关功能及行为知 识12网页发布掌握期页发布的流程能熟练操作完成刖页发布实际练习序号工作任务知识内容及要求技能内容及要求1综合实例一一 制作商务网站熟悉Dreajnweavex建站流 程能熟练操作Dreamweaver熟悉Dreamweaver网页布 局的各种方法能设计并制作出布局合理、美 观的网页熟悉站点的管理能正确建立及管理站点文件夹熟悉Dreamweaver薛接的

13、方法能熟练设置页面间的链接2综合实例一一 制作个人随站了解网页配色的原则能熟练进行正确的色彩搭配了解剧页设计的创意原则能设计并制作出有创意、个性 化的网页了解留言板的功能及后台 管理能建设简单的留言板并能成功管理3综合实例一一 制作音乐网站了解FLASH动画素材在网 页中的应用能熟练操作插入FLASH动画素 材了解音频、视频素材在网页 中的应用能熟练操作插入音频、视频素材4综合实例一一 制作网上购物 网站熟悉Dreamweaver各知识 点的综合应用能独立、熟练运用各知识点5综合实例一 一制作校园论 坛网站了解表单的创建能熟练插入各种表单对冢并正 确设置了解论坛的功能及后台管 理能建设蔺单的论

14、坛并能成功管理7 .实施建议1 .1教材编写(1)作为职业学校的专业核心课程，教材编写应注重理论与实践相结合，切忌空谈 理论。为了实现教、学、做一体化的教学目标，编写时在讲义或教材体例上要首先突出项 目实施的方法和步骤，多加入些实践操作环节的内容，给出动画设计的完整步骤多举实例, 且要注意与实际情况相结合。(2)必要的基本概念和原理分析贯穿在教师和学生共同分析原理的过程中，内容循序渐进，学习内容从简单到复杂，学生从理论到实践，再到理论再到实践不断循环，使学 生实际操作水平不断提升。(3)有关专业本身发展的历史、本课程知识的延伸以及在完成项目过程中对其它课程知识和技术的应用，作为辅助阅读内容体现

15、在教材中。(4)预测学生完成实做的过程中可能出现的问题，在讲义或教材中必须予以特别强 调，说明道理以及注意事项。4 . 2教学建议HTML课基本上是一门以培训实际操作能力为主的专业课程，讲课当中应以精讲多练 为原则，加强实践环节。主要采用讲练结合，以练习为主，及时考核，及时纠正，互动提 高，针对不同内容模块灵活多样地务实地逐步展开。学生每人都有自己不同的设计想法， 在教师的统一指导下，让不同的学生都能把自己的设计想法做出来，用精美的网页来体现。 有机会多组织学生观看好的网页作品，多收集各种比赛素材给学生模拟比赛，通过比赛锻 炼学生的实际动手能力。1、教学采用四阶段教学法，将教、学、练、做融为一

16、体。教学体现教师为主导，学生为主体，训练为主线的原则，课堂上可以采用四阶段 教学法：第1个阶段，案例引入，提出问题。通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建 立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学 目标。第2个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和 操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发 现问题，提出问题，在问题的引导下学习相关的知识和操作技能。第3个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结

17、。对本次课的实际意义、重点、难点、容易 出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强 调的是引导学生，而不是老师讲解。第4个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通, 每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作 业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。2、充分利用现代化教学手段，提高教学效果教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各 种先进的教学手段，使课堂教学生动活泼、引人入胜，提高教学效果，同时提高教学

18、效率。 包括：(1)利用多媒体教学系统广播教学。把学生的共同问题(需要提示的重点)通过 广播教学，边讲边演示，使学生即时看到操作效果。(2)利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教 师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。3、教学设计：4. 3教学评价以实际操作为主，即学即用，成绩积累，综合评价，具体办法设想如下：(1)每学段结束后即安排时间进行现场考核，学生各自完成任务，教师针对相应任 务完成情况给出成绩作为平时作业成绩。(2)全部学习内容完成后，总成绩根据各次考核的结果结合纪律因素，期末课程作品等综合评出。(3)命题以基本、全面

19、、实际为原则，联系实际生活进行统一命题。(4)总成绩比重分配：站点设计及超级链接20%,基本操作20%,图片及多媒体30%, 行为应用及表单20%,网页配色10%平时应注重改革考核手段和方法，可通过课堂提问、学生独立完成作业、平时测验、 实训设计及考试、学习态度等情况，综合评价学生成绩。对于能力考核，也可通过实际操 作、答辩等形式确定。对在学习和应用上有创新的学生应特别给予鼓励。4. 4课程资源的开发与利用可将课堂教学与实验教学相结合，充分利用现代教育手段、网络平台，校内实训与校 外工程实践相结合等多元化的教学手段。教学资源(1)多媒体教学由于本课程的特殊性，在教学时大量采用多媒体教学，本课程的所有教学内容都制作 了(PPT)电子教案，使学生更直观地理解教学内容。(2)视频录像使图文声形并茂，把音频，影视，仿真模拟等技术结合在一起，使抽象的理论描述, 通过视听等形式表现出来，使教学过程形象直观，生动活泼，弥补以往课堂中教学的一些 不足，使学生能更直观的掌握该门课程的教学内容。(3)网上教学平台将课程中的重点、难点做成动态课件，加深学生对这些难点重点的理解，将课件发布 在学校数字化教学平台，该平台具有多项功能，特别设计了师生互动交流平台，便于教师 及时掌握学生的学习情况。(4)网络、光盘等辅助教学手段