《网页设计》教学计划

网页设计教课计划一、课程的性质与任务课程的性质：本课程是为培育中职学生对网页设计与制作的基础知识而设置的一门专业实训课程。

因为网页设计与制作所波及的软件和有关知识十分宽泛，针对我校学生的专业方向和专业基础，本课程重视于网页视觉成效和版式布局的设计与制作，对大中型网站制作中的所波及到的动向程序编写等较复杂技术手段作了回避或仅作简单介绍。

课程的任务：经过本课程学习，使学生认识网页制作的基础知识、基本流程，并能娴熟使用MacromediaDreamweaver进行个人网站和中小型商业网站的设计、制作与保护更新，为培育高级网页设计专业人材打下坚固的基础。

二、教课基本要求经过课程的教课，在理论知识教课和技术培育双方面要修业生达到以下目标。

(一)理论知识方面主要达到：认识互联网、网页、网站、超级连结、HTML语言、FTP、HTTP等基础网络知识;认识网站设计制作的常用工具与基本流程认识html语言的一般规律认识不一样网站种类不一样的设计与制作要求认识网站的整体构造规划(二)能力方面主要达到：娴熟掌握MacromediaDremweave的基本操作;掌握photoshop中网页设计稿文件的切片与优化输出;掌握网页图像的优化技巧;认识网站的测试、公布、推行与保护;三、教课条件保障每个学生都能独自使用一台电脑，每台电脑都装备Dreamweaver、photoshop等设计软件。

四、教课内容及课时安排第一章网页设计基础知识(4课时)第一节网页设计概括第二节在DreamweaverCS3中成立站点第三节创立站立点地图第四节设置Web服务器第二章网页的编写(4课时)第一节文本操作第二节图像操作第三章网页的布局(4课时)第一节表格第二节在布局模式下绘制布局表格第三节框架第四章超链接的创立与管理(4课时)第一节超链接和路径概括第二节超链接的使用第五章CSS款式表与行为(5课时)第一节使用CSS款式表第二节行为及简单应用第六章AP元素和时间轴(4课时)第一节使用AP元素第三节AP元素时间轴配合使用的动向成效第七章表单的使用(6课时)第一节创立表单网页第二节创立留言簿第三节考证表单内容第八章图像和动画的制作与优化 (4课时)第一节图像的制作与优化第二节动画的制制与优化第九章网站文件的检查与公布(2课时)第一节网站文件的检查与测试第二节注册域名、申请空间与网站公布第十章综合训练(4课时)第一节网站的规化第三节网站的上传公布、存案和保护五、教法说明(一)本课程是一门专业技术训练课程，以学生的实践操作为主，着重设计与制作能力的培育、经验与技巧的累积。

附件4：济南工程职业技术学院《网页设计》课程标准适用专业：电子商务编制单位：网络信息中心编制日期：2014.11网络信息中心制《网页设计》课程标准1.课程性质《网页设计》是电子商务专业的一门专业必修课程，是专业主干课程之一。

课程面向的主要岗位为网页设计师和网站维护管理员。

本课程在大二上学期开设，学生已完成计算机文化基础的学习，对计算机软件操作较为熟练，也为网站建设与管理、网络数据库等相关课程的后续学习打下基础。

与中职、本科不同，高职《网页设计》课程使用基于工作过程培养模式，强调知识的实用性。

2.课程设计本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。

同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。

二、课程教学目标总体目标：通过真实网站项目的开发，使学生掌握网站开发的过程及网页的设计制作方法，能开发出以静态功能为主、包含部分动态功能的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。

1、能力目标：1)会规划网站，设计页面；2)会使用 Dreamweaver 制作各种布局排版的静态网页；3)会使用 HTML语言；4)会使用 CSS规则处理网页；5)会处理图像；6)会测试、发布、推广、维护、管理网站；7)能处理网站开发过程中所遇到的常见问题；8)能跟踪网页制作领域新技术的发展并能阅读HTML语言中的专业词汇。

网页设计电子教案项目备课一、教学目标1. 知识与技能：让学生了解网页设计的基本概念和原则。

培养学生运用HTML、CSS等前端技术进行网页设计与制作的能力。

使学生掌握网页设计的常用工具和软件。

2. 过程与方法：通过案例分析、讨论和实践，培养学生独立思考和合作解决问题的能力。

引导学生掌握网页设计的流程和方法，提高学生的创新能力和实践能力。

3. 情感态度与价值观：培养学生对网页设计的兴趣和热情，激发学生的创新意识。

使学生认识到网页设计在现代社会的重要性，提高学生的综合素质。

二、教学内容1. 网页设计基本概念：介绍网页设计的定义、发展历程和基本原理。

讲解网页设计的目的是和意义。

2. 网页设计原则：介绍网页设计的基本原则，如布局、色彩、字体等。

通过案例分析，让学生了解原则在实际设计中的应用。

3. 网页设计工具与软件：介绍常用的网页设计工具和软件，如Photoshop、Illustrator、Dreamweaver 等。

讲解这些工具和软件的基本功能和操作方法。

三、教学过程1. 课堂讲解：讲解网页设计的定义、发展历程和基本原理。

讲解网页设计的原则，如布局、色彩、字体等，并结合实际案例进行分析。

2. 实践操作：让学生利用所讲工具和软件，进行简单的网页设计实践。

引导学生独立思考，培养学生的创新能力和实践能力。

