《网页制作》课程授课计划
中等职业学校《网页制作》的课程标准
XXXX中等职业学校《网页制作》的课程标准一、课程的性质与任务（一）课程性质《网页制作》是我校计算机应用专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件AdobeDreamweaverCS3,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
（二）课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程,学生可以掌握以下技能和知识：1.掌握网站的开发流程，如建站规划、效果图制作、建立站点、发布网站等相关知识。
2.掌握各种网页元素在DremweaverCS3中的使用。
例如，文本、表格、图像、超级链接、层、框架和表单等。
3.掌握HTML,理解各种标记的功能和用法。
4.掌握在DrenIWeaVerCS3中使用CSS控制网页元素的方法。
5.掌握在DrenIWeaVerCS3中使用JavaScript制作网页特效的基本方法。
6.能够解决一些网页设计中的常见问题。
（三）本课程的特点1.课程注重实际应用，即实践性强。
2.涉及的DremweaverCS3软件是目前网页制作工作中较为流行的软件，是“网页三剑客”之一，具有较强的实践性，学习难度不大。
3.突出理论联系实际，实作课时占总课时的50%以上，实际应用知识占课程总知识量的80%以上。
（四）与相关课程的衔接、配合、分工先修课程：“计算机应用基础”、“图形图像处理（FireWorkS或PhotoShop）"、"Flash动画制作”等。
二、课程目标本课程的基本目标是：使学生通过本课程的学习，掌握DreanIWeaVerCS3的使用方法，学会使用DreamweaverCS3制作Web网页的技术。
本课程学习结束后，学生应能根据实际需要自行设计静态网页，建立网站。
网站页面制作——首页设计教案
XXXXXXX学校《电子商务网站建设与维护实训》课堂教学设计方案分配2.制定计划1.提出问题：如何完成首页的制作？2.打开PPT课件，结合学生的工作计划，给出指导：重申电子商务网站首页的制作依据：①满足用户（即ABC公司）需求；②发挥首页的作用（引导分流作用、信任展示作用）；③满足不同首页用户（网站访问者——“淘”、“逛”）的使用；④首页要素完整（头部形象、搜索、商品分类、推荐及活动）；备注：教师展示当当网等首页和部分学生设计的首页草图，指出其组成要素，并突出重点、强调重点。
⑤布局合理、色彩和谐；⑥简洁、实用、易实现；⑦符合行业规范（见附件）。
备注：启发学生回顾Logo的设计规格，以此引导学生改变依据个人喜好制作网页的习惯，转为按行业规范制作网页，在“教师导读”指导下，“剥葱”式实践中，突破难点。
所需材料：设计好的Logo、banner、网站名称、栏目等；准备好的图片、文字、首页效果草图等。
所需工具：Dreamweaver。
制定工作计划：1.尽可能独立地制定出一个工作计划；2.确定所需要的材料和工具；3.参考PPT及教师指导，完善工作计划。
约4’3.决策给出建议和要求：用表格对首页进行布局，完成首页各组成部分的制作工作。
决策：对工作计划进行审查并决定下来如何执行。
约2’4.执行1.给出评价标准：序号评价项评价1 满足用户需求合格良好优秀2 布局合理、色彩和谐3 简洁、实用、易实现4组成要素完整发挥首页作用～引导分流作用发挥首页作用～信任展示作用满足不同首页用户的使用（“淘”、“逛”）5符合行业规范（参照“网页制作行业规范”1进一步.明确任务的目标要求；2.参考“任务指导书”、依据“评价标准”独立完成工作任务。
约30’ABC公司图书销售网站首页制作任务书一．任务描述在小王所在的网络公司为ABC公司设计了电子商务网站的栏目、风格、连接结构和目录结构后，已经完成了首页的设计工作，并准备好了网页素材，接下来的工作就是制作首页。
网页设计与制作授课计划表
重庆传媒职业学院
授
课
计
划
表
科目：网页设计与制作
系部：艺术系、传媒系
授课教师：何国强、刘汯京
2009—2010学年第1期
2008年9月1日
重庆传媒职业学院
2009-2010学年第1期授课计划编制说明
任课教师：制订时间：2009.9.1
系主任教务处
审核签字：审批签字：
2009－2010学年第1学期《网页设计与制作》授课计划
说明：1、“教学方式”指讲授、课堂讨论、教学参观、实验实习及放录像等。
2、放录像的学时要写明片名和内容；
辅导课放录像填在“课外作业”栏内。
3、本课程的学生必读书目必须在学生参考资料栏内填写清楚。
4、教学授课计划一式三份，审查后一份自留，一份交各系部秘书，一份存教务处。
《HTML+CSS+JavaScript网页制作案例教程》课程教学Design
传智播客《HTML+CSS+JavaScript网页制作案例教程》教学设计课程名称：HTML+CSS+JavaScript网页制作案例教程授课年级：2015年级授课学期：2015学年第二学期教师姓名：某某老师1201 年月日课题名称第5章列表与超链接计划课时6课时内容分析通过第4章盒子模型的学习，已经很容易对网页做一个简单的结构划分。
但是一个网站由多个网页构成，每个网页上都有大量的信息，要想使网页中的信息排列有序，条理清晰，并且网页与网页之间有一定的联系，就需要使用列表和超链接。
本章将对列表标记、超链接标记以及CSS控制列表和超链接的样式进行详细讲解。
教学目标●掌握无序、有序及定义列表的使用，可以制作常见的网页列表模块；●掌握超链接标记的使用，能够使用超链接定义网页元素；●掌握CSS伪类，会使用CSS伪类实现超链接特效；重点及措施教学重点：无序列表、有序列表、定义列表、超链接、链接伪类、锚点链接。
措施：通过上机操作加强学习和补充案例进行巩固。
难点及措施教学难点：有序列表、定义列表、链接伪类。
措施：通过上机操作加强学习和补充案例进行巩固。
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解。
教学过程第一课时（制作“精美电商悬浮框”，讲解无序列表、有序列表）复习上节课内容在讲解本节内容前，抛出以下问题让学生回答，以复习第四章“CSS盒子模型”的相关知识。
1、一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（）A、333pxB、366pxC、336pxD、363px答案：C●盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和；●所以，盒子的总宽度= width（300px）+左内边距（30px）+左右边框宽度之和（3px*2） =336px；说明：教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容的学习。
Dreamweaver网页制作授课计划2010--2011第一学期
深圳市携创技工学校
一体化专业课学期授课计划（代号C-1）
2009 —2010学年第二学期
课程名称Dreamweaver网页制作实用教程
授课专业、班级计算机应用○2班
任课教师谭学明
教研组长
教务科长
教务副校长
二〇一〇年二月二十六日不得用于商业用途
一体化专业课学期授课计划说明（代号C-2）
不得用于商业用途
一体化专业课学期授课计划（代号C-3）
不得用于商业用途
不得用于商业用途
不得用于商业用途
不得用于商业用途
不得用于商业用途
仅供个人用于学习、研究；不得用于商业用途。
For personal use only in study and research; not for commercial use.
Nur für den persönlichen für Studien, Forschung, zu kommerziellen Zwecken verwendet werden.
Pour l 'étude et la recherche uniquement à des fins personnelles; pas à des fins commerciales.
толькодля людей, которые используются для обучения, исследований и не должны использоваться в коммерческих целях.
以下无正文
不得用于商业用途。
《网页的制作》教案【优秀3篇】
一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。
网页设计与制作i
附表1：教学进度计划表专业：电子商务班级：授课计划人：附表2： 《网页设计与制作》课程教学设计和要求 项目一 网站建设基本知识学习目标：了解HTML 的相关知识、概念以及网站的制作流程，掌握用DreamWeaver 制作HTML 网页。
模块一 初识Dreamweaver模块二 制作第一个简单页面项目二 插入图像和多媒体学习目标：掌握网页制作中如何添加图像和多媒体等网页元素，熟练掌握在DreamWeaver 中处理图片和多媒体的方法和技巧。
模块一 插入图像和多媒体模块二制作一个音画网站项目三表格的制作学习目标：掌握网页制作中与表格有关的HTML标记，熟练掌握用DreamWeaver制作数据表格和排版表格。
模块一表格的基本操作模块二利用表格制作一个点歌台网页项目四 设置超级链接学习目标：熟练掌握用DreamWeaver 制作各种超级链接，如：文本的超级链接、图像超级链接，热区的超过级链接，电子邮件链接等。
模块一 班级网站的制作项目五表单的制作学习目标：1、掌握创建表单、向表单中插入表单对象的方法。
2、掌握表单及表单对象属性的设置。
模块一 会员注册页面的制作项目六 CSS 样式表学习目标：要求掌握如何自定义样式表，如何修改原有的HTML 标签样式，怎样用样式表选择器添加动态效果，怎样添加和应用外部样式表。
模块一 认识CSS 样式表模块二制作智丰电脑学校首页项目七 框架学习目标：掌握网页制作中与框架有关的HTML标记，熟练掌握用DreamWeaver 制作框架结构网页。
模块一 框架的基本操作模块二 产品展示类网站制作项目八模板和库学习目标：学会如何创建和使用模板；学会如何创建和使用库项目；能够使用模板和库创建网站页面。
模块一模板和库的基本操作模块二制作基于模板和库的旅游信息页面项目九网页中行为的应用学习目标：通过教学，使学生掌握Dreamweaver 中行为的概念，熟练掌握使用行为面板对行为的各种操作方法。
《网页设计》课程标准
《网页设计》课程标准一、课程定位《网页设计》是虚拟现实应用技术专业的专业学习领域课。
该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。
是一门用途广泛、前景良好的计算机行业课程，是适应计算机虚拟现实应用技术专业课程的需要。
该课程的学习可为后续《JavaScript脚本语言》等课程奠定一定的职业能力基础。
二、课程目标通过《网页设计》课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。
1．知识目标（1）理解网站的基本概念和HTML5网页编程语言基础；（2）掌握搭建开发环境、网站的搭建（3）掌握HTML5中文字和段落的设置和常用标签；（4）掌握列表标签的使用；（5）掌握超级链接标签的使用；（6）掌握表格标签的设计和使用；（7）掌握框架页面布局；（8）掌握表单的设计；（9）掌握网页中多媒体的应用；（10）掌握层叠样式表CSS3的基本知识；（11）掌握一到多款网页设计软件的运用。
2．能力目标（1）能运用HTML5标签设计网页；（2）能使用CSS3设计网页；（3）会网页设计工具设计网页。
3．素质目标（1）具有自我学习的能力；（2）具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备良好的团队合作精神以及自我展示能力。
三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3 +DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。
（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。
根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。
第7章 网页制作-浮动与定位_教学设计(教案)
《网页设计与制作(HTML+CSS)》教学设计(教案)课程名称：网页设计与制作(HTML+CSS) 授课年级：XX年级授课学期：XX学年第一学期教师姓名：某某老师XX年XX月XX日课题名称第7章浮动与定位计划学时6 课时内容分析默认情况下，网页中的元素会在浏览器窗口中从上到下或从左到右一一罗列。
如果仅仅按照这种默认的方式进行排版，网页将会单调、混乱。
为了使网页的排版更加丰富、合理，在CSS中可以对元素设置浮动和定位样式。
本课程将对元素的浮动和定位进行详细讲解。
教学目标及基本要求要求学生初学者能够熟练地运用浮动和定位进行网页布局，掌握清除浮动的几种常用方法，为后面学习网页布局打下良好的基础。
重点及措施教学重点：清除浮动的几种方法、overflow属性、相对定位和绝对定位的应用。
难点及措施教学难点：当浮动元素对周围其他元素产生影响时，如何选择恰当的方法清除浮动。
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解教学过程第一课时（认识浮动、元素的浮动属性float）认识浮动初学者在设计一个页面时，通常会按照默认的排版方式，将页面中的元素从上到下一一罗列，如下图所示。
通过这样的布局制作出来的页面看起来呆板、不美观，然而大家在浏览网页时，会发现页面中的元素通常会按照左、中、右的结构进行排版，如下图所示。
通过这样的布局，页面会变得整齐、有节奏。
想要实现第二张图所示的效果，就需要为元素设置浮动。
所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。
元素的浮动属性float定义浮动在CSS中，通过float属性来定义浮动，其基本语法格式如下：选择器{float:属性值;}在上面的语法中，常用的float属性值有三个，分别表示不同的含义，具体如下：●left：元素向左浮动●right:元素向右浮动●none:元素不浮动（默认值）✧不设置浮动当对页面中的所有元素均不应用float属性，也就是说元素的float属性值都为其默认值none。
《网页制作》教案
湖南省商业技术学院学期授课进度计划（二年级第一学期）课程名称网页制作与设计适用班级16高21、22制定教师易会芝审批签字2017-2018 学年第一学期制定教学计划学期授课进度计划表学期授课进度计划表任务一插入文本(20min) 一、插入文本1、插入普通文本2、插入不换行空格3、插入水平线4、插入日期和特殊字符二、编辑文本1、基本样式设置2、设置段落格式3、创建列表演示并强调重点认真听讲并记下重点文本插入是基础知识，为下面任务二打下基础任务二(55min) 完成以下网页实例：1、引导学生讨论该网页由哪几部分组成2、引导学生小组组内分工，完成小模块小组讨论本实例即是对任务一的巩固，也为下一次课打下基础作业布置（5min）1、找一篇文章输入至页面中，然后利用所学知识，对其进行格式编排课堂小结（5min）一、插入文本二、编辑文本板书一、插入文本5、插入普通文本6、插入不换行空格7、插入水平线8、插入日期和特殊字符二、编辑文本1、基本样式设置2、设置段落格式3、创建列表三、实例操作教学反思本次课是一个基础知识内容，文本是一个网页必不可少的内容，对网页设计至关重要，学生必须牢牢掌握文本的各个要点。
目前来说学习兴趣较好。
实训课题网站素材处理实训课时2课时实训目标1、掌握创建本地站点和远程站点2、学会修改站点和多站点的管理实训重点站点的管理实训难点站点的管理实训方法上机实训实训准备教案、素材、案例、教材、计算机机房实训要求1、对照实习报告的要求，完成上机任务；2、任务完成后及时要求教师考评；3、完善实习报告，填写实训总结；4、遵守实训纪律，不游戏，不睡觉，不高声谈论。
实训过程内容操作要求及步骤任务一创建站点1、熟悉DW界面2、在D盘根目录创建一个站点名称为《我的足球网》，本地站点文件夹为jcwww，如下图所示任务二设置默认图像文件夹利用教师所给素材，制作简单网页《我的偶像》，素材见文件夹完善报告填写实训总结，并上交实习报告。
第4章 网页制作-盒子模型_教学设计(教案)
《网页设计与制作(HTML+CSS)》教学设计(教案)课程名称：网页设计与制作(HTML+CSS) 授课年级：XX年级授课学期：XX学年第一学期教师姓名：某某老师XX年XX月XX日课题名称第4章盒子模型计划学时6 课时内容分析盒子模型是CSS网页布局的基础，只有掌握了盒子模型的各种规律和特征，才可以更好地控制网页中各个元素所呈现的效果。
本课程将对盒子模型的组成进行详细讲解，并结合案例进一步巩固本章节所学知识。
教学目标及基本要求要求学生理解盒子模型的概念，掌握盒子模型的内边距（padding）、边框（border）和外边距（margin），熟悉元素模式的相互转换，同时注意盒子外边距合并的问题，熟练使用边距属性值的几个写法。
重点及措施教学重点：盒子模型的组成、元素类型的转换、盒子外边距合并问题及其解决方法。
难点及措施教学难点：利用盒子模型进行布局时，外边距和内边距的使用、使用内边距注意盒子实际的大小。
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解教学过程第一课时（认识盒子模型、盒子模型的组成属性、边框(border)属性）认识盒子模型✧盒子模型的重要性盒子模型是CSS网页布局的基础，只有掌握了盒子模型的各种规律和特征，才可以更好地控制网页中各个元素所呈现的效果。
首先我们分析一下盒子的构成。
上图就是盒子模型的组成部分，网页中所有的元素和对象都是由上图所示的基本结构组成，理解了盒子模型的结构后，要想随心所欲地控制页面中每个盒子的样式，还需要掌握盒子模型的相关属性，接下来我们就对盒子模型的相关属性进行详细讲解。
盒子模型的组成属性✧边框属性为了分割页面中不同的盒子，常常需要给元素设置边框效果，在CSS中边框属性包括边框样式属性（border-style）、边框宽度属性（border-width）、边框颜色属性（border-color）。
1、设置边框样式（border-style）：边框样式用于定义页面中边框的风格，常用属性值如下：●none：没有边框即忽略所有边框的宽度（默认值）●solid：边框为单实线●dashed：边框为虚线●dotted：边框为点线●double：边框为双实线使用border-style属性综合设置四边样式时，必须按上右下左的顺时针顺序，省略时采用值复制的原则，即一个值为四边，两个值为上下/左右，三个值为上/左右/下。
网页设计与制作——JavaScript+jQuery标准教程 教案 第2章 JavaScript基础
电子商务网页设计与制作
授课教案
学年第学期
课前：
【教师布置调研任务】
调研主题：《了解JavaScrip的语法规则》
要求：以小组为单位，通过网络查找的方式了解JaVaSeriP的语法规则。
制作汇报PPT,提交到“微信群”。
【学生调研，教师线上指导】
学生采用线上调研的方式，开展调研。
教师使用“微信群”对学生进行指导。
（教师对各组调研成果进行评价】
教师查阅学生调研结果PPT,对每个小组的PPT进行评价，记录评价成绩，并挑选出优秀作品。
课后：
【学生使用JaVaSCriP代码设计一个根据分数评价等级的程序】
小组成员团结协作，练习使用JaVaSCriP代码的相关内容；使学生掌握使用JaVaSCriP 代码编程的能力。
教师使用“微信群”对学生进行指导。
填表说明：1本页可续页；2.教学方法如：项目教学、案例分析、分组讨论、角色扮演、启发引导等;
3.教学手段如：课件演示、模型讲解、实物讲解、挂图讲解、视频讲解、网络课程等。
商务网页设计与制作教案
《商务网页设计与制作》参考教案授课教师：授课班级：课程学分：总学时数：56周学时数：上课周次：教学进度计划目录第1课（1.1-1.2）（1）需求调查网站需求调查是网站策划的第一步，是确定项目建设必要性的重要工作步骤，由业务团队牵头负责。
①用户调查（业务调查）②市场调研（2）网站定位网站定位是最根本的业务需求，决定网站开发建设的方向，由业务团队牵头负责。
（3）编制需求概要需求概要是明确做什么、怎么做、做到什么程度的。
要求业务目标清晰、业务需求全面、业务边界清楚、业务规则严谨。
需求概要的编制工作应当由业务团队牵头负责，信息技术团队配合。
《项目需求概要》应当由业务团队所在单位签字盖章予以认可。
（4）需求分析与功能规划需求分析与功能规划将需求概要的内容进一步梳理、归纳、系统化，形成系统功能规划。
该项工作是以及技术为主的，由信息技术团队牵头负责，业务团队协助配合（5）工作步骤与工作进度（6）网站开发制作（7）网站发布与运维（8）网站运营模式运营模式运营说明搜索引擎+百科知识以百度为代表，采用竞价排名、广告和点击的运营模式。
百度为客户投放与网页内容相关联的广告，从而实现盈利。
它立足于搜索引擎，建立了一通过大学生运动鞋有用数量调查的意义，启示需求调查的重要性第2课（2.1-2.3）第3课（3.1-3.2.3）第4课（3.2.4-3.2.6）小结巩固本课程需要理解掌握文本段落、文本列表的设置方法，课堂练习重点概念：无序文本列表、有序文本列表。
练习：制作无序文本列表、有序文本列表网页。
课后作业作业：制作一个设置段落的网页，写出完整的HTML代码。
具体要求如下：（1）制作一个文本段落，内容为“诗歌是一种语言凝练而形象，结构自由而跳跃，富有节奏和韵律，饱含联想与想象，高度集中与概括地反映社会生活、表达思想感情的文学体裁。
诗歌的基本特点为：”。
字体为黑体，字号为5号，字的颜色为蓝色，段落中的文本居中显示；（2）制作一个文本段落，在其中再制作一个文本列表，文本列表的字体为楷体，字号为5号，字的颜色为紫色，文本列表的内容如下：A．生活美：对生活高度的提炼、集中、概括；B．思想美：饱含深切的思想感情；C．意境美：用丰富的想象和联想力营造出优美的意境；D．语言美：文字色彩鲜活、语言节奏分明；第5课（3.3-3.3.2）实施步骤：一、组织教学、课前提问（5ˊ）二、教学引导（3ˊ）三、进入本次课讲授内容（77ˊ）四、小结巩固（重申教学目的、重点、难点）（5ˊ）讲授内容：第3章 HTML网页制作技术3.3 图像设置方法3.3.1 图像文件的存储管理网站通常有很多图像文件，需要对这些图像文件进行有效的管理。
《网页设计与制作》课程标准
《网页设计与制作》课程标准适用专业：计算机专业学时： 72课时1、课程定位和课程设计《网页设计与制作》课程是中职计算机相关专业的一门专业必修课程。
本课程以图形图像处理为前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。
学生毕业后可胜任网站管理员、网页设计员、网页美工员等工作岗位。
2、课程目标本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。
1、素质目标(1) 培养具有较强的网页设计创意思维、艺术设计素质；(2) 培养学生在学习过程中解决困难的能力；(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；(4) 培养学生理论联系实际的工作和学生方法；(5) 培养具有高度责任心和良好的团队合作精神；(6) 具有社会责任感。
2、知识目标(1) 了解WEB站点的工作原理；(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用；(3) 了解服务器、客户端、浏览器的概念和作用；(4) 掌握常规网站的规划及流程；(5) 熟练掌握HTML语言中各种标记符的运用能力；(6) 熟练掌握Dreamweaver应用软件的使用；(7) 理解网页中脚本语言的使用方法；(8) 熟练开发常规静态网站。
3、能力目标(1) 熟练掌握Dreamweaver应用软件制作网站及网页；(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接；(3) 掌握在网页中添加CSS的方法；(4) 培养学生设计、制作和维护动态网站。
网页制作课程标准
)《网页设计与制作》课程标准一、课程定位《网页设计与制作》课程是软件技术专业微软开发应用和javaee方向的核心专业课程之一。
本课程通过对网页制作流程、网页设计与制作的学习，使学生的能依据客户的要求，进行市场分析调研，编写网站策划书，会运用网页布局技术开发网站。
并通过学习HTML、CSS、DIV等内容，使学生掌握Web的基本概念和网页设计与制作的基本理论、方法与常用工具的使用技巧，网站的建立维护能力，使学生具有网页设计与制作的能力，为以后的大型Web应用打下基础。
前导课程：《C语言》后续课程：《Java Web程序设计》、《C#程序设计》、《程序设计》二、课程目标}网页设计与制作课程是培养学生具备较强的网站设计实践能力的一门课程。
通过本课程的学习，学生从整体上对网站建设工作所需要的网页设计知识与技能有初步认识，培养学生具备一定的网站高级开发应用型等技能型人才所必需的知识及相关的职业能力，通过项目式教学改革提高学生积极的行动意识和职业规划能力，培养学生的实践项目设计能力，为后续课程学习作前期准备，为学生顶岗就业夯实基础。
同时使学生具备较强的工作方法能力和社会能力。
职业能力目标：（1）能根据网站规划知识，进行简单的市场需求分析（2）能依据客户对网站项目的需求及市场调研，编写网站策划书（3）能运用网页布局技术制作网站页面等（4）通过实践环节的训练，树立理论联系实际的观点，培养实践能力、创新意识和创新能力、培养高技能人才奠定必要的基础。
社会能力目标（1）具有良好的思想政治素质、行为规范和职业道德；~（2）具有团结协作的团队精神；（3）有较强的逻辑思维能力；㈠知识目标1.熟悉HTML语言的作用和开发环境，能够编写HTML代码；2.掌握常用的HTML标签，能够实现基本的图文信息显示；3.理解HTML页面框架的作用，能够针对需求进行框架的设计；4.掌握各类HTML表单元素标签，能够进行表单设计；5.掌握各类HTML多媒体元素标签，能够进行多媒体页面设计；6.！7.掌握CSS样式的基本使用方法，能够应用CSS样式表美化页面；8.掌握CSS网页布局的方法，能够结合DIV标签进行页面布局。
HTML5+CSS3网页设计任务教程(第2版)课程标准、授课计划
XXX职业技术学院202X级《WEB开发基础》课程标准课程代码XXXXXX课程性质专业平台课课程学分4总学时64适用专业软件技术专业制（修）订日期202X-X-XX执笔审核一、课程定位本课程是软件技术专业群的平台课，是培养学生B/S架构项目开发的基础必修课程。
本课程主要培养学生的网站设计和开发能力，通过“教、学、做”一体化教学，使学生能熟练掌握PC端网页、WebApp自适应网站、响应式网站的开发规范和制作技巧，培养学生的创新能力、审美能力、自学能力、沟通能力、解决问题能力、自我管理能力、团队协作能力，为后续课程及其他程序设计课程的学习和应用打下基础。
先修课程：《计算机应用基础》《程序设计基础》。
后续课程：《Java Web应用开发》《Vue前端应用开发》《微信平台应用开发》等。
二、课程目标（-）总体目标通过本课程的学习，学生能了解WWW、HTTP、HTML5、CSS3的定义、概念和作用；了解服务器、客户端、浏览器的概念和作用，熟悉web项目规划和需求分析的基本方法，具备web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
熟练掌握HTML5语言中的各种文本格式、字符格式、段落设置、列表、标记的使用方法；熟练CSS3样式表制作方法和技巧；熟悉PC端网站、WebApp自适应网站、响应式网站的排版技巧，根据前端设计师的任职要求，参照计算机程序员职业标准和网站开发和网页制作的职业资格标准，改革课程体系和教学内容。
课程内容突出职业能力培养，体现基于职业岗位分析和能力为导向的课程设计理念，以真实工作任务或社会产品为载体组织教学内容，在真实工作情境中采用新的教学方法和手段进行实施。
（二）具体目标课程教学目标具体体现为专业知识、专业技能和专业素质三方面的目标。
（1）专业知识目标①掌握HTML5与CSS3基础知识及最新技术。
②熟悉企业网站制作具体流程。
③掌握不同类型静态网站的开发技巧。
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案一、教学目标1. 了解电子商务网页设计的基本概念与原则。
2. 掌握网页设计与制作的基本技术，如HTML、CSS、JavaScript等。
3. 能够独立完成电子商务网页的设计与制作。
4. 理解电子商务网页设计的重要性，提高电子商务网站的吸引力和用户体验。
二、教学内容1. 电子商务网页设计基本概念与原则网页设计的定义与目的电子商务网页设计的特点与要求网页设计原则（如美观性、易用性、可访问性等）2. HTML与网页结构HTML基本语法常用HTML标签及其功能网页结构与布局3. CSS与网页样式CSS基本语法常用CSS选择器与属性网页样式设计（如字体、颜色、布局等）4. JavaScript与网页交互JavaScript基本语法常用JavaScript函数与对象网页交互设计（如动态效果、表单验证等）5. 电子商务网页设计实践网页设计流程与方法电子商务网页设计案例分析学生实践：独立完成一个简单的电子商务网页设计与制作三、教学方法1. 讲授法：讲解电子商务网页设计的基本概念、原则、技术与方法。
2. 案例分析法：分析电子商务网页设计案例，让学生了解实际应用。
3. 实践操作法：引导学生动手实践，提高网页设计与制作能力。
4. 讨论法：组织学生进行分组讨论，分享设计心得与经验。
四、教学资源1. 教材：《电子商务网页设计与制作》2. 课件：教师自制的PPT课件3. 案例素材：电子商务网页设计案例及相关素材4. 网络资源：在线教程、相关网站与素材库五、教学评价1. 课堂参与度：学生参与课堂讨论、提问与回答问题的积极性。
2. 实践操作能力：学生完成网页设计实践作业的质量与效率。
3. 作品展示：学生展示自己的电子商务网页设计作品，评价其设计思路与效果。
4. 期末考试：考查学生对电子商务网页设计基本概念、原则与技术的掌握程度。
六、教学安排1. 课时：共计32课时，每课时45分钟。
2. 授课方式：讲授+实践操作+讨论3. 教学计划：第1-4课时：讲解电子商务网页设计基本概念与原则第5-8课时：学习HTML与网页结构第9-12课时：学习CSS与网页样式第13-16课时：学习JavaScript与网页交互第17-20课时：实践电子商务网页设计案例第21-24课时：学生独立完成电子商务网页设计与制作第25-28课时：作品展示与评价第29-32课时：期末考试七、教学注意事项1. 关注学生的学习进度，针对不同学生的实际情况进行针对性指导。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作》课程授课计划
、课程的性质与任务课程的性质：本课程是为培养中职学生对网页设计与制作的基础知识而设置一门专业实训课程。
由于网页设计与制作所涉及的软件和相关知识十分广泛针对我校学生的专业方向和专业基础，本课程侧重于网页视觉效果和版式布的设计与制作，对大中型网站制作中的所涉及到的动态程序编写等较复杂技手段作了回避或仅作简单介绍。
课程的任务：通过本课程学习，使学生了解网页制作的基础知识、基本流程并能熟练使用Macromedia Dreamweaver 进行个人网站和中小型商业网站的设计、制作与维护更新，为培养高级网页设计专业人才打下坚实的基础。
二、教学基本要求通过课程的教学，在理论知识教学和技能培养两方面要求学生达到下列目标
（一）理论知识方面主要达到：
1.了解互联网、网页、网站、超级连接、HTML 语言、FTP 、HTTP 等基础网络知识；
2.了解网站设计制作的常用工具与基本流程
3.了解html 语言的一般规律
4.了解不同网站类型不同的设计与制作要求
5.了解网站的整体结构规划
二）能力方面主要达到：
1.熟练掌握Macromedia Dremweave 的基本操作；
2.掌握photoshop 中网页设计稿文件的切片与优化输出；
3.掌握网页图像的优化技巧；
4.了解网站的测试、发布、推广与维护；
网页制作》课程授课计划
、教学条件保障每个学生都能单独使用一台电脑，每台电脑都配备Dreamweaver 、photoshop 等设计软件。
、教学内容及课时安排：
第一章网页设计基础知识（4 课时）
第一节网页设计概述
第二节在DreamweaverCS3 中建立站点
第三节创建站立点地图
第四节设置Web 服务器
第二章网页的编辑（4 课时）
第一节文本操作
第二节图像操作
第三章网页的布局（4 课时）
第一节表格
第二节在布局模式下绘制布局表格
第三节框架
第四章超链接的创建与管理（4 课时）
第一节超链接和路径概述
第二节超链接的使用
第五章CSS 样式表与行为（5 课时）
第一节使用CSS 样式表
第二节行为及简单应用
第六章AP 元素和时间轴（4 课时）
第一节使用AP 元素
第三节AP 元素时间轴配合使用的动态效果
第七章表单的使用（6 课时）
第一节创建表单网页
第二节创建留言簿
第三节验证表单内容
第八章图像和动画的制作与优化（4 课时）
第一节图像的制作与优化
第二节动画的制制与优化
第九章网站文件的检查与发布（2 课时）
第一节网站文件的检查与测试
第二节注册域名、申请空间与网站发布
第十章综合训练（4 课时）
第一节网站的规化
第三节网站的上传发布、备案和维护
教法说明（一）本课程是一门专业技能训练课程，以学生的实践操作为主，注重设计与制作能力的培养、经验与技巧的积累。
课程中引导学生在练习中解决具体的题，使学生能灵活地、熟练地应用所学的理论知识。
（二）教学练习中，以优秀实际案例为参照，增强教学的趣味性、实用性和针对性。
（三）课程末要求设计制作一个完整的小型网站，并上传、发布和推广，以综合运用和巩固所学知识，激发学生兴趣，为将来的进一步学习打下基础。
四、考核方式与评分方法
一）考勤总成绩的10 ％。
（二）过程考核（理论知识、提问、查阅、课堂作业与课堂表现等）总成绩的
30％
（三）以综合性设计作业的方式，设计制作完整的小型网站，占总成绩的60％。