下面是范文网小编整理的网站设计教学共3篇(设计网站与制作首页教案)，以供借鉴。
网站设计教学共1
四年级 下册 执教：郭东红
第二课 遨游网站
教学目标：
1、知识目标：使学生熟练使用 IE (Internet Explorer)浏览网页及网页中部分文字、图片、网页保存及网址的收藏方法和操作。
2、能力目标：
（1）培养学生自己在因特网上如何获取信息的能力。 （2）培养学生自己动手、动脑的能力。
（3）养成正确的用眼习惯，注意机房中的电磁辐射。
3、情感目标：引导学生进入虚拟的世界遨游，把握理论的指引与实际操作相结合，避免上网的盲目性，以及指引学生健康上网。 教学重点：
文字、图片、网页保存及网址的收藏。 教学难点：
文字、图片、网页保存及网址的收藏的基本操作。 教学准备：
多媒体网络教室，CAI集件。
教学方法：
激发情趣——手脑并用——启发诱导——探讨提高 教学过程：
一、创设情景，引入新课。
用问题的模式来引入，新课如何保存文字、网页、图片及收藏网址。
二、师生互动，课堂探究。 活动一：回到最近浏览过的网页
按〖后退〗按钮能再次浏览前面已经浏览过的网页，这种功能称为——〖导航〗。
（教师示范指导学生练习） 活动二：保存网页
1、保存网页中的部分文字。（组编作文） 选择文字 〖复制〗 〖粘贴〗 （教师示范指导学生练习）
2、保存网页中的图片。（拼图游戏）
选择图片，然后在图片上右击后选择〖图片另存为〗，最后选择路径
〖保存〗。
（教师示范指导学生练习）
3、保存网页
〖文件〗 〖另存为〗 〖保存〗 （教师示范指导学生练习） 活动三：收藏网址
〖收藏〗 〖添加到收藏夹〗 〖确定〗 （教师示范指导学生练习） 巩固提高
（1）试一试，下载文字、图片还有没有其它的方法？ （2）如何下载录像、动画、软件等更多的资源？ 探讨体会
（1）通过这一堂课的学习，你有什么收获？
（2）如果同学们在学习中碰到了一些问题，试着在Internet的帮助下解决它。
教学设计网
网址设计教学
网页设计教学
网上教学设计
网站设计师岗位职责
网站设计教学共2
《商务网站设计》课程教学大纲
课程编号： 学时：56 学分： 适用对象：电子商务专业 选修课程：专业核心课 考核要求：考试
使用教材及主要参考书：电子商务信息系统分析与设计（教材），徐天宇著，高等教育出版社
电子商务系统的分析与设计，刘军，马敏书著，清华大学出版社 电子商务网站设计、实施与管理，杨峰著，清华大学出版社 电子商务网站设计与开发，踪程、何继新著，电子工业出版社 电子商务网站设计原理，于淼著， 中国财政经济出版社
一、课程性质和任务
商务网站设计是电子商务专业必修课程之一。作为电子商务专业的学生，应该学习和了解网站设计的各种基本问题，如电子商务系统的体系结构，电子商务信息系统整个开发过程，系统规划的常用方法，电子商务模式、电子商务模型、总体结构设计、电子商务信息系统平台的配置等。本课程全面系统的介绍了分析与设计电子商务信息系统的方法。包括分析设计电子商务信息系统的结构化系统开发方法和面向对象方法，重点介绍了UML基础、电子商务网站的详细设计和电子商务网站信息架构的设计。
通过本课程的学习，使学生能真正的从中了解网站开发的整个过程。为了让学生真正得以实践，本课程有实验课，让学生从问题定义开始，经过可行性研究、需求分析、概要设计、详细设计、编码、测试，使学生掌握网站开发的基本技能。
二、教学目标与要求 通过本课程的学习，学生应该掌握以下知识，包括电子商务信息系统的开发方法、电子商务系统规划的步骤及方法、电子商务系统的分析方法、详细设计方法等方面，并在此基础上掌握面向对象的系统分析、系统设计的方法、系统实施及运营维护等。通过本课程的学习，学生应具备基本的电子商务企业从业人员的基本职业素养和判断能力，能够熟练运用电子商务的相关知识解决企业的主要问题，尤其是商务网站开发及设计、管理方面的问题，具有继续学习和可持续发展能力。
本课程是继程序设计课程之后，对提高学生软件开发能力有重要作用的一门课程。要求学生在学习本课程前应掌握电子商务概论、结构化程序设计、面向对象程序设计、数据库管理系统等。 通过本课程的学习，为学生后期的毕业设计环节奠定了良好的基础。在掌握了各门专业课程的理论和实践操作的基础上，通过电子商务综合实践的练习，使学生能将所学的各门课程知识、实践操作综合结合起来运用，来解决开展和应用电子商务的有关实际问题。由于电子商务系统分析是应用性强、技术涉及面较广的课程，在教学中应注意理论联系实际，通过必要的案例讨论、模拟操作、上网检索和课后作业等，启迪学生的思维，培养学生的综合分析能力，独立解决问题的能力、及表达能力。
三、各章节学习内容、目标及学时分配 第1章 电子商务信息系统概述
（一）教学方法与学时分配： 教学方法：讲授教学 学时分配：2学时
（二）课程内容及基本要求： 主要内容：
（1）信息系统基本概念 （2）电子商务信息系统 （3）电子商务的含义
（4）电子商务信息的概念与特征 （5）电子商务信息系统的含义
（6）电子商务系统与电子商务信息系统的区别 （7）电子商务系统的体系结构 基本要求： （掌握）：电子商务信息系统的含义
（了解）：电子商务系统与电子商务信息系统的区别 （重点）：电子商务系统的一般体系框架 （难点）：电子商务系统的框架组成 第2章 电子商务信息系统的开发
（一）教学方法与学时分配： 教学方法：讲授教学 学时分配：2学时
（二）课程内容及基本要求： 主要内容：
（1）电子商务信息系统的生命周期 （2）电子商务信息系统的开发方法 （3）电子商务信息系统的开发方式 基本要求：
（掌握）：电子商务信息系统的生命周期 （熟悉）：电子商务信息系统的开发方法 （了解）：电子商务信息系统的开发方式 （重点）：电子商务信息系统的生命周期 （难点）：面向对象方法 第3章 系统规划
（一）教学方法与学时分配： 教学方法：案例式教学、讲授教学 学时分配：4学时
（二）课程内容及基本要求： 主要内容：
（1）电子商务信息系统规划概述 （2）电子商务系统规划的步骤 （3）明确用户需求 （4）初步调查 （5）系统规划常用方法 （6）确定电子商务模式 （7）确定电子商务模型
（8）可行性分析和可行性分析报告 基本要求： （掌握）：电子商务系统规划的一般步骤和主要内容 （熟悉）：电子商务系统规划的步骤 （了解）：系统规划常用方法
（重点）：可行性分析和可行性分析撰写 （难点）：可行性分析和可行性分析撰写 第4章 系统分析
（一）教学方法与学时分配： 教学方法：案例式教学、讲授教学 学时分配：4学时
（二）课程内容及基本要求： 主要内容：
（1）电子商务系统分析 （2）电子商务信息系统需求 （3）详细调查 （4）组织结构分析 （5）业务流程分析 （6）数据流程分析 （7）业务流程再造
（8）电子商务系统逻辑模型的建立 （9）系统分析报告 基本要求：
（掌握）：电子商务系统的分析方法 （熟悉）：电子商务系统逻辑模型的建立 （了解）：业务流程重构 （重点）：撰写系统分析报告 （难点）：业务流程重构 第5章系统总体设计
（一）教学方法与学时分配：
教学方法：启发式教学、案例式教学、讲授教学 学时分配：4学时
（二）课程内容及基本要求： 主要内容：
（1）电子商务信息系统总体结构概述 （2）电子商务信息系统总体结构的设计 （3）系统网络设计 （4）子系统的划分 （5）模块设计
（6）电子商务信息系统平台的配置 基本要求：
（掌握）：电子商务信息系统总体结构的设计 （熟悉）：电子商务信息系统平台的配置 （了解）：电子商务系统的总体结构 （重点）：子系统的划分与模块设计 （难点）：子系统的划分与模块设计 第6章 系统详细设计
（一）教学方法与学时分配：
教学方法：启发式教学、案例式教学、讲授教学 学时分配：4学时
（二）课程内容及基本要求： 主要内容： （1）代码设计 （2）处理过程设计 （3）数据库设计 （4）用户界面设计 （5）系统设计说明书 基本要求：
（掌握）：数据库设计 （熟悉）：用户界面设计 （了解）：代码设计 （重点）：处理过程设计 （难点）：系统设计说明书 第7章电子商务网站详细设计
（一）教学方法与学时分配： 教学方法：案例式教学、讲授教学 学时分配：4学时
（二）课程内容及基本要求： 主要内容：
（1）电子商务网站详细设计概述 （2）信息构架 （3）网站信息组织设计
（4）典型页面流程与页面流程设计 （5）信息构架的物理设计 （6）导航系统设计 （7）标识系统设计 （8）检索系统设计
（9）页面上的信息组织与页面设计 （10）程序处理过程设计与网页 （11）网站设计说明书 基本要求：
（掌握）：典型页面流程与页面流程设计 （熟悉）：导航系统设计 （了解）：网站设计说明书 （重点）：网站信息组织设计 （难点）：信息构架的物理设计 第8章UML基础
（一）教学方法与学时分配： 教学方法：案例式教学、讲授教学 学时分配：4学时
（二）课程内容及基本要求： 主要内容：
（1）面向对象的主要概念及UML概述 （2）用例图 （3）类图与对象图 （5）状态图 （6）活动图 （7）交互图 （8）包图 （9）组件图 （10）配置图 基本要求：
（掌握）：应用UML建模工具 （熟悉）：面向对象的基本理论 （了解）：面向对象的主要概念 （重点）：各种类型图形的应用 （难点）：各种类型图形的应用 第9章面向对象的系统分析
（一）教学方法与学时分配： 教学方法：讲授教学 学时分配：2学时
（二）课程内容及基本要求： 主要内容：
（1）面向对象的系统分析概述 （2）需求获取 （3）系统分析 基本要求：
（掌握）：UML建模的方法与步骤 （熟悉）：需求获取
（了解）：面向对象的系统分析的方法 （重点）：基于UML的系统分析 （难点）：分析类图 第10章面向对象的系统设计
（一）教学方法与学时分配： 教学方法：讲授教学 学时分配：2学时
（二）课程内容及基本要求： 主要内容：
（1）系统总体设计和详细设计 （2）面向对象的关系数据库设计 （3）基于扩展UML的Web应用系统设计 （4）面向对象软件设计说明书参考模板 基本要求：
（掌握）：系统总体设计和详细设计
（熟悉）：基于扩展UML的Web应用系统设计 （了解）：面向对象软件设计说明书 （重点）：面向对象的关系数据库设计 （难点）：Web应用系统建模 第11章 系统实施与运行维护
（一）教学方法与学时分配： 教学方法：自修 学时分配：4学时
（二）课程内容及基本要求： 主要内容： （1）概述
（2）电子商务信息系统的实现 （3）电子商务系统测试 （4）电子商务站点部署 （5）电子商务系统维护与管理 基本要求：
（掌握）：电子商务系统维护与管理 （熟悉）：电子商务应用的开发
（了解）：电子商务系统后期实施与维护的具体工作 （重点）：电子商务系统维护与管理 （难点）：电子商务站点部署
四、作业
在实验课布置作业。实验16学时，8次。 1.实验一电子商务系统案例分析
实验目的：使学生了解电子商务信息系统的主要作用及其与一般管理信息系统的差异，要求学生明确电子商务信息系统的体系结构。要求学生了解电子商务模式B2C、B2B、B2G、C2G、C2C的主要特征、作用及其核心技术。 2.实验二 电子商务系统的规划
实验目的：要求学生理解电子商务信息系统战略规划的重要性，掌握电子商务信息系统规划的任务及步骤。要求学生掌握战略集合转移法、关键成功因素法、企业系统规划方法这三种规划方法。对一个电子商务信息系统，在初步调查之后，学生要能够确定电子商务模式及亚模式，确定电子商务模型，拟定多个开发方案，进行包括电子商务机会与模式分析，经济可行性分析，技术可行性分析与管理及经营可行性分析的可行性分析。 3.实验三 电子商务系统的分析 实验目的：了解系统分析阶段的主要工作，包括系统详细调查，组织结构分析，业务流程分析，数据流程分析，业务流程再造。在结构化分析方法中，掌握通过业务流程图、数据流程图、数据字典、处理说明等方法来建立系统的逻辑模型。在面向对象分析方法中，掌握通过用例图、用例描述、类图、顺序图等对系统进行逻辑建模。熟练应用系统分析建模工具并能够利用这些工具对企业需求进行描述。理解电子商务系统分析中参与的人员及其组织。 4.实验四 电子商务系统的设计
实验目的：系统设计分为总体设计和详细设计阶段。掌握总体设计阶段的内容、原则和步骤，了解系统总体结构设计、系统网络环境设计、子系统划分、模块设计和如何对系统平台进行配置。掌握系统详细设计的内容：代码的作用、代码的设计原则、代码分类和如何设计代码，处理过程设计的工具：程序流程图和盒图；数据库设计的逻辑设计和物理设计；用户界面设计原则、用户界面设计过程及网站用户界面设计原则。掌握网站详细设计中的信息架构的设计。了解信息组织设计中的分类法、主题法和主题分类一体化，网站信息的组织；典型页面流程和页面流程设计；信息架构的物理设计；如何设计导航系统；如何设计检索系统等。
掌握面向对象的设计方法。
5.实验五 电子商务系统的实施与运行维护管理
实验目的：使学生理解电子商务系统实施与运行维护管理作为电子商务系统的生命周期中的最后物理实现阶段，对于电子商务系统的质量、可靠性和可维护性的重要影响，了解电子商务系统实施的主要活动构成。了解系统测试的作用和意义，理解系统测试的内容，掌握系统测试的方法（软件测试、web测试）。了解商务运作准备的主要工作。了解系统运行维护的内容。
五、考核方式与成绩评定 考核方式：考试。
成绩评定：综合考试成绩、平时作业成绩、考勤情况，按百分制评定。期末考查成绩占60%，平时成绩占40%（其中平时作业成绩占30%，考勤成绩占10%）。
网站设计教学共3
网站设计实践教学总结
这学期的实践教学课值得好好的总结。因为体会的东西的确很多。现在就从最开始的教学，认真的总结这个学期的经验和教训。
一、实践教学是在理论课基础上的教学
这学期最开始的时候，并不知道本班的学生分为两个层次，一个是学习了网页设计理论课的学生，一部门是没有任何网页设计基础的学生。一个班有两个截然不同的组成，根本不知道应该如何教授。如果说基础知识，学了理论的学生就不能学到任何东西，如果说高层的知识，那没有理论的学生就完全不知所云。所以，刚开始上课的时候非常吃力。但最后决定以学习了理论的同学为标准，进行讲授，没有学习过理论的同学下课单独辅导。这样就不耽误课程进度。
所以，从这个学期的教训来看，实践教学应该是在理论基础上的教学，没有理论基础，就不能够有实践的学习。所以，建议以后的实践教学课和理论课进行套选，即只有选择了理论课，才能学习实践课。
二、实践教学是以项目为驱动的教学
我们一直把握以“项目为驱动”的教学方式，而且我们今后也要继续朝这条路走下去。做实际的项目是最好的学习方式，让学生从头到尾的制作一个项目，对整个过程有一个整体的把握，整个项目完成，他们就会有所进步。对于使用什么项目，如何设计项目，这个是非常重要的，实践教学之所以有意义，是因为学生能够把理论课上的知识得到综合的运用，更在于学生能够学到了理论课上不能学习的知识。所以，这才是实践课的魅力所在。 虽然每科的知识不同，但设计项目的理念是相同的，都是对学生知识的综合运用，这些知识应该是他们学习过的知识，对他们在理论课上已经学习过的知识进行综合的运用。这个学期在项目设计上花费了很大的功夫，从刚开始用代码编写一个网站，到用表格进行布局，再到综合运用知识制作一个网站。最后运用ASP设计制作一个网站，从简到繁，一步一步的达到提高学生综合素质的能力。学习完以后，学生能够自主的设计，制作一个网站。
三、实践教学教师能力的提高
“名师出高徒”，现在对这句话的理解非常深刻。一个好的教师，一个知识丰富的教师，能够潜移默化的让学生在有限的学习时间里获得更多的知识，这就是一个优秀教师和一个一般教师的区别。所以师的自生素质应该得到相应的提高，才能让学生学到更多的知识。这也给教师自身的能力是一个挑战，如果你不是知识牢固，你不是不断的学习，不断的提高自己的动手能力。不丰富自己的工作经验，面对学生的问题，面对学生的错误，你可能会束手无策，这样会误人子弟。所以作为老师，最应该不断的为自己充电。让知识得到及时的更新和补充，这样才能够教出更高水平的学生。
四、实践教学应发扬学生的主动性
实践教学应该发扬学生的主动性。学生的潜力是无限的，如果给他一个框，他的思维就会被禁锢，学到的东西也会一成不变，不能够举一反三，所以在教学的过程中，不仅要让学生懂得这些知识点，更应该让学生知其所以然，以后遇到类似的问题就能够很好的解决。如何发扬学生的主动性呢？一个很好的方法，就是让学生参与你的教学，让他们来说他们对这个知识点的理解，然后教师给予补充和纠正。这样他们的主动性就得到了很大的提高，而且这些知识在他们的知识库里会记忆得更加牢固，更加灵活。
还要“授人以渔”，这种方法是能够伴随学生一辈子的，老师教的东西比较非常有限，但学生今后的成长路很长，需要他们自己用能力去创造，所以现在我们应该授人以渔，才能让他们在今后的道路中不断的进步。所以在教学的过程中，我会很注重对他们能力的培养，让他们学习如何有选择的学习，如何找到自己的位置，如何自己学习。这些习惯和方法的养成，对他们今后有更好的发展。
五、利用优秀的网络资源引导学生学习。
现在有很多优秀的视频教材可以利用。这些教材是经过了很多人的努力而得来的。所以应该是非常经典的教程。我们可以合理的利用这些优秀的教材，辅助我们的教学。也可以学习他们的教学方式，更好的教授我们的课程。但这些教材只是辅助性的东西，相当于老师的PPT课件，是辅助教师更好的教学，并不是取代教师上课。这点是非常重要的。
六、耐心，赏识，惩罚
对于这门课，最重要的是耐心，学生的问题非常多，而且一点点细微的错误都会导致整个项目的失败，所以耐心非常重要，耐心的为他们讲解，提示他们为什么会有这样的错误，以后遇到这样的错误应该怎么处理。这些耐心并不意味这你要替他们解决问题，应该是为他们找到解决问题的方法，让学生自己动手去解决问题。
“赏识教育”非常重要，每个人都是想要得到别人的鼓励和肯定的。我对学生的要求非常低。毕竟他们才大一的学生。只要他们有一点点的进步，我都会很开心的鼓励他们，非常不错，大一能够学到这么多知识，非常好了。一步一步的来，相信你们肯定都会比我更厉害。所以学生对这门课的兴趣也会更加的浓厚。试想一个老师每天在课堂上都是打击学生的积极性，都说：“这么简单的东西，这么做了这么久都没做出来。你们在干什么？”那学生肯定没任何兴趣去听他的课，因为老师已经给他们下了定论。你们就是学不懂。再努力也是白费。这样对学生，对教学都是百无一益的。所以，赏识教育给予学生信心，也给予和谐的课堂环境。 有“赏”就有“罚”，这样才能够更好的促进学生进步。“罚”并不是惩罚，“罚”和“赏”是相对的。当你对某些表现好的同学进行“赏”的时候，其实就是对表现不好的同学的一种“罚”。因为他们知道自己做得不够好，没有得到“赏”。我会对他们说：“希望你们下次努力，也能够得到奖励。”所以下次，他们会做得更好。这样的“罚”对于他们来说是一种鞭策，一种进步。所以“赏”和“罚”是不能分开的一组机制。
结语
总结整个2007年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。
前进的步伐不会停止，因为我的追求永不停止！
现代技术中心：张慧
2007年7月4日