静态网页设计教学大纲
《静态网页设计与制作》教学大纲
《静态网页设计与制作》教学大纲Design and production of static pages适用专业：计算机科学与技术（特教）课程编号：前修课程：无学分：2.5 总学时：40 一、课程的性质、目的与要求课程性质：专业课教学目的：在掌握计算机网络的基本知识和基本理论的基础上，使学生通过本课程的学习，掌握DreamweaverMX的使用方法，学会使用DreamweaverMX制作Web网页的技术。
教学要求：通过本课程的学习，掌握DreamweaverMX软件的使用方法,能够创建一个企业的电子商务站点，高效的管理Web内容和站点结构；培养具备较强的逻辑思维能力和独立思考能力。
二、教学内容理论总学时：16学时第一篇快速入门6学时1、初识Dreamweaver 1学时基本要求：掌握DreamweaverMX的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法；理解站点、网站、网页及网页属性的概念；了解DreamweaverMX的汉化方法。
重点：DreamweaverMX的人—机交互界面的组成与使用方法。
难点：理解站点、网站、网页及网页属性的概念。
2、网页制作入门1学时基本要求：掌握创建Web站点的基本方法与步骤；熟悉网页制作过程中所涉及的一些基本概念与常识。
重点：本章通过一个网页制作示例，比较全面的介绍了Web站点的创建过程，概括的介绍了使用DreamweaverMX制作网页的主要方法。
难点：理解站点、网站、网页及网页属性的概念；站点管理器的使用。
3、站点管理1学时基本要求：了解通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法；熟悉站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；掌握通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。
重点：本章重点介绍了站点的创建、站点地图的使用以及文件的下载、上传与同步更新。
难点：站点管理器的使用。
静态网页大纲
《静态网页》课程教学大纲一、《静态网页》课程说明（一）开课对象：计算机大一（二）课程性质：本课程是计算机网络技术专业的一门职业技术课。
本课程的教学任务是讲授在网页设计中较为流行Dreamweaver。
主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识，Dreamweaver网页制作集成工具使用方法等内容。
通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
（三）教学目的通过本课程的学习，使学生掌握构建网站的基本知识，要求学生能够熟练使用Dreamweaver8的操作环境，掌握HTML的常用语法规则，并能够利用Dreamweaver的强大功能制作出精美的网页，同时能独立创建并管理网站（四）教学内容本课程主要包括基本html语句的语法，各种内容在网页中的插入，表格布局，css样式表，层的使用，站点的管理（五）教学时数教学时数：54学时学分数：3学分教学时数具体分配：（六）教学方式本课是在机房教学，教师以演示讲解为主，学生以模仿后举一反三配合任务驱动来学习。
（七）考核方式和成绩记载说明考核方式为考试。
严格考核学生出勤情况，达到学籍管理规定的旷课量取消考试资格。
综合成绩根据平时成绩和期末成绩评定，由于本课程比较注重学生平时的上机能力，故平时成绩占50% ，期末成绩占50% 。
二、讲授大纲与各章的基本要求第1章html入门教学目的与要求：掌握基本的html语言语法格式，几种最常用标记的插入和属性的设置教学内容和考核：1.1 html基本语法格式（熟练掌握）1.2 通过html语句控制表格，文字，图片一、文本控制（熟练掌握）二、创建和设置表格（熟练掌握）三、插入和设置图片（熟练掌握）四、综合使用教学重点和难点1、认识什么是网页。
2、掌握网页的基本结构。
3、掌握使用记事本结合html语句创建简单网页第2章Dreamweaver基础入门教学目的与要求：通过本章学习，学生应掌握Dreamweaver的启动与退出、文档的基本操作、站点的创建、站点的编辑以及站点的管理等基本知识。
静态网页编写教案模板
静态网页编写教案模板教案标题：静态网页编写教案模板教案概述：本教案旨在引导学生学习静态网页编写的基本知识和技能。
通过本课的学习，学生将了解静态网页的概念、结构和常用标签，并能够运用所学知识编写简单的静态网页。
教学目标：1. 理解静态网页的定义和特点；2. 掌握静态网页的基本结构和常用标签；3. 能够运用HTML和CSS编写简单的静态网页；4. 培养学生的团队合作和问题解决能力。
教学重点：1. 静态网页的概念和特点；2. 静态网页的基本结构和常用标签；3. HTML和CSS的基本语法和用法。
教学准备：1. 电脑和投影仪；2. 网页编辑器软件（如Sublime Text、Dreamweaver等）；3. 静态网页编写教材或教学资源；4. 静态网页示例。
教学过程：步骤1：导入与激发兴趣（5分钟）- 引导学生思考并回答问题：“你平时在浏览网页时，有没有想过这些网页是如何制作的？”- 分享一些优秀的静态网页示例，激发学生对静态网页编写的兴趣。
步骤2：概念讲解（10分钟）- 介绍静态网页的定义和特点，解释其与动态网页的区别。
- 引导学生思考静态网页的应用场景和优缺点。
步骤3：基本结构和标签介绍（15分钟）- 介绍静态网页的基本结构，包括<html>、<head>、<body>等标签的作用。
- 介绍常用的HTML标签，如标题标签（<h1>~<h6>）、段落标签（<p>）、链接标签（<a>）等，并讲解其基本用法和属性。
步骤4：编写简单静态网页（30分钟）- 分发静态网页编写教材或教学资源，让学生根据示例进行实践。
- 引导学生运用所学知识编写一个包含标题、段落和链接的简单静态网页。
步骤5：展示和分享（10分钟）- 邀请学生展示他们编写的静态网页，并鼓励他们分享编写过程中的心得和困惑。
- 教师进行点评和总结，强调学生的努力和进步。
步骤6：课堂练习（20分钟）- 分发练习题，让学生在规定时间内完成编写一个包含图片和列表的静态网页。
静态网页设计课程标准
《静态网页设计》课程标准1. 概述1.1课程的性质本课程是计算机应用技术、软件服务外包、计算机网络与安全管理专业的必修课，培养学生运用Dreamweaver制作网页前台技术，通过本课程的学习，要求学生掌握网页设计与制作的基本概念，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，学生能够掌握HTML、CSS、简单的Javascript的专业知识和专业技能。
1.2课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
1.3课程开发思路按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以形成静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
2.课程目标本课程的培养目标是：使学生具备成为本专业的高素质技能型人才所必需的思维与动手能力；使学生能全面掌握HTML、CSS技术和技能，具备适应职业变化的能力以及继续学习新知识的能力；使学生通过项目的实现，具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。
2．1知识目标（1）掌握网站与网页的基本组成；（2）掌握HTML标签的语法与常用的HTML标签；（3）掌握CSS的书写与语法，以及常用的CSS属性；（4）认识Javascrip控制网页元素的基本方法（5）认识Javascript验证部分表单2．2素质目标（1）培养学生谦虚、好学的品质；（2）培养学生勤于思考、做事认真的良好作风；（3）培养学生良好的职业道德；（4）培养按时、守时的软件交付观念；（5）培养阅读设计文档、编写程序文档的能力。
用Html做制作静态网页教案
用HTML制作静态网页教案一、教学目标1. 了解HTML的基本概念和作用。
2. 掌握HTML的基本标签及其使用方法。
3. 能够使用HTML编写简单的静态网页。
二、教学内容1. HTML的基本概念和作用HTML的定义HTML的作用2. HTML的基本标签标签的概念常用的标签及其作用标签的属性3. 编写简单的静态网页网页的结构网页的布局网页的内容三、教学方法1. 讲授法：讲解HTML的基本概念、基本标签及其使用方法。
2. 演示法：展示实例，讲解标签的作用和属性。
3. 练习法：学生动手实践，编写简单的静态网页。
四、教学步骤1. 讲解HTML的基本概念和作用。
2. 讲解HTML的基本标签及其使用方法。
3. 展示实例，讲解标签的作用和属性。
4. 学生动手实践，编写简单的静态网页。
5. 总结和反馈。
五、教学评价1. 课堂讲解的满意度。
2. 学生实践作品的质量。
3. 学生对HTML知识的掌握程度。
六、教学资源1. 教材或教学指导书：提供HTML基本概念、标签及其使用方法的详细介绍。
2. 在线资源：提供HTML标签属性、案例教程和在线练习平台。
3. 编程工具：如Sublime Text、Visual Studio Code等，用于编写和查看HTML 代码。
4. 演示文稿：用于展示HTML的基本概念和实例。
七、教学评估1. 课堂练习：学生在课堂上完成简单的HTML代码编写，以巩固所学知识。
2. 课后作业：布置相关的HTML编写作业，要求学生在课后完成。
3. 作品展示：学生提交完整的静态网页作品，进行互相评价和教师点评。
4. 知识测试：通过笔试或在线测试，评估学生对HTML知识的掌握程度。
八、教学案例1. 案例一：编写一个简单的个人博客网页，包括、段落、图片和等。
2. 案例二：制作一个公司简介网页，包括导航栏、简介内容、服务项目等。
3. 案例三：创建一个在线购物商品列表，展示商品图片、价格和购买。
九、教学拓展1. 学习CSS：介绍CSS的基本概念和作用，为学生提供进一步美化网页的技能。
静态网站课程设计案例
静态课程设计案例一、教学目标本课程旨在通过学习静态的基本概念、技术和方法，使学生掌握HTML、CSS 和JavaScript等基本技能，能够独立设计和制作简单的静态网页。
具体的教学目标如下：1.理解静态的基本概念和组成部分。
2.掌握HTML标签的使用和页面结构的设计。
3.熟悉CSS样式的设置和页面样式的设计。
4.了解JavaScript的基本语法和功能。
5.能够使用HTML编写简单的页面结构。
6.能够使用CSS设置页面样式和布局。
7.能够使用JavaScript实现简单的交互功能。
情感态度价值观目标：1.培养学生的创新意识和解决问题的能力。
2.培养学生的团队合作意识和沟通表达能力。
3.培养学生的自主学习和持续学习的习惯。
二、教学内容根据课程目标，本课程的教学内容主要包括HTML、CSS和JavaScript三个方面。
具体的教学大纲如下：1.HTML基础知识：HTML标签的使用、页面结构的设计。
2.CSS样式设计：CSS选择器、样式规则、布局和设计。
3.JavaScript基本语法：变量、条件语句、循环语句、函数。
4.静态网页制作实践：综合运用HTML、CSS和JavaScript制作简单的静态网页。
三、教学方法为了激发学生的学习兴趣和主动性，本课程将采用多种教学方法相结合的方式进行教学。
具体的教学方法如下：1.讲授法：通过讲解和演示，使学生掌握静态的基本概念和技术。
2.案例分析法：通过分析典型案例，使学生理解和应用HTML、CSS和JavaScript。
3.实验法：通过动手实践，使学生巩固和提升静态网页制作技能。
4.小组讨论法：通过团队合作和讨论，培养学生的合作意识和解决问题的能力。
四、教学资源为了支持教学内容和教学方法的实施，丰富学生的学习体验，我们将选择和准备以下教学资源：1.教材：选用权威、实用的静态网页制作教材，为学生提供系统的学习资料。
2.参考书：提供相关的参考书籍，为学生提供更多的学习资源。
静态网页制作教学设计方案
静态网页制作教学设计方案摘要：随着互联网的普及和发展，静态网页制作已经成为了一项必备的技能。
本文将针对静态网页制作教学，设计一套合理的教学方案。
该方案主要包括教学目标、教学内容、教学方法、教学评价和教学资源等五个方面。
通过本方案的实施，学生将能够全面了解静态网页制作的基础知识和技术，能够独立完成一个简单的静态网页制作任务。
一、教学目标：1. 了解静态网页的基本概念和特点；2. 掌握HTML和CSS的基础知识和技术；3. 掌握使用HTML和CSS制作简单静态网页的方法；4. 能够独立完成一个简单的静态网页制作任务。
二、教学内容：1. 静态网页的基本概念和特点；2. HTML的基础知识和标签；3. CSS的基础知识和属性；4. 静态网页制作实践。
三、教学方法：1. 授课法：通过讲解、示范、演示等方式，向学生传授静态网页制作的基础知识和技术；2. 实践法：组织学生进行实际的静态网页制作实践，巩固所学的知识和技能；3. 项目法：通过给学生布置静态网页制作任务，培养学生的动手能力和创造力。
四、教学评价：1. 启发式评价：通过开展讨论、问答等方式，评价学生对静态网页制作基本概念的理解和运用能力；2. 实际操作评价：通过对学生完成的静态网页作品进行评价，评估学生对HTML和CSS的掌握程度和创作能力；3. 课堂表现评价：通过对学生的课堂参与度、作业完成情况等进行评价，全面了解学生的学习情况。
五、教学资源：1. 教材：提供一本系统介绍静态网页制作的教材作为学习参考；2. 网络资源：提供相关的学习网站、教学视频等资源，方便学生自学和深入学习；3. 实验室设备：提供计算机、网络等设备，供学生实践操作。
六、教学步骤：1. 理论讲解阶段：a. 介绍静态网页的基本概念和特点；b. 系统讲解HTML的基础知识、常用标签的使用方法；c. 系统讲解CSS的基础知识、常用属性的使用方法。
2. 实践操作阶段：a. 学生根据所学的知识，设计一个简单的静态网页的结构和布局；b. 学生使用HTML和CSS编写静态网页代码；c. 学生通过浏览器查看、调试静态网页，确保其效果符合设计要求。
教学大纲模板
附表2011 -2012 学年第一学期教学大纲格式《静态网页制作》课程教学大纲(黑体,小3号) 课程编号:课程名称：《静态网页制作》（段前空2格，宋体，5号字）英文名称：课程类型: 必修课总学时：68 讲课学时：32 实践学时：24 实验学时：12学分：适用对象: 大学本科、专科计算机相关专业学生一、课程性质、目的和任务（黑体，小4号字）本课程是属于静态网页制作范畴，是计算机专业的必修课程。
本课程通过学习Dreamweaver CS3这一个优秀的网页制作工具的使用，使学生掌握静态网页制作的方法，步骤；掌握Dreamweaver CSS主要功能，熟悉站点的建立和管理、网页布局、色彩搭配、特效制作的方法；掌握HTML语言的功能、CSS样式的应用等。
通过本课程学习，激发学生学习网页制作的兴趣，并为后续课程动态网页制作打下基础。
正文为宋体，5号字二、教学基本要求（黑体，小4号字）1、课堂教学以网页制作任务为主线，实行“任务驱动、案例教学、理论实践一体化”的教学方法。
教学场所设在微机实训教室。
2、教学中以训练网页制作技能为重点，在操作过程中逐步增长知识，积累经验固化能力。
体现“做中学、做中会”的教学理念。
3、充分调动学生学习的积极性，强调培养学生动手操作能力。
学生操作以个人操作为主，小组协作为辅。
正文为宋体，5号字三、教学内容及要求（黑体，小4号字）正文为宋体，5号字（此部分根据具体课程，可以按照章节列出具体内容，也可以根据内容分块）第一章、网页的初步认识。
要求：1、了解网页与网站的概念2、认识网页的基本组成元素（文本、图像、动画、超级链接、导航栏、视频、网站的Logo、表单等）3、认识网页的布局结构4、了解制作网页的常见工具软件。
第二章制作文本网页要求：1、熟悉Dreamweaver的启动和退出方法2、了解Dreamweaver的工作界面；3、学会创建与设置本地站点；4、掌握在网页中输入文字、编辑文字、设置文本格式；5、掌握在网页中输入特殊字符，插入水平线和插入日期等操作6、掌握输入空格、文本换行，设置段落项目列表的操作；第三章制作图文混排网页1、掌握应用“高级”方式创建站点的方法2、掌握应用“文件”面板新建网页的方法3、掌握设置页面的背景图像的方法4、掌握在网页中插入图像与设置图像属性的方法6、掌握在网页中插入鼠标经过图像的方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
静态网页设计教学大纲
课程概述
1.课程性质
《静态网页设计》课程是高职计算机应用技术、计算机网络、软件技术等相关计算机专业的一门专业必修课程。
2.课程设计理念
本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化。
项目特别强调对学生操作能力和解决问题能力的培养，充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
3.课程开发思路
本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。
颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。
带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。
经验从实践中来，因此学生实验课时约占到了总课时的三分之二。
让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
授课目标
通过本课程的学习使学生具备网页制作、网站规划与网站维护的专业能力，培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
作为计算机相关专业的核心主干课程，使学生掌握商业网站的开发流程，并能独立进行操作。
学生毕业后可胜任网站管理员、网页设计师等工作岗位。
课程大纲
第一章网页设计基础知识
1.1：网站剖析
1.2：网站开发流程
1.3：Dreamweaver CS6的安装
第二章生活网网站的创建
2.1 初识Dreamweaver CS6
2.2 新建和管理站点
2.3 为网页设置头信息和页面属性——页面总体设置
前两章测验
第三章生活网网站页面的布局
3.1 使用表格布局页面
3.2 使用AP Div布局页面
3.3 使用框架布局网页
第三章测验
第四章输入和编辑网页元素
4.1 添加文本类网页元素
4.2 在网页中添加图像
4.3 在网页中添加多媒体元素
第四章单元测验
第五章网站内容的链接与特效网页的制作——应用链接与行为5.1 设置网站中的超级链接
5.2 利用行为制作网站中的特效网页
5.3 制作页面中的弹出式菜单
5.4 利用CSS美化页面
第五章测验
第六章利用模板和库创建页面
6.1 利用模板创建页面
6.2 利用库项目创建页面
第六章测验
第七章利用表单创建交互式页面
7.1 利用表单创建酒店预订客户页面（一）7.2 利用表单创建酒店预订客户页面（二）7.3 利用表单创建酒店预订客户页面（三）第七章测验
第八章项目综合实训分析
项目实训概述
8.1 个人网页设计分析
8.2 文化类网页的设计分析
8.3 旅游休闲类网页的设计分析
第九章HTML5+CSS3
9.1 初始HTML
9.2 HTML代码编辑工具
9.3 网页基本信息
9.4 基本HTML5标签
第九章测验
第十章HTML5高级标签
10.1 列表
10.2 表格
10.3 表单
第十章测验
第十一章CSS3入门
11.1 CSS3简介
11.2 CSS3核心基础
11.3 文本样式属性
11.4 CSS3选择器
11.5 CSS3盒子模型
预备知识
1、计算机应用基础
（1）计算机的基本概念知识；
（2）计算机基本操作能力；
（3）Internet基础知识；
2、PhotoShop基础应用
（1）版面设计知识
（2）配色相关知识
（3）平面图像处理基本技能
参考资料
1、Dreamweaver CS6实例教程魏三强李静杨子燕主编人民邮电出版社出版
2、网页设计与制作任务驱动式教程陈承欢主编高等教育出版社出版
3、HTML5+CSS3网站设计基础教程传智播客高教产品研发部编著人民邮电出版社
4、HTML5+CSS3前端技术北京课工场教育科技有限公司编著中国水利邮电出版社。