3. 课堂讨论：组织学生进行讨论，分享自己的设计心得和创意。

引导学生学会评价和分析他人的设计作品，提高学生的审美能力。

四、教学评价1. 课堂表现：观察学生在课堂上的参与程度、提问回答等情况，了解学生的学习态度和兴趣。

2. 实践作品：评价学生在实践操作中网页设计作品的创意、美观性和实用性。

3. 课堂讨论：评价学生在讨论中的表现，如观点阐述、评价他人作品等，了解学生的思考深度和表达能力。

五、教学资源1. 教材：选用权威、实用的网页设计教材，为学生提供系统的学习资料。

2. 网络资源：利用互联网为学生提供丰富的学习资源，如设计素材、案例分析等。

一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。

二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。

五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。

今天我们学习用Frontpage建立站点，制作一个主页。

先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。

打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。

请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。

Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。

职业院校教师能力大赛：网站页面设计教案一、教学目标1. 知识与技能：了解网站页面设计的基本原则与技巧。

掌握HTML、CSS和JavaScript的基础知识，能够独立完成简单的网页设计。

2. 过程与方法：培养学生的创新思维和审美能力。

学会使用网页设计软件（如Dreamweaver、Photoshop等）进行页面设计。

3. 情感态度与价值观：激发学生对网站页面设计的兴趣，提高职业素养。

培养团队合作精神和沟通技巧。

二、教学内容1. 网站页面设计基本原则页面布局与结构色彩搭配与视觉感受字体与排版2. HTML基础知识基本标签及其作用表格、表单和框架的使用3. CSS样式表选择器与基本语法布局样式与字体样式响应式设计4. JavaScript基础基本语法与数据类型函数与事件处理动态效果实现5. 网页设计软件使用Dreamweaver：页面布局与代码编写Photoshop：图片处理与切图三、教学过程1. 导入：通过展示优秀网站页面案例，引发学生兴趣，引入本节课主题。

2. 讲解与示范：讲解网站页面设计基本原则，展示实际操作过程。

讲解HTML、CSS和JavaScript基础知识，并进行示范。

3. 实践操作：学生分组进行实践，运用所学的知识设计网页。

教师巡回指导，解答学生疑问。

4. 作品展示与评价：学生展示自己的作品，进行互评和教师评价。

针对作品中的优点和不足进行总结和改进。

四、教学资源1. 教材：网站页面设计相关教材或电子资源。

2. 软件：Dreamweaver、Photoshop等网页设计软件。

3. 网络资源：优秀网站页面案例、在线教程等。

五、教学评价1. 学生作品质量：页面布局、色彩搭配、字体排版等方面。

2. 学生参与度：课堂提问、小组讨论、实践操作等方面。

3. 学生创新能力：在作品中体现出的创新思维和独特设计。

4. 团队合作与沟通：小组合作过程中的沟通协作、作品展示与评价等方面的表现。

六、教学策略1. 案例教学：通过分析经典案例，使学生了解和掌握网站页面设计的方法和技巧。

网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

2 、课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

* 掌握各种网页元素在Dreamweaver cs3中的使用。

例如表格、文本、图像、超级链接、层和表单等。

* 熟悉一些网页设计辅助软件的功能和使用方法。

例如Flash、Fireworks、Photoshop等。

* 掌握测试和发布网站的方法。

包括网站测试的内容和方法。

* 能够解决一些网页设计中的常见问题。

* 了解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。

二、课程教学目标与要求1、本课程的基本目标（1）使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。

（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。

2、课程在知识、素质方面的基本要求（1）知识要求深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的流程。

理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。

了解Dreamweaver cs3在动态网站上的应用。

《网页设计与制作》课程标准学时数：48学时________________ 课程性质：专业必修课—适用专业：计算机应用专业—一、本课程的性质、地位、作用以及与其它相关课程内容的联系《网页设计与制作》是计算机应用专业的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

二、课程教学目标本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：*掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

*掌握各种网页元素在DreamWeaVer中的使用。

例如表格、文本、图像、超级链接、层和表单等。

*掌握测试和发布网站的方法。

包括网站测试的内容和方法。

*能够解决一些网页设计中的常见问题。

三、本课程学时安排四、课程教学内容和基本要求（按章节详细阐述）第一章：网页设计概述（一）教学重点和难点重点：Dreamweavercs5的参数设置、Dreamweaver的站点设置。

难点：DreamWeaVer的站点设置。

（二）教学内容和基本要求教学内容：基础知识，初识DreamWeaver,DreamWeaVerCS5的参数设置，设置站点。

基本要求：了解网页设计基本知识；掌握DreanlweaVerCS5的参数设置；熟练掌握Dreamweaver的站点设置。

第二章：表格布局（一）教学重点和难点重点：表格基本操作、表格布局。

难点：表格布局。

（二）教学内容和基本要求教学内容：表格基本操作，表格高级应用，表格布局，网页设计基础。

基本要求：了解表格基本操作、表格高级应用及网页设计基础；掌握表格基本操作；熟练掌握表格布局。

第三章：CSS样式表（一）教学重点和难点重点：CSS样式表应用。

湖南省商业技术学院学期授课进度计划（二年级第一学期）课程名称网页制作与设计适用班级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，如下图所示任务二设置默认图像文件夹利用教师所给素材，制作简单网页《我的偶像》，素材见文件夹完善报告填写实训总结，并上交实习报告。