《网页设计与制作》学习指南

《网页设计与制作》教师教学指导书PAGE82PAGEIII《网页设计与制作》学习辅导教材第1部分课程概述 3第2部分网页设计与制作类岗位需求分析 3第3部分课程的岗位定位与培养目标 73.1课程面向的职业岗位 73.2本课程的教学目标 73.3专业能力与职业能力的目标 73.4网页设计与制作的专业素质目标 83.5综合能力和职业素养培养目标 8第4部分本课程与其他相关课程的关系 8第5部分本课程的主要特色 8第6部分课程结构、课程内容与课时分配 11第7部分课程的重点与难点 15第8部分教学案例设计 15第9部分教学任务设计 16第10部分教学实施方案设计 20第11部分《网页设计与制作》学习指导 32单元1创建站点与浏览网页 32单元2制作文本网页 32单元3制作图文混排网页 33单元4制作表格布局的网页 33单元5制作包含超级链接和APDiv的网页 34单元6使用模板和库制作网页 34单元7制作表单网页 35单元8使用CSS布局与美化网页 36单元9制作包含特效的网页 36单元10设计与制作网站主页 37单元11整合与发布网站 37第12部分《网页设计与制作》问题探究 39第13部分课程考评方式与标准 66第14部分课程的教学资源 69附录应知考试与技能考试样卷 72第一部分应知考试样卷 72第二部分技能考试样卷 76PAGE81PAGE69第1部分课程概述《网页设计与制作》课程是高等职业技术学院计算机多媒体技术专业开设的一门专业主干课程，是一门操作性和实践性很强的职业技术课程，在专业人才培养方案中处于核心地位，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。在学生具备了一定的美术设计知识和一定的图形图像处理及动画制作能力的基础上，本课程主要介绍了网页设计与布局知识、网页制作技术及网页编辑与制作软件Dreamweaver的使用，让学生能熟练地制作出有专业水准的网站。该课程要求学生具备一定的美术设计思想和图形图像处理及动画制作能力，采用“项目导向，任务驱动，案例教学，一体化课堂”的教学模式开展教学。整个课程由2个完整的旅游网站作为课堂教学项目，64课时内完成教师与学生互动的讲练结合教学过程。之后有一个完整的“爱旅游”网站项目，要求学生在课外完成。课程的理论实践一体化教学过程全部安排在设施先进的多媒体实训室进行，教学中以学生为中心，教师全程负责讲授知识、答疑解惑、指导项目设计，充分调动师生双方的积极性，达成教学目标。第2部分网页设计与制作类岗位需求分析从2006年开始，通过对前程无忧、智联招聘、中华英才、南方人才网等专业招聘网站的网页制作、网站设计、网页设计、网页版面设计、网站编辑、网站美编等职业岗位的调查分析，同时通过实地调研、电话调查、座谈会调查、统计表调查等多种途径和方式，对网页设计与制作相关岗位的职位描述和任职资格有了深入的了解，从而对网页设计与制作课程的知识、技能、素质要求有了全面的认识，这些职业岗位的工作职责和职位要求如下表所示。1．网页制作类职业岗位的工作职责和职位要求职位名称网页制作工作职责（1）参与网站策划与设计参与公司及客户网站的总体及各个栏目的内容策划、功能需求分析制作公司及客户网站架构设计，树立统一的品牌形象（2）网页设计与制作：负责确定公司及客户网站页面内容和风格按照行业及公司的规范完成网站原型设计和页面制作为网站Web程序开发团队提供脚本和网页模板（3）网站维护负责定期分析竞争对手产品，并对自有产品提出整改计划，定期策划网上活动根据审定的方案参与网站项目的上线升级实施工作，对方案实施的准确性负责协助网站开发人员对网站程序功能进行测试（4）与其他相关人员的协调与沟通与团队其他成员进行有效沟通，了解其他团队成员工作情况、工作进度，定期进行技术交流与共享与客户进行有效沟通，了解客户有效需求，以便对网站进行更新职位要求（1）知识与技能熟悉网站制作与设计流程，能跟踪最新的网页设计与制作技术熟练运用HTML、CSS、JavaScript等Web开发技术，制作符合Web标准的网页熟悉常用图像制作软件和Flash制作技术，能够使用Dreamweaver等工具制作网页能够将网页设计师的效果图快速转换为Web标准原型（2）素质要求沟通协调能力：正确理解别人的感受和想法，善于倾听，能够理解他人思想和行为背后的原因团队合作：愿意与他人合作，主动与其他成员进行沟通交流，分享信息、知识和资源，愿意帮助其他成员解决所遇到的问题，无保留地将自己所掌握的技能传授给其他成员思维能力：头脑灵活、思路清晰，具备缜密的逻辑思维能力以及耐心细致的观察能力，处理事务有清晰的条理性，工作重点明确，具备较强的执行能力，学习能力强，有创新意识坚韧性：处于较大的工作压力下或产生可能会影响工作的消极情绪时，能够有效地控制自己的情绪，通过建设性的工作化解工作压力或消极情绪2．网站设计类职业岗位的工作职责和职位要求职位名称网站设计工作职责（1）负责网站设计的需求沟通，确定网页设计的视觉标准和风格标准等（2）负责客户网站创意、设计与页面制作（3）负责网站整体版式设计、通过良好的视觉传达与表现，增加品牌感染力，提高用户使用效率（4）负责网站相关项目、活动、专题的设计与创意工作（5）与团队配合，提升网站的视觉表现力及易用性，跟踪产品效果，分享设计经验，提出设计改善方案（6）熟练运用各种不同类型的设计表现形式，准确传达信息（7）完成网站日常的页面设计、制作及维护工作（8）进行网站图片设计与制作（9）完成网站日常的Flash动画设计、制作及更新工作（10）负责网站广告的设计与制作（11）完成网站日常所需的平面设计及维护工作职位要求（1）具有一定的美术功底及良好的创意构思能力，很好地把握视觉色彩与网站布局，思想敏锐活跃，具有一定的视觉创作经验和独到的审美修养；对商业需求有非常敏感的把握和表现能力（2）熟练运用Photoshop、Illustrator、AI、Flash，Dreamweaver等工具或同类软件，擅长页面效果图制作和文字的编排，具有较强效果图制作及网页设计能力（3）熟悉网页制作，能与Web前端工程师紧密配合（4）对色彩有深刻的把握力、独特的设计风格、独到的创意视点与创新意识（5）熟悉HTML，Div，熟练运用Div＋CSS布局与美化网页，能够手写HTML代码（6）具有较强图片制作、处理能力。精通Photoshop、Fireworks、Illustrator等图片处理相关软件（7）熟悉FlashAction3．网页设计类职业岗位的工作职责和职位要求职位名称网页设计工作职责（1）负责公司网站整体视觉、UI、LOGO、宣传手册等设计与创意，负责网站设计的需求沟通，确定网页设计的视觉标准和风格标准等。（2）负责客户网站创意、设计、页面制作；负责频道、专题、网页的美工设计（3）负责公司网站的设计、改版与更新（4）负责网页、图片设计与制作（5）负责客户及系统内的广告和专题的设计（6）负责与开发人员配合完成所辖网站等前台页面设计和编辑（7）其他与美术设计相关的工作职位要求（1）具有扎实的美术功底、良好的艺术审美观、优秀的审美力、良好的创意思维和理解能力，能及时把握客户需求，能独立完成整个网站页面设计与制作工作（2）具有良好的网站版式设计能力，色彩感和整体布局感较强（3）熟练使用常用图片设计和处理软件，对图片渲染和视觉效果有较好的认识（4）能熟练使用Flash、Dreamweaver、Firework、Photoshop、Illustrator等软件，熟悉HTML、Div、CSS、JavaScript等，有手工编写和修改代码能力优先（5）对Web设计及相关技术有很好的见解，能和Web程序员进行沟通和合作（6）工作积极主动、责任心强、思路开阔、有敬业精神，能在较大压力下完成工作（7）善于与人沟通，有高度的责任感和创新精神，保证工作质量（8）富于工作热情及团队合作精神，勇于接受挑战（9）有网页设计及平面设计工作经验优先，有过Web和WAP等相关产品设计开发者优先，有手机UI、美术、设计经验者优先，具有大型网站美工经验者优先4．网页版面设计类职业岗位的工作职责和职位要求职位名称网站编辑工作职责（1）负责网站创意、网页设计、页面制作管理和维护，负责网站页面结构的设计和实施。（2）负责网站整体架构的设计和网站风格的把握（3）负责网站的设计、改版和更新（4）负责网站广告和专题的设计（5）独立制作flash广告，负责页面特效、网站图片、动画设计制作等（6）负责与开发人员配合完成网站前台页面设计和编辑（7）协调其他部门完成网站的开发职位要求（1）具有优秀的审美力、独特的创意、扎实的美术功底，对于艺术有着自己的追求和热爱（2）对于网站的美工开发有独到的见解和意见。对于色彩的搭配有着独到的见解和体会（3）有创意及品味，有较强视觉创作能力，扎实的色彩感和色彩把握能力，对色彩构图等元素敏感，对网页配色与排版有一定的经验（4）对网站的结构、整体布局、色彩感觉良好；有丰富的想象力和创新力；思路开阔能较好的理解用户界面的要求，能根据要求设计页面（5）对网页美感有驾权和品评能力，能很好的把握网站整体风格设计，注重理解需求和用户体验（6）有较强的网页设计和制作能力，能胜任栏目、网页的规划和制作，能够独立完成大型网站的静态美工页面制作、排版及输出（7）精通创意设计和网页设计相关的软件工具（例如Dreamweaver），能熟练使用Photoshop、Fireworks、Illustrator、Coredraw、Flash等相关设计类软件，熟悉页面设计、平面设计和CI设计，熟悉ActionScript者优先（8）熟悉HTML、DHTML、XHTML、XML、CSS、JavaScript和Div+CSS网页布局技术、网页特效设计技术，能手写HTML代码和CSS样式（9）熟悉Web标准和Div+CSS技术，能独立完成美工及Div+CSS网页的静态页面布局，并至少能兼容IE和FireFox两款浏览器（10）熟悉ASP.NET（C#）或ASP，能与程序员合作完成网站开发项目（11）熟悉网站建设、网页设计制作流程，能够配合程序员嵌套界面和程序。能跟踪最新的网页设计与制作技术（12）具有较强的理解能力、领悟能力、沟通能力、工作协调能力和创新精神（13）积极肯干，吃苦耐劳，具有高度的责任感（14）具有自我激励和良好的交流、沟通技巧，善于协作与沟通（15）具备良好的职业素养及团队合作精神，有良好的职业道德观念和工作态度，并能承受工作压力5．网站编辑类职业岗位的工作职责和职位要求职位名称网站编辑工作职责（1）负责公司网站的内容采编、整理、审核及发布，包括文字、图片、视频等资料，为网站提供符合用户的有效信息（2）负责公司网站内容的架构、栏目和专题的策划及更新维护；能够独立完成选题策划，稿件组织与编辑工作；针对网站目标受众提供有吸引力的网站内容；保证公司网站的正常运营以及网站推广活动的实施，以提升网站用户数、网站pv流量和用户粘着度（3）负责策划与制作专题，参与专题和活动的策划、组织（4）负责行业内活动的现场采访以及后续的稿件撰写、发布（5）负责与技术等部门的沟通协作职位要求（1）熟悉网络基本知识，能熟练使用Office等办公软件，熟练Dreamweaver、Photoshop等网页制作编辑工具和图像处理工具，可以独立制作、修改网页（2）有较强的文字驾驭能力，有良好的文字、图片编辑能力，能够清晰而有逻辑的表达自己的想法，具有创造性的思维；能独立撰写策划文案，有丰富的想象策划能力，能独立完成大型网站的策划方案（3）熟悉网络语言，擅长用文字调动网络人群的情绪，对网络文案的策划、编辑有一定的实际操作经验，熟悉网络编辑、销售型文案写作，有较强的文字编辑能力、编辑思维能力和策划能力，擅长信息的搜集与整合，能独立完成各种文案的编辑和创作（4）踏实肯干，思维活跃，诚实守信，具有良好的团队合作精神（5）工作积极主动、勤奋好学、行为自律；为人诚实、正直，性格开朗、责任心强（6）具有迎接挑战的信心和对工作的激情6．网站美编类职业岗位的工作职责和职位要求职位名称网站美编工作职责（1）负责网站整体美化工作，负责网站的美观度和友好性的把握（2）负责公司网站的网页美工设计（3）负责公司网站相关新闻及专题的创意、页面风格设计及专题制作。（4）负责网站页面设计和常规广告设计（5）负责专题和活动的美术设计工作职位要求（1）有较强的美术功底、良好的创意设计和视觉表现创造能力（2）熟练使用Photoshop、CorelDraw、Flash等软件进行图片及动画创作（3）熟悉网站建设流程及构架，熟练应用Div+CSS布局制作网页，能用Div快速切图；熟悉HTML语言（4）具备独立策划能力，能快速在兼顾网站风格、用户体验、功能利用、视觉效果等多重角度的情况下设计作品（5）熟悉Web设计与开发的相关标准（6）具备客户服务意识，有独特的见解、独立思考能力和创新意识（7）具有敬业精神，良好的人际沟通能力和团队合作精神和协作能力，能承担工作压力第3部分课程的岗位定位与培养目标3.1课程面向的职业岗位（1）网页制作（2）网页设计/网页版面设计/网站设计（3）网站编辑（4）网站美编3.2本课程的教学目标（1）赏析各类经典网站、掌握网页制作方法（2）强化网页制作技能、积累网页制作经验（3）激发自身学习兴趣、形成持久学习动力（4）提升自主学习能力、满足职业岗位需求3.3专业能力与职业能力的目标（1）培养学生收集、处理信息，准备、加工素材的能力（2）培养学生制作静态网页的能力（3）培养学生设计网页、网页布局的能力（4）培养学生设计网站的综合能力3.4网页设计与制作的专业素质目标（1）具有一定策划能力（2）具有一定想象力（3）色彩感悟力强（4）结构布局能力强3.5综合能力和职业素养培养目标（1）具有乐观精神、敬业精神、团队协作精神（2）具有沟通能力、感悟能力、表达能力、创新能力（3）具有自主学习能力、知识应用能力、获取知识能力、自我发展能力（4）具有高度责任感和较强的效率观念第4部分本课程与其他相关课程的关系（1）与前续课程的联系《美术设计基础》让学生学习了美术设计的基本知识，使学生具备了美学基础。《图形制作》、《图像处理》和《动画设计与制作》让学生系统学习了图形图像处理能力和动画制作能力，使学生具备处理网页图像和制作网页动画的能力。在此基础上，通过《网页设计与制作》课程的学习，让学生学习网页制作技术，培养学生制作网站和网页的能力。（2）与后继课程的关系为学习后续课程《动态网站设计》和毕业设计提供了网页制作的基础知识和网页制作的能力。第5部分本课程的主要特色本课程具有“三基于、四化、三创新、三关注”的特色。特色之一：基于真实网站的任务驱动型教学方式、基于网络资源的开放式自主学习方式、基于岗位需求的双证融通式分级考核方式－三基于（1）以真实的旅游网站作为教学案例，围绕旅游这个主题精心设计了18个网页，以网页制作为主线设计了33项主任务，80项子任务。在真实的开发环境中，以真实的制作流程，执行真实的开发要求，制作真实的旅游网站。真实环境：在真实的网站开发环境中完成网页制作任务。真实过程：执行完整的作业流程，体验真实的工作过程。真实要求：以职业化技术标准规范网页制作和代码编写。真实项目：以三个真实的网站作为教学案例（引导训练：E游天下网，同步训练：快乐旅游网，拓展训练：爱旅游网）。（2）本课程的教学资源全部（All）可在网上浏览和下载，任何学习者（Anyone)在任何时候（Anytime）、任何地方（Anywhere）都能获取所需的学习资源，借助网络自主学习，保证学习者按需学习和自主学习。（3）根据企业岗位技能需求，分级认证网页制作技能，课程考核与技能鉴定双证融通，课程标准与职业标准两者融合。特色之二：课程内容“动态化”、课程实践“任务化”、技能训练“层次化”、课程资源“系列化”－四化（1）构建了以“网站开发工作过程”为导向的“单元式”课程结构，课程分为3个教学阶段、11个教学单元。课程内容根据岗位需求变化、教学实际情况灵活组合、动态调整。课程资源根据网页制作技术发展持续更新。（2）课堂教学面向教学全过程设置完整的教学环节，每个教学单元设置了12个必要的教学环节：教学导航→操作准备→引导训练→引导训练考核评价→同步训练→同步训练考核评价→拓展训练→拓展训练考核评价→代码解读→问题探究→单元小结→单元习题；课堂引导训练及评价环节又设置了四个环节：任务描述→网页效果展示→任务完成过程示范→任务完成情况评价。（3）技能训练分为3个（引导训练→同步训练→拓展训练）逐步提升层次，符合职业技能的形成规律。（4）通过网络提供3层、11大类、55000多个文件的立体化教学资源。特色之三：创新技能训练过程、创新课堂教学方法、创新教学组织方式－三创新（1）本课程按任务驱动方法组织教学内容，将操作技能训练与理论知识学习相对分离，先设计与制作网页形成感性认识，后分析探究理论知识逐步上升到理性认识。每个教学单元的技能训练分为四个阶段：操作准备（准备做）、引导训练（跟着做）、同步训练（试着做）、拓展训练（想着做），形成了四步技能训练法。（2）课程教学以完成网页制作任务为主线，实行“项目导向、任务驱动、理论实践一体化”的教学方法，融“教、学、练、评”四者于一体，体现了“做中学、做中会”的教学理念，全方向促进网页设计技能的提升，以满足职业岗位的需求。（3）教学过程中教师既充当教师的角色，也充当项目经理和网页设计师的角色；学生充当网页制作员、网页测试员的角色。模拟网站开发公司的做法，将授课班级分成6-8个小组，每一小组指定一名组长，小组长可以轮留担任。本课程的教学组织方式可以为串行方式（连续安排2～3周）组织教学，也可以为并行方式（每周安排6～8课时，安排8周左右，每周完成一个教学单元）组织教学。特色之四：关注教学评价、关注态度养成、关注能力培养－三关注本课程以训练网页制作技能为中心，在训练过程中增长知识、训练技能、积累经验、养成习惯、固化能力。技能训练过程力求做到课内与课外相结合、教师引导示范与学生自主训练相结合、注重能力培养与关注态度养成相结合。为了合理评价教学情况和任务完成情况，充分调动学生的学习积极性和主动性，培养团队合作意识和工作责任心，各个教学单元都设置三个考核评价环节：引导训练考核评价、同步训练考核评价和拓展训练考核评价。引导训练考核评价主要反映学习者对课堂教学内容的掌握程度，评价教学效果。同步训练考核评价主要对学习者完成同步训练任务情况进行客观、公正的评价，作为考核学习者的依据。拓展训练考核评价主要记录拓展训练任务的完成方式、网页布局结构、网页色彩搭配、网页中应用的主要元素、已参考的网站和评价完成情况。考核评价方式包括自我评价、小组评价和教师评价，让小组成员通过自我评价和相互评价取长补短、相互借鉴、增强自信、共同提高。每个教学单元所制作的网页都注重了网页的完整性、真实性和美观性。制作网页时，注重了命名的规范化、代码的标准化，对HTML、CSS、JavaScript代码都添加了必要的注释，有助于了解代码的含义，对日后代码维护提供了很大的方便。三个训练环节都设置了“任务卡”和“任务跟踪卡”，“任务跟踪卡”中要求记录任务的开始时间、完成时间、计划工时、实际工时，每一个训练环节都提供了建议工时，以强化学生的时间观念和效率观念。第6部分课程结构、课程内容与课时分配根据多媒体技术行业网页美工、网页设计与制作职业岗位的要求，应具备较好的网页布局与美化、网页设计与制作能力，本课程的教学以项目为载体。课程教学采用“理论实践一体化”教学模式，理论教学内容与实践教学内容融为一体，根据网页美工、网页设计与制作岗位的能力要求，兼顾学生的认知规律，重构了课程结构，将本课程的教学内容分解为11个项目，形成了以项目为载体的课程结构。《网页设计与制作》课程的项目课程结构与学时分配如下表所示。编号单元名称教学内容主要教学知识点教学目标学时备注P4-1赏析网页1．认识网页、网站和浏览器窗口的基本组成2．认识网页的基本组成元素和网页的布局结构3．了解制作网页的常用软件4．了解网页的相关概念和术语K1-1：分析优秀网页的布局结构、颜色搭配、视觉效果等K1-2：网页的相关概念、术语与网页的主要构成元素K1-3：Dreamweaver的界面布局与工作环境O1-1：了解网页的相关概念、术语与网页的主要构成元素O1-2：掌握Dreamweaver的界面布局与工作环境O1-3：能分析优秀网页的布局结构、颜色搭配、视觉效果等2P4-2制作图文混排网页1．站点的创建与管理2．在网页中进行页面控制3．制作文本网页4．制作图文混排的网页K2-1：文件面板的使用K2-2：站点的创建与管理K2-3：页面属性的设置K2-4：设置段落格式和文档结构K2-5：创建项目列表和编号列表K2-6：插入特殊字符、水平线、日期对象K2-7：在页面中插入图像K2-8：创建鼠标经过图像K2-9：设置图像属性O2-1：掌握对网页文档的基本操作O2-2：掌握设置网页整体属性的操作方法O2-3：掌握在网页中输入文字、编辑文本、设置文本属性、设置项目列表、输入空格、文本换行的操作方法O2-4：掌握在网页中插入特殊字符、插入水平线和插入日期的操作方法O2-5：掌握在网页中插入图像、鼠标经过图像、的方法O2-6：掌握设置页面背景图像和图像属性的方法O2-7：能创建与管理站点O2-8：能进行页面控制O2-9：能进行文本操作O2-10：能在网页中进行图文混排6P4-3制作表格布局的网页1．在网页中插入表格2．设置表格和单元格属性3．在表格中插入网页元素K3-1：插入表格K3-2：设置表格属性K3-3：插入嵌套表格K3-4：单元格属性设置K3-5：在表格中插入网页元素O3-1：能正确地插入表格，并合理地设置表格的属性O3-2：能正确地在表格中插入嵌套表格，并合理地设置嵌套表格的属性O3-3：掌握单元格的合并、拆分、插入和删除的操作方法O3-4：能正确地设置表格中行和列的属性O3-5：能正确设置表格、单元格的背景图像和背景颜色O3-6：能正确地在表格中输入文字并定位8P4-4制作包含APDiv与超级链接的网页1．在网页中绘制或插入三个APDiv，在APDiv中插入Flash动画或图像2．在网页中创建多个超级链接K4-1：绘制或插入APDivK4-2：创建外部链接K4-3：创建内部链接K4-4：创建电子邮件链接K4-5：创建锚点链接K4-6：创建图像热点链接K4-7：创建文件下载链接K4-8：创建空地址链接K4-9：检查链接K4-10：创建文字形式的导航栏K4-11：实现滚动图片功能O4-1：能创建网页的内部链接和外部链接O4-2：能在图像中设置热点区域，并创建图像热点链接O4-3：能创建命名锚记和到该命名锚记的链接O4-4：能创建电子邮件链接O4-5：能更改链接颜色、设置链接的打开方式、设置空链接O4-6：能测试链接的有效性O4-7：能插入或绘制APDiv，并合理地设置APDiv的属性O4-8：能正确在APDiv中插入flash动画O4-9：能正确插入浮动框架iframe，并设置其属性O4-10：进一步熟悉使用表格进行网页布局，灵活设置表格及单元格的属性O4-11：掌握滚动图片的方法O4-12：掌握绝对路径和相对路径以及链接的类型6P4-5使用模板和库制作网页1．创建库项目，并在网页中插入库项目2．由现有的网页文档生成网页模板，在网页模板中定义和修改可编辑区域、可选区域3．创建基于网页模板的网页，修改和更新网页模板属性4．修改网页模板和库项目，并更新基于网页模板的网页K5-1：创建库项目K5-2：在网页中插入库项目K5-3：创建网页模板K5-4：定义与修改可编辑区域和可选区域K5-5：创建基于网页模板的网页K5-6：修改网页模板并更新网页K5-7：修改库项目并更新网页O5-1：能制作用来生成模板的网页，并将现有的网页生成模板O5-2：能正确编辑模板，掌握设置可编辑区域的方法O5-3：掌握用模板生成新网页的操作方法，并能对新网页进行编辑加工O5-4：能熟练地修改网页模板，并同步更新该模板生成的网页O5-5：能创建库项目，并且能修改库项目，更新包含库项目的网页O5-6：掌握插入图像占位符的方法O5-7：能使用多层嵌套表格布局网页O5-8：掌握模板和库的作用O5-9：了解CSS样式的简单应用6P4-6制作表单网页1．创建动态站点2．在网页中插入表单域3．设置表单域的属性4．在表单域中插入表单控件5．使用Spry和行为验证表单数据的有效性6．引用外部JavaScript脚本文件实现表单网页所需的功能K6-1：设置虚拟目录K6-2：创建动态站点K6-3：插入表单域K6-4：插入表单控件K6-5：设置表单域属性K6-6：设置表单控件属性K6-7：检查表单数据的正确性O6-1：能正确设置虚拟目录O6-2：能创建动态站点O6-3：能在网页中正确插入表单域O6-4：能在表单域中正确插入各项表单控件O6-5：了解使用Spry验证控件实现对表单控件内容的检测O6-6：掌握检查提交表单数据的正确性的方法O6-7：能引用外部JavaScript脚本文件验证表单数据6P4-7使用Div+CSS布局网页1．页面的布局设计2．创建页面布局样式3．插入Div标签对页面进行布局K7-1：页面的布局设计K7-2：创建布局样式K7-3：布局样式属性的设置K7-4：插入Div标签，并应用布局样式O7-1：能设计页面的布局结构O7-2：能创建页面布局样式O7-3：能插入Div标签对网页的页面进行布局6P4-8使用CSS美化网页1．创建美化页面元素的样式2．输入文字和插入各种页面元素3．创建代码片断，且在网页中插入已有的代码片断4．应用美化页面元素样式美化网页K8-1：创建美化页面元素的样式K8-2：美化页面元素样式属性的设置K8-3：新建代码片断K8-4：在页面各个区块中输入文字或插入页面元素K8-5：应用美化页面元素样式美化网页O8-1：能创建美化页面元素的样式O8-2：能在使用Div＋CSS布局的网页中输入文字和插入各种页面元素O8-3：能创建代码片断，且在网页中插入已有的代码片断O8-4：能应用美化页面元素样式美化网页4P4-9制作包含特效的网页1．在网页中显示当前日期2．在不同时间段显示不同问候语3．滚动网页标题栏中的文字4．动态改变网页中文本字体大小5．关闭网页时自动弹出小窗口K9-1：JavaScript基本语法K9-2：JavaScript对象K9-3：Windows对象K9-4：Document对象K9-5：常用内置对象K9-6：JavaScript代码嵌入HTML代码K9-7：运用JavaScript技术制作网页特效O9-1：能编写简单的JavaScript程序，能看懂较复杂的JavaScript程序，明确其实现的功能和各语句的含义O9-2：能根据功能需求改写JavaScript程序代码，以改进或扩展其功能O9-3：能使用JavaScript技术制作网页特效8P4-10整合与发布网站1．优化网页2．将多个网页整合成一个网站3．测试网站4．申请网站域名和网页空间5．发布网页6．宣传与推广网站K10-1：将多个网页整合成一个网站K10-2：网站测试方法K10-3：域名的设计与申请方法K10-4：网站的发布方法K10-5：网站的维护与更新O10-1：能整合网站O10-2：了解域名的设计与申请方法O10-3：能测试网站O10-4：能发布网站O10-5：了解宣传与推广网站的方法4P4-11制作商品购物网站1．画出网站的整体结构，对每个网页进行规划2．使用Div+CSS和表格联合布局网页3．设计与制作导航栏4．插入网页元素5．利用模板和库制作网页K11-1：网站开发流程K11-2：网站规划与组织K11-3：网页设计基本原理与方法K11-4：网页设计的规范K11-5：网站各页面的布局结构设计K11-6：CSS样式的创建与属性设置K11-7：导航栏的设计与制作K11-8：插入网页元素K11-9：库的创建与应用K11-10：模板的创建与应用K11-11：超级链接的设置O11-1：了解网站开发流程O11-2：掌握网页设计原理与技巧O11-3：能应用CSS样式设计布局网页O11-4：能设计与制作导航栏，会正确使用浮动框架O11-5：能插入网页元素O11-6：能利用模板和库创建网页O11-7：能在网页中设置超级链接8合计=SUM(ABOVE)64

