《静态网页设计与制作》教学大纲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. 概述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、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.参考书：提供相关的参考书籍，为学生提供更多的学习资源。
