网页制作教学设计（精品多篇）[前言]网页制作教学设计（精品多篇）为的会员投稿推荐，但愿对你的学习工作带来帮助。网页制作教学设计篇一一、课程基本信息课程编号：中文名称：网页设计与制作英文名称：WebDesignandProduction课程类别：选修课适用专业：所有专业开课学期：20xx—20xx第2学期总学时：24学时总学分：1课程简介：本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。参考书：1、网页设计与制作教程，熊前兴闵联营，科学出版社；2、网站与网页设计，张贵明，清华大学出版社；3、网页美术设计原理及实战策略，王晓峰焦燕，清华大学出版社；4、网站建设典型案例，张枭，清华大学出版社；二、课程教学目标：网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。三、理论教学内容与要求第一章、网页的基础知识（1学时）（1）Internet基础知识（2）www简介（3）网页制作的技术和工具介绍第二章、超文本编辑语言HTML（8学时）（1）HTML文件的基本结构（2）文字和段落标记（3）列表标记（4）图片标记（5）表格标记（6）超链接标记（7）表单标记（8）框架标记第三章、JavaScript语言（4学时）（1）JavaScript语言简介（2）JavaScript编程基础（3）基于对象的JavaScript语言（4）JavaScript程序实例第四章、层叠样式表CSS（1学时）（1）CSS概述（2）CSS属性第五章、可视化网页设计工具（1）网页的基本操作（2）图像、表格与超链接（3）表单与框架（4）添加网页元素（5）发布站点第六章、动态网页设计语言ASP（4学时）（1）ASP简介（2）VBScript脚本基础（3）ASP的内置对象（4）实用文件第七章、利用AD0访问数据库（1学时）（1）数据库的连接（2）数据库的检索（3）数据库的操作总结复习（1学时）四、实验教学内容与要求五、作业六、考核方式期末考核每个同学为自己设计制作一个博客网站。七、成绩评定1、自制网站（80%）2、平时考勤、作业（20%）平时成绩分配：平时考勤5次，每次2分，共占10%作业5次，每次2分，共占10%八、执行大纲时应注意的问题根据学生对课程内容的掌握和理解程度会对进度做适当的调整。网页制作教学设计篇二一、学习内容分析《H5快速制作网页》是苏教版《初中信息技术》8年级第3章《主题网站设计与制作》第2节《制作网页》中第1课时的内容。H5是指第5代HTML标记语言，其搭建的站点可方便地应用于PC、Android、iOS等多种平台，它为互联网内容的呈现提供了一种全新的框架和平台，包括免插件的音视频、图像、动画、本地存储以及更多酷炫的功能。通俗地说，H5是一种创建网页的方式，用H5创建的网页以文字、图片、动画、声音等相结合的富媒体出现，页面图文并茂、生动活泼、传达方便、易于推广。二、学习者分析本节课的学习对象是八年级的学生，处于这一年龄段的学生，思维活跃，具备一定的理解能力和较强的自学能力。通过前面的学习，学生已熟练使用WPS、Photoshop等软件，也掌握了规划设计主题网站的方法。本节课以iH5软件工具为平台，学习用H5快速制作网页。然而学生从未接触过iH5，对于陌生软件的学习，有些畏难情绪，觉得无从下手。但是在日常生活中，他们经常能接触到各种各样的手机H5网页，如企业宣传、个人简历、邀请函、纪念册等，这些H5网页给大家带来了全新的体验，技术本身带来的新奇感让学生心生向往。三、学习目标知识与技能：能列举H5网页的特点；掌握在iH5软件中添加和编辑文字、图片、动画等元素的方法以及设置对象属性的方法，理解舞台、页面、对象之间的层级关系。过程与方法：通过制作校园文化艺术节邀请函，经历制作H5网页的基本过程。情感态度及价值观：感悟网页制作并非难事，软件使用有共通之处。四、教学过程（一）创设情境，初认H5以艺载德、以艺促智，一年一度的校园文化艺术节又开始了，同学们踊跃报名，比拼才艺。八年级将举行以“多彩校园，闪亮你我”为主题的汇报演出，充分展示八年级同学的青春活力和精神面貌。思考：本次演出将要邀请家长参加