第7部分课程的重点与难点《网页设计与制作》课程的重点有网页的布局、网页中文本和图像的处理、超级链接与导航栏、HTML语言、使用CSS样式美化网页、网页设计。本课程的难点有网页中图像的处理、动画的制作、JavaScript技术的应用、网站的规划与组织、网页中特效制作。课程的重点、难点及解决方法的具体说明见下表所示。类别知识点解决办法重点网页的布局经典网页赏析，形成深刻印象分析多种网页布局的特点、导航栏的特点真实案例教学与实践网页中文本和图像的处理超级链接与导航栏HTML语言通过真实案例分析HTML和CSS，先进行操作，然后分析代码任务型教学，先提出问题，然后分析解决方法，观察其实际效果，最后分析HTML代码的变化使用CSS样式美化网页网页设计先分析具体实例，形成感性认识，然后总结一般规律，运用一般规律指导网页设计。难点网页中图像的处理对于多媒体专业，先修《图形图像处理》和《动画制作》课程，为学习网页设计奠定了坚实的基础。对于非多媒体专业，开设选修课程《图形图像处理与动画制作技术》，为学习网页设计提供保障。动画的制作JavaScript技术的应用通过分析目前网站中常用的特效，了解特效的制作技术。通过观察常见特效的效果及制作方法，了解JavaScript技术的应用，激发学生对JavaScript技术的兴趣。网页中特效制作网站的规划与组织以实例分析网站的规划与组织方法。让学生自己动手进行网站的规划与组织。第8部分教学案例设计教学案例设计如下表所示。单元序号教学案例设计网页主题引导训练同步训练拓展训练单元1网站主页E游天下网快乐旅游网爱旅游网单元2旅游景点概况旅游景点总览中国名河概况中国名山概况单元3瀑泉游名瀑名泉名岛单元4江湖游千岛湖长江三峡名湖单元5公园游张家界桂林名河单元6名城游上海海口南京单元7表单E游调查E游留言薄E游注册单元8山岳游黄山泰山庐山单元9生态游云南九寨沟地质公园和森林公园单元10E游天下E游天下网主页快乐旅游网主页爱旅游网主页单元11E游天下网E游天下网快乐旅游网爱旅游网第9部分教学任务设计网页设计与制作任务设计如下表所示。单元序号网页设计与制作任务单元1【任务1-1】创建“E游天下”站点并浏览网页【任务1-1-1】创建本地站点“E游天下”【任务1-1-2】认识DreamweaverCS6的工作界面【任务1-1-3】打开与保存网页文档0101.html【任务1-1-4】在浏览器中浏览网页0101.html【任务1-2】赏析“快乐旅游”网的主页【任务1-3】赏析“爱旅游”网的主页单元2【任务2-1】制作总览旅游景点的文本网页【任务2-1-1】建立站点目录结构【任务2-1-2】创建与保存网页文档0201.html【任务2-1-3】设置网页的首选参数【任务2-1-4】设置页面的整体属性【任务2-1-5】在网页中输入文字【任务2-1-6】输入与编辑网页中的文本【任务2-1-7】网页文本的格式化【任务2-1-8】插入与文本相关的元素并设置其属性【任务2-1-9】设置超链接与浏览网页效果【任务2-2】制作介绍中国名河的文本网页【任务2-3】制作介绍中国名山的文本网页单元3【任务3-1】制作介绍中国瀑布的图文混排网页【任务3-1-1】使用“管理站点”对话框创建站点“单元3”【任务3-1-2】应用“文件”面板新建网页“0301.html”【任务3-1-3】设置页面的背景图像【任务3-1-4】从外部导入文本与设置文本格式【任务3-1-5】插入图像与设置图像属性【任务3-1-6】插入鼠标经过图像及设置其属性【任务3-2】制作介绍中国名泉的图文混排网页【任务3-3】制作介绍中国名岛的图文混排网单元4【任务4-1】制作以表格布局的展示千岛湖旅游景点的网页【任务4-1-1】插入表格1并设置其属性【任务4-1-2】在表格1中插入SWF动画并设置其属性【任务4-1-3】设置表格1单元格的背景图像【任务4-1-4】在表格1的单元格中输入文本【任务4-1-5】设置滚动文本效果【任务4-1-6】插入表格2并设置其属性【任务4-1-7】设置表格2及设置行、列属性【任务4-1-8】在表格2第1列的单元格中插入图像并设置其属性【任务4-1-9】在表格2第2列两个单元格中输入文本并设置其属性【任务4-1-10】在表格2的第3列单元格中插入嵌套表格2-1【任务4-1-11】插入表格3并设置其属性【任务4-1-12】插入表格4并设置其属性【任务4-1-13】插入嵌套表格4-1并设置其属性【任务4-1-14】插入表格5并设置其属性【任务4-1-15】设置网页头文件的内容【任务4-2】制作以表格布局的展示三峡旅游景点的网页【任务4-3】制作以表格布局的介绍中国名湖的网页单元5【任务5-1】制作包含超级链接的展示张家界景点的网页【任务5-1-1】创建网页文档0501.html【任务5-1-2】在网页0501.html中绘制或插入APDiv【任务5-1-3】在网页0501.html中创建多种类型的超级链接【任务5-2】制作包含超级链接的展示桂林旅游景点的网页【任务5-3】制作包含超级链接的介绍中国名河的网页单元6【任务6-1】使用模板和库制作上海游的网页【任务6-1-1】创建库项目【任务6-1-2】在网页中插入库项目【任务6-1-3】创建网页模板【任务6-1-4】定义与修改可编辑区域和可选区域【任务6-1-5】创建基于网页模板的网页【任务6-1-6】修改网页模板并更新网页【任务6-1-7】修改库项目并更新网页【任务6-2】使用模板和库制作海口游的网页【任务6-3】使用模板和库制作南京游的网页单元7【任务7-1】制作1个E游调查的表单网页【任务7-1-1】插入表单域及其属性设置【任务7-1-2】插入表单控件与设置其属性【任务7-1-3】预设文本域中输入文字的字体和大小【任务7-1-4】使用Spry验证表单数据的有效性【任务7-1-5】应用行为实现表单网页所需的功能【任务7-1-6】调用外部JavaScript脚本文件实现表单网页所需的功能【任务7-2】制作1个E游留言薄【任务7-3】制作1个注册网页单元8【任务8-1】使用CSS布局与美化“黄山游”网页【任务8-1-1】网页页面的布局设计【任务8-1-2】创建页面布局样式【任务8-1-3】创建美化页面元素的样式【任务8-1-4】插入Div标签对网页的页面进行布局【任务8-1-5】新建代码片断实现常见功能【任务8-1-6】在页面各个区块输入文字和插入页面元素【任务8-2】使用CSS布局与美化“泰山游”网页【任务8-3】使用CSS布局与美化“庐山游”网页单元9【任务9-1】制作包含特效的“云南旅游”网页【任务9-1-1】实现在网页中显示当前日期的特效【任务9-1-2】实现在不同时间段显示不同问候语的网页特效【任务9-1-3】实现动态改变网页中文本字体大小的网页特效【任务9-1-4】实现关闭网页时自动弹出对话框的特效【任务9-1-5】实现滚动网页标题栏文字的特效【任务9-1-6】实现鼠标指针指向不同超级链接切换不同图片的网页特效【任务9-1-7】实现转动鼠标滚轮缩放图片的网页特效【任务9-2】制作包含特效的“九寨沟旅游”网页【任务9-3】制作包含特效的“公园游”网页单元10【任务10-1】制作“E游天下”网站的主页【任务10-1-1】网站主页主体布局结构设计【任务10-1-2】网站主页局部布局结构设计【任务10-1-3】设计与制作包含导航栏的网页文档top_nav.html【任务10-1-4】设计与制作包含连续滚动图片特效的的网页文档image_move.html【任务10-1-5】创建实现底部导航栏和版权信息的脚本文件【任务10-1-6】在网站主页的顶部导航区域插入浮动框架【任务10-1-7】设计与制作网站主页的中部区域【任务10-1-8】在主页中插入APDiv对象和SWF动画【任务10-1-9】在主页index1001.html中插入外部脚本文件【任务10-1-10】在主页index1001.html中实现状态栏中文字的移动效果【任务10-2】制作“快乐旅游”网站的主页【任务10-3】制作“爱旅游”网站的主页单元11【任务11-1】整合与发布“E游天下”网站【任务11-1-1】新建网页文档index.html【任务11-1-2】设置网站主页的超级链接【任务11-1-3】测试“E游天下”网站【任务11-1-4】清理网页文档【任务11-1-5】申请域名与申请空间【任务11-1-6】发布网站【任务11-1-7】宣传与推广网站【任务11-2】整合与发布“快乐旅游”网站【任务11-3】整合与发布“爱旅游”网站任务合计主任务合计：33项，子任务合计：80项

第10部分教学实施方案设计教学单元1赏析网页教学项目P4-1：赏析网页学时:2教学目标1．了解网页的相关概念、术语与网页的主要构成元素2．掌握Dreamweaver的界面布局与工作环境3．能分析优秀网页的布局结构、颜色搭配、视觉效果等任务描述1．认识网页、网站和浏览器窗口的基本组成2．认识网页的基本组成元素和网页的布局结构3．了解制作网页的常用软件4．了解网页的相关概念和术语步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课程分析与操作准备网页设计与制作类岗位需求分析课程定位介绍考核方法说明学习方法说明启动浏览器（例如IE浏览器），然后在地址栏中输入相应的地址并回车就能浏览该网页引导教学法102网页效果浏览赏析“E游天下”网站的主页项目教学法任务驱动教学法53方法引导与操作示范分析优秀网页的布局结构、颜色搭配、视觉效果等网页的相关概念、术语与网页的主要构成元素Dreamweaver的界面布局与工作环境案例教学法154模仿训练学生分组浏览指定的网站，分析网页的结构、色彩和组成元素教师巡视答疑案例教学法105引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练赏析“快乐E游”网的主页分组教学法案例教学法207同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法108拓展训练任务布置赏析“爱旅游”网的主页分组教学法39课堂小结归纳网页的相关概念、术语与网页的主要构成元素指出学生操作过程中容易出现的错误讲授法510新课提示预习制作图文混排网页的相关知识讲授法2教学单元2制作图文混排网页教学项目P4-2：制作图文混排网页学时:6教学目标1．掌握对网页文档的基本操作2．掌握设置网页整体属性的操作方法3．掌握在网页中输入文字、编辑文本、设置文本属性、设置项目列表、输入空格、文本换行的操作方法4．掌握在网页中插入特殊字符、插入水平线和插入日期的操作方法5．掌握在网页中插入图像、鼠标经过图像、的方法6．掌握设置页面背景图像和图像属性的方法7．能创建与管理站点8．能进行页面控制9．能进行文本操作10．能在网页中进行图文混排任务描述1．站点的创建与管理2．在网页中进行页面控制3．制作文本网页4．制作图文混排的网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价启动DreamweaverCS3认识DreamweaverCS3的工作界面引导教学法102网页效果浏览制作文本网页“旅游景点总览”制作图文混排网页“瀑布游”项目教学法任务驱动教学法103方法引导与操作示范文件面板的使用站点的创建与管理页面属性的设置设置段落格式和文档结构创建项目列表和编号列表插入特殊字符、水平线、日期对象在页面中插入图像创建鼠标经过图像设置图像属性案例教学法1204模仿训练学生模仿完成“制作文本网页‘旅游景点总览’、制作图文混排网页‘瀑布游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作介绍中国名河的文本网页制作介绍中国名泉的图文混排网页分组教学法案例教学法807同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置制作介绍中国名山的文本网页制作介绍中国名岛的图文混排网页分组教学法39课堂小结归纳制作图文混排网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作表格布局网页的相关知识讲授法2教学单元3制作表格布局的网页教学项目P4-3：制作表格布局的网页学时:8教学目标1．能正确地插入表格，并合理地设置表格的属性2．能正确地在表格中插入嵌套表格，并合理地设置嵌套表格的属性3．掌握单元格的合并、拆分、插入和删除的操作方法4．能正确地设置表格中行和列的属性5．能正确设置表格、单元格的背景图像和背景颜色6．能正确地在表格中输入文字并定位任务描述1．在网页中插入表格2．设置表格和单元格属性3．在表格中插入网页元素步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价在本地硬盘创建文件夹启动DreamweaverCS3创建名称为“江湖游”的本地站点新建网页文档。设置网页标题保存该网页引导教学法152网页效果浏览制作表格布局的网页“江湖游”项目教学法任务驱动教学法103方法引导与操作示范插入表格设置表格属性插入嵌套表格单元格属性设置在表格中插入网页元素案例教学法1154模仿训练学生模仿完成“制作表格布局的网页‘江湖游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作以表格布局的展示三峡旅游景点的网页分组教学法案例教学法807同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置制作以表格布局的介绍中国名湖的网页分组教学法39课堂小结归纳制作表格布局的网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作包含APDiv与超级链接网页的相关知识讲授法2教学单元4制作包含APDiv与超级链接的网页教学项目P4-4：制作包含APDiv与超级链接的网页学时:6教学目标1．能创建网页的内部链接和外部链接2．能在图像中设置热点区域，并创建图像热点链接3．能创建命名锚记和到该命名锚记的链接4．能创建电子邮件链接5．能更改链接颜色、设置链接的打开方式、设置空链接6．能测试链接的有效性7．能插入或绘制APDiv，并合理地设置APDiv的属性8．能正确在APDiv中插入flash动画9．能正确插入浮动框架iframe，并设置其属性10．进一步熟悉使用表格进行网页布局，灵活设置表格及单元格的属性11．掌握滚动图片的方法12．掌握绝对路径和相对路径以及链接的类型任务描述1．在网页中绘制或插入三个APDiv，在APDiv中插入Flash动画或图像2．在网页中创建多个超级链接步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“公园游”的本地站点创建网页文档引导教学法202网页效果浏览制作包含APDiv和超级链接的网页“公园游”项目教学法任务驱动教学法103方法引导与操作示范绘制或插入APDiv创建外部链接创建内部链接创建电子邮件链接创建锚点链接创建图像热点链接创建文件下载链接创建空地址链接检查链接创建文字形式的导航栏实现滚动图片功能案例教学法754模仿训练学生模仿完成“制作包含APDiv和超级链接的网页‘公园游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法156同步训练制作展示桂林旅游景点的网页分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置制作包含多种超级链接的介绍中国名河的网页分组教学法39课堂小结归纳制作包含APDiv与超级链接网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习使用模板和库制作网页的相关知识讲授法2教学单元5使用模板和库制作网页教学项目P4-5：使用模板和库制作网页学时:6教学目标1．能制作用来生成模板的网页，并将现有的网页生成模板2．能正确编辑模板，掌握设置可编辑区域的方法3．掌握用模板生成新网页的操作方法，并能对新网页进行编辑加工4．能熟练地修改网页模板，并同步更新该模板生成的网页5．能创建库项目，并且能修改库项目，更新包含库项目的网页6．掌握插入图像占位符的方法7．能使用多层嵌套表格布局网页8．掌握模板和库的作用9．了解CSS样式的简单应用任务描述1．创建库项目，并在网页中插入库项目2．由现有的网页文档生成网页模板，在网页模板中定义和修改可编辑区域、可选区域3．创建基于网页模板的网页，修改和更新网页模板属性4．修改网页模板和库项目，并更新基于网页模板的网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“名城游”的本地站点制作用来生成网页模板的网页引导教学法202网页效果浏览使用模板和库制作网页“名城游”项目教学法任务驱动教学法103方法引导与操作示范创建库项目在网页中插入库项目创建网页模板定义与修改可编辑区域和可选区域创建基于网页模板的网页修改网页模板并更新网页修改库项目并更新网页案例教学法804模仿训练学生模仿完成“使用模板和库制作网页‘名城游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练使用模板和库制作海口游的网页分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置使用模板和库制作南京游的网页分组教学法39课堂小结归纳使用模板和库制作网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作表单网页的相关知识讲授法2教学单元6制作表单网页教学项目P4-6：制作表单网页学时:6教学目标1．能正确设置虚拟目录2．能创建动态站点3．能在网页中正确插入表单域4．能在表单域中正确插入各项表单控件5．了解使用Spry验证控件实现对表单控件内容的检测6．掌握检查提交表单数据的正确性的方法7．能引用外部JavaScript脚本文件验证表单数据任务描述1．创建动态站点2．在网页中插入表单域3．设置表单域的属性4．在表单域中插入表单控件5．使用Spry和行为验证表单数据的有效性6．引用外部JavaScript脚本文件实现表单网页所需的功能步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“E游调查”的本地站点新建一个用于插入表单的网页文档引导教学法202网页效果浏览制作表单网页“E游调查”项目教学法任务驱动教学法103方法引导与操作示范设置虚拟目录创建动态站点插入表单域插入表单控件设置表单域属性设置表单控件属性检查表单数据的正确性案例教学法804模仿训练学生模仿完成“制作表单网页‘E游调查’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练创建一个简单的E游留言薄分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置创建一个注册网页分组教学法39课堂小结归纳制作表单网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习使用Div+CSS布局网页的相关知识讲授法2教学单元7使用Div+CSS布局网页教学项目P4-7：使用Div+CSS布局网页学时:6教学目标1．能设计页面的布局结构2．能创建页面布局样式3．能插入Div标签对网页的页面进行布局任务描述1．页面的布局设计2．创建页面布局样式3．插入Div标签对页面进行布局步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“山岳游”的本地站点新建标题为“山岳游”的网页引导教学法52网页效果浏览使用CSS布局网页“山岳游”项目教学法任务驱动教学法103方法引导与操作示范页面的布局设计创建布局样式布局样式属性的设置插入Div标签，并应用布局样式案例教学法854模仿训练学生模仿完成“使用CSS布局网页‘山岳游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法645引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练使用CSS布局“泰山游”网页分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置使用CSS布局“庐山游”网页分组教学法39课堂小结归纳使用Div+CSS布局网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习使用CSS美化网页的相关知识讲授法2教学单元8使用CSS美化网页教学项目P4-8：使用CSS美化网页学时:4教学目标1．能创建美化页面元素的样式2．能在使用Div＋CSS布局的网页中输入文字和插入各种页面元素3．能创建代码片断，且在网页中插入已有的代码片断4．能应用美化页面元素样式美化网页任务描述1．创建美化页面元素的样式2．输入文字和插入各种页面元素3．创建代码片断，且在网页中插入已有的代码片断4．应用美化页面元素样式美化网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“山岳游”的本地站点打开使用CSS布局网页“山岳游”引导教学法52网页效果浏览使用CSS美化网页“山岳游”项目教学法任务驱动教学法103方法引导与操作示范创建美化页面元素的样式美化页面元素样式属性的设置新建代码片断在页面各个区块中输入文字或插入页面元素应用美化页面元素样式美化网页案例教学法1204模仿训练学生模仿完成“使用CSS美化网页‘山岳游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练使用CSS美化“泰山游”网页分组教学法案例教学法857同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置使用CSS美化“庐山游”网页分组教学法39课堂小结归纳使用CSS美化网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作包含特效网页的相关知识讲授法2教学单元9制作包含特效的网页教学项目P4-9：制作包含特效的网页学时:8教学目标1．能编写简单的JavaScript程序，能看懂较复杂的JavaScript程序，明确其实现的功能和各语句的含义2．能根据功能需求改写JavaScript程序代码，以改进或扩展其功能3．能使用JavaScript技术制作网页特效任务描述1．在网页中显示当前日期2．在不同时间段显示不同问候语3．滚动网页标题栏中的文字4．动态改变网页中文本字体大小5．关闭网页时自动弹出小窗口步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“生态游”的本地站点打开制作网页特效的网页“生态游”为网页应用外部样式引导教学法102网页效果浏览制作包含特效的“云南旅游”网页项目教学法任务驱动教学法103方法引导与操作示范JavaScript基本语法JavaScript对象Windows对象Document对象常用内置对象JavaScript代码嵌入HTML代码运用JavaScript技术制作网页特效案例教学法1154模仿训练学生模仿完成“制作包含特效的‘云南旅游’网页”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作包含特效的“九寨沟之游”网页分组教学法案例教学法857同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置制作包含特效的“公园游”网页分组教学法39课堂小结归纳制作包含特效网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习整合与发布网站的相关知识讲授法2教学单元10整合与发布网站教学项目P4-10：整合与发布网站学时:4教学目标1．能整合网站2．了解域名的设计与申请方法3．能测试网站4．能发布网站5．了解宣传与推广网站的方法任务描述1．优化网页2．将多个网页整合成一个网站3．测试网站4．申请网站域名和网页空间5．发布网页6．宣传与推广网站步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价在本地硬盘创建文件夹启动DreamweaverCS3创建名称为“E游天下”的本地站点引导教学法52网页效果浏览整合与发布网站“E游天下”项目教学法任务驱动教学法53方法引导与操作示范将多个网页整合成一个网站网站测试方法域名的设计与申请方法网站的发布方法网站的维护与更新案例教学法554模仿训练学生模仿完成“整合与发布网站‘E游天下’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法405引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练整合与发布网站“快乐E游”分组教学法案例教学法407同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法158拓展训练任务布置整合与发布网站“爱旅游”分组教学法39课堂小结归纳整合与发布网站的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作一个完整静态网站的相关知识讲授法2教学单元11制作商品购物网站教学项目P4-11：制作商品购物网站学时:8教学目标1．了解网站开发流程2．掌握网页设计原理与技巧3．能应用CSS样式设计布局网页4．能设计与制作导航栏，会正确使用浮动框架5．能插入网页元素6．能利用模板和库创建网页7．能在网页中设置超级链接任务描述1．画出网站的整体结构，对每个网页进行规划2．使用Div+CSS和表格联合布局网页3．设计与制作导航栏4．插入网页元素5．利用模板和库制作网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价启动DreamweaverCS3创建名称为“商品购物网站”的本地站点引导教学法52网页效果浏览制作商品购物网站项目教学法任务驱动教学法103方法引导与操作示范网站开发流程网站规划与组织网页设计基本原理与方法网页设计的规范案例教学法404模仿训练学生模仿完成“制作商品购物网站”项目的部分制作，允许一定的自由发挥教师巡视答疑案例教学法1605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作商品购物网站分组教学法案例教学法857同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置完善商品购物网站分组教学法59课堂小结归纳制作一个完整网站的相关知识指出学生操作过程中出现的错误讲授法5

第11部分《网页设计与制作》学习指导单元1创建站点与浏览网页制作网页之前，应该先在本地计算机磁盘上建立一个站点，使用站点对网页文档、样式表文件、网页素材进行统一管理。如果使用了外部文件，Dreamweaver就会自动检测并提示是否将外部文件复制到站点内，以保持站点的完整性。如果某个文件夹或文件重新命名，系统会自动更新所有的链接，以保证原有链接关系的正确性。在制作网页之前，通过浏览网页，认识浏览器窗口的基本组成和网页的基本组成元素，认识网页的布局结构，了解网页的基本概念。教学目标（1）学会创建本地站点和管理本地站点（2）熟悉DreamweaverCS6的工作界面（3）熟悉浏览器窗口的基本组成和网页的基本组成元素（4）了解网页的相关概念（5）认识网页的基本布局结构（6）了解一些制作网页、处理图像、制作动画的工具本单元重点（1）创建本地站点（2）网页的基本组成元素和网页的布局结构本单元难点（1）网页的布局结构（2）网页的基本概念教学方法任务驱动法、分组讨论法、四步训练法（操作准备－引导训练－同步训练－拓展训练）课时建议2课时（含考核评价）单元2制作文本网页网页中的信息主要通过文字来表达的，文字是网页的主体和构成网页最基本的元素，它具有准确快捷地传递信息、存储空间小、易复制、易保存、易打印等优点，其优势很难被其他元素所取代。在DreamweaverCS6中输入文本与在Word中输入文本很相似，都可以对文本的格式进行设置。本单元通过制作一个文本网页，学会建立站点目录结构、创建网页文档、设置网页的首选参数、设置页面的整体属性、在网页中输入与编辑文本、对网页文本进行格式化处理。教学目标（1）学会建立站点目录结构（2）熟悉创建和保存网页文档等基本操作（3）学会设置网页的首选参数（4）掌握设置网页的整体属性（5）掌握在网页中输入文字、编辑文本、设置文本属性的操作方法（6）掌握在网页中设置项目列表、输入空格和文本换行的操作方法（7）掌握在网页中插入特殊字符、水平线和日期的操作方法（8）熟悉HTML的基本结构本单元重点（1）对网页文档的基本操作（2）在网页中输入文字、编辑文本和设置文本属性（3）在网页中设置项目列表、输入空格和文本换行本单元难点（1）设置项目列表、输入多个连续空格（2）网页中插入特殊字符、插入水平线教学方法任务驱动法、分析探究法、四步训练法课时建议4课时（含考核评价）单元3制作图文混排网