网页制作电子教案项目备课
(完整版)网页设计与制作电子教案
H-r 母存电子教案课程：第1章网页制作基础1.4.1 Flash CS3的启动与退出1.4.2制作“蓝莲花”网页1.5 练习与提高课程：第2章Dreamweaver CS5基本操作课程：第3章创建网页基本对象H-r 母存电子教案课程：第4章布局页面电子教案课程：第5章使用AP Div和行为知识回顾：上一课时讲的如何编辑表格和框架？讨论问题：1、AP Div是什么？2 、在网页中有什么用？3 、又如何对其进行操作？第5章使用AP Div和行为5.1 AP Div的创建和设置5.1.1 创建AP Div5.1.2 AP Div的“属性”面板5.1.3 “ AP元素”面板5.1.4 应用举例——创建AP Div5.2 AP Div的基本操作5.2.1 选择AP Div5.2.2 调整AP Div的大小5.2.3 移动AP Div5.2.4 对齐AP Div5.2.5 应用举例一一使用AP Div布局页面5.3行为的基本操作5.3.1认识行为和事件5.3.2 “行为”面板课第6章创建表单电子教案知识回顾：上一课时讲的AP Div和行为的使用方法？讨论冋题：1、为什么要创建表单？2 、表单中又包含哪些对象？第6章创建表单6.1表单的概念6.1.1 表单域6.1.2表单对象6.1.3应用举例快速选择表单域和表单对象6.2创建表单对象6.2.1 文本域6.2.2复选框6.2.3单选按钮6.2.4列表和菜单6.2.5跳转菜单6.2.6表单按钮6.2.7创建图像域6.2.8用举例在添加表单对象的同时添加表单域6.3上机及项目实训6.3.1制作注册表单页面6.3.2制作搜索表单6.4练习与提高电子教案课第7章CSS与多媒体的应用课第8章Flash CS3基础知识回顾：上一课时讲的CSS与多媒体在网页中的应用? 讨论问题：1、Flash动画具体是指什么？2 、在网页中起什么作用？第8章Flash CS3基础8.1 认识Flash动画8.1.1 Flash动画的原理及应用领域8.1.2 Flash动画在网页方面的应用8.1.3 认识Flash CS3工作界面8.1.4应用举例一一设置文档属性8.2 Flash文档的基本操作8.2.1 Flash文档的创建8.2.2 Flash文档的保存8.2.3 Flash文档的打开8.2.4应用举例一一新建Flash广告动画8.3上机及项目实训8.3.1 制作“ gongzhu” Flash 文档8.3.2 制作SHOW 文档8.4 练习与提高课程：第9章绘制Flash图像电子教案知识回顾：上一课时讲的Flash动画的应用领域和基本操作方法？讨论冋题：1、Dreamweave和Flash的相同点和不同点各是什么？2 、Flash与其他网页制作软件比其优点是什么？第9章绘制Flash图像9.1绘图工具的使用9.1.1工具箱介绍9.1.2 矢量图与位图9.1.3应用举例一一绘制咖啡杯9.2图像的编辑和导入9.2.1组合与分离9.2.2 图像的导入9.2.3将位图转换为矢量图9.2.4应用举例光晕图像效果9.3图像特殊效果的创建9.3.1 “滤镜”面板9.3.2滤镜的使用9.3.3应用举例一一创建特殊字体效果9.4上机及项目实训9.4.1绘制鼠标图形电子教案课程：第10章元件和“库”面板电子教案课程：第11章用时间轴创建动画H-r 母存电子教案课程：第12章导入声音和视频电子教案课程：第13 章使用Action Script 语句13.4上机及项目实训13.4.1制作可拖动的小球动画13.4.2制作星空闪烁动画13.5练习与提高电子教案课程：第14章测试及导出影片H-r 母存电子教案课程：第15章文字和图层应用电子教案课程：第16章路径、色彩和通道应用电子教案课程：第17章项目设计案例。
网页设计电子教案项目备课
网页设计电子教案项目备课一、教学目标1. 知识与技能：让学生了解网页设计的基本概念和原则。
培养学生运用HTML、CSS等前端技术进行网页设计与制作的能力。
使学生掌握网页设计的常用工具和软件。
2. 过程与方法：通过案例分析、讨论和实践，培养学生独立思考和合作解决问题的能力。
引导学生掌握网页设计的流程和方法，提高学生的创新能力和实践能力。
3. 情感态度与价值观：培养学生对网页设计的兴趣和热情，激发学生的创新意识。
使学生认识到网页设计在现代社会的重要性，提高学生的综合素质。
二、教学内容1. 网页设计基本概念：介绍网页设计的定义、发展历程和基本原理。
讲解网页设计的目的是和意义。
2. 网页设计原则：介绍网页设计的基本原则，如布局、色彩、字体等。
通过案例分析，让学生了解原则在实际设计中的应用。
3. 网页设计工具与软件：介绍常用的网页设计工具和软件，如Photoshop、Illustrator、Dreamweaver 等。
讲解这些工具和软件的基本功能和操作方法。
三、教学过程1. 课堂讲解：讲解网页设计的定义、发展历程和基本原理。
讲解网页设计的原则，如布局、色彩、字体等，并结合实际案例进行分析。
2. 实践操作：让学生利用所讲工具和软件，进行简单的网页设计实践。
引导学生独立思考，培养学生的创新能力和实践能力。
3. 课堂讨论：组织学生进行讨论，分享自己的设计心得和创意。
引导学生学会评价和分析他人的设计作品，提高学生的审美能力。
四、教学评价1. 课堂表现：观察学生在课堂上的参与程度、提问回答等情况，了解学生的学习态度和兴趣。
2. 实践作品：评价学生在实践操作中网页设计作品的创意、美观性和实用性。
3. 课堂讨论：评价学生在讨论中的表现，如观点阐述、评价他人作品等，了解学生的思考深度和表达能力。
五、教学资源1. 教材：选用权威、实用的网页设计教材，为学生提供系统的学习资料。
2. 网络资源：利用互联网为学生提供丰富的学习资源，如设计素材、案例分析等。
网页设计电子教案项目备课
网页设计电子教案项目备课第一章：网页设计基础1.1 教学目标了解网页设计的基本概念掌握网页设计的常用软件和工具理解网页设计的基本原则和技巧1.2 教学内容网页设计的定义和作用网页设计的软件和工具介绍网页设计的原则和技巧讲解1.3 教学方法讲授法：讲解网页设计的定义和作用，介绍软件和工具实践法：演示网页设计的具体操作，让学生跟随实践1.4 教学评估课堂问答：检查学生对网页设计概念的理解实践作业：让学生完成一个简单的网页设计，检查学生对软件和工具的掌握程度第二章：网页布局与排版2.1 教学目标掌握网页布局的基本方法学会使用CSS进行网页排版理解响应式设计的概念和实现方法2.2 教学内容网页布局的方法和技巧CSS的基本语法和使用方法响应式设计的原理和实现方式2.3 教学方法讲授法：讲解网页布局的方法和技巧，介绍CSS的使用实践法：让学生跟随实践，完成一个响应式网页设计2.4 教学评估课堂问答：检查学生对网页布局和方法的理解实践作业：让学生完成一个响应式网页设计，检查学生对CSS的掌握程度第三章：网页色彩与字体3.1 教学目标学会使用色彩和字体来提升网页设计的美观度理解色彩和字体的搭配原则掌握色彩和字体的调整方法3.2 教学内容色彩的基本知识和搭配原则字体的选择和搭配原则色彩和字体的调整方法3.3 教学方法讲授法：讲解色彩和字体的基本知识，介绍搭配原则实践法：让学生跟随实践，调整网页的色彩和字体3.4 教学评估课堂问答：检查学生对色彩和字体的理解实践作业：让学生完成一个色彩和字体搭配合理的网页设计第四章：网页图像与多媒体4.1 教学目标学会使用图像和多媒体来丰富网页内容理解图像和多媒体的导入方法掌握图像和多媒体的调整和优化方法4.2 教学内容图像和多媒体的基本知识图像和多媒体的导入方法图像和多媒体的调整和优化方法4.3 教学方法讲授法：讲解图像和多媒体的基本知识，介绍导入方法实践法：让学生跟随实践，添加和调整网页的图像和多媒体4.4 教学评估课堂问答：检查学生对图像和多媒体的理解实践作业：让学生完成一个图像和多媒体丰富的网页设计第五章：网页交互与动画5.1 教学目标学会使用网页交互和动画来提升用户体验理解交互和动画的基本原理掌握交互和动画的实现方法交互和动画的基本原理HTML和CSS实现交互和动画的方法JavaScript实现交互和动画的示例5.3 教学方法讲授法：讲解交互和动画的基本原理，介绍实现方法实践法：让学生跟随实践，添加交互和动画到网页中5.4 教学评估课堂问答：检查学生对交互和动画的理解实践作业：让学生完成一个具有交互和动画的网页设计第六章：网页代码基础6.1 教学目标理解HTML和CSS的基本语法掌握常用的HTML标签和CSS选择器学会使用网页代码编辑器进行网页开发6.2 教学内容HTML的基本结构和常用标签CSS的基本语法和选择器网页代码编辑器的使用和技巧6.3 教学方法讲授法：讲解HTML标签和CSS选择器的使用实践法：让学生跟随实践，编写简单的HTML和CSS代码课堂问答：检查学生对HTML标签和CSS选择器的理解实践作业：让学生完成一个简单的HTML和CSS网页设计第七章：网页高级技术7.1 教学目标掌握表格、表单和框架等高级HTML技术理解响应式设计的原理和实现方法学会使用预处理器如Sass和Less7.2 教学内容表格、表单和框架的使用方法响应式设计的原理和实现技巧Sass和Less的基本语法和使用方法7.3 教学方法讲授法：讲解表格、表单和框架的使用方法，介绍响应式设计的原则实践法：让学生跟随实践，完成一个响应式网页设计演示法：展示Sass和Less的使用方法和优势7.4 教学评估课堂问答：检查学生对表格、表单和框架的理解实践作业：让学生完成一个使用Sass或Less的响应式网页设计第八章：网页前端框架8.1 教学目标学会使用主流的前端框架如React、Vue和Angular理解前端框架的基本概念和原理掌握前端框架的基本使用方法8.2 教学内容主流前端框架的介绍和比较前端框架的基本概念和原理前端框架的基本使用方法和技巧8.3 教学方法讲授法：讲解前端框架的基本概念和原理实践法：让学生跟随实践，使用前端框架完成一个简单的网页设计8.4 教学评估课堂问答：检查学生对前端框架的理解实践作业：让学生完成一个使用前端框架的网页设计项目第九章：网页后端技术9.1 教学目标理解网页后端技术的基本概念和原理掌握常用的后端编程语言和框架学会使用数据库进行数据存储和管理9.2 教学内容网页后端技术的基本概念和原理后端编程语言如Python、Java和PHP的基本语法常用后端框架的介绍和使用方法数据库的基本概念和常用SQL语句9.3 教学方法讲授法：讲解后端编程语言和框架的使用方法实践法：让学生跟随实践，完成一个简单的后端网页设计9.4 教学评估课堂问答：检查学生对后端编程语言和框架的理解实践作业：让学生完成一个使用后端技术的网页设计项目第十章：网页项目实践10.1 教学目标培养学生独立完成网页设计项目的能力提升学生解决实际问题的能力加强学生对网页设计整个流程的理解10.2 教学内容网页设计项目的选题和规划网页设计项目的实施和调试网页设计项目的评价和反思10.3 教学方法讲授法：讲解项目选题和规划的方法实践法：学生独立完成网页设计项目反馈法：学生展示项目并进行自我评价和反思10.4 教学评估项目评审：评估学生网页设计项目的质量学生反馈：收集学生的自我评价和反思意见重点和难点解析一、教学目标设定：确保教学目标明确、具体，并与课程内容紧密相关。
《网页制作》教学设计（5篇）
《网页制作》教学设计（5篇）作为一名优秀的教导工，通常会被要求编写教学设计，借助教学设计可以提高教学质量，收到预期的教学效果。
则写教学设计须要留意哪些问题呢？下面是我收拾的《网页制作》教学设计〔精选5篇〕，欢送阅读与收藏。
《网页制作》教学设计1一、教材或教学内容分析本章内容在本教材中的位置处于第五章,是在文字处理(Word2000)和网络根底及因特网应用两章之后。
学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有无数的共通之处,所以在学习frontpage的时候,无数内容可以让学生自学,而不必面面俱到地在课上讲授。
而第四章网络根底及因特网的应用又为学生对网页的理解奠定了根底,学生对网页中的根本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的办法。
所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些根底,学起来就轻巧多了。
本章内容根据学生已有的根底,我对教学内容分了一下类,也为教学的组织工作打下一点根底。
本章内容主要由网页根底学问、网站的建设和管理、网页的制作、创立超链接、图片的处理、网页框架。
重点是网页的制作和创立超链接,学会了这些就可以开场容易的网页制作了。
难点是网页框架,这局部互相之间关系比拟冗杂,必要时,教师在对各组个别辅导时,可以赋予分离解说。
这个分类可以为组长支配各个组员的任务提供参考,使分工越发合理。
二、教学对象的分析信息技术课虽然已经成为初中的必修科目,但是城乡学生之间控制状况的差别却相当大,条件好一点的初中学生不仅已经娴熟控制了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开场才正式接触到信息技术学问的学习,他们须要多锻炼、多指导,所以配合学习对学生的学习帮忙很大。
三、教学策略的挑选及媒体的使用在教学策略的挑选上,我使用的是任务驱动和配合学习相结合的办法。
网页制作教学设计
网页制作教学设计（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作总结、实习报告、职业规划、职场语录、规章制度、自我介绍、心得体会、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays, such as work summaries, internship reports, career plans, workplace quotes, rules and regulations, self introductions, insights, teaching materials, complete essays, and other sample essays. If you want to learn about different sample formats and writing methods, please pay attention!网页制作教学设计网页制作教学设计（通用5篇）作为一名老师，时常要开展教学设计的准备工作，教学设计是实现教学目标的计划性和决策性活动。
《网页制作》项目式教案
《网页制作》项目式教案一、教学目标1. 了解网页制作的基本概念和流程。
2. 掌握HTML、CSS和JavaScript的基本语法和应用。
3. 能够独立完成一个简单的网页制作项目。
二、教学内容1. 网页制作基本概念：网页、网站、HTML、CSS、JavaScript等。
2. HTML基本语法及应用：创建网页结构、添加图片、、表格等。
3. CSS基本语法及应用：设置字体、颜色、布局、样式等。
4. JavaScript基本语法及应用：实现动态效果、交互功能等。
5. 网页制作流程：需求分析、设计、编码、测试、发布等。
三、教学方法1. 讲授：讲解网页制作的基本概念、语法和应用。
2. 示范：展示实际操作过程，让学生跟随操作。
3. 练习：学生独立完成练习题，巩固所学知识。
4. 项目实践：学生分组完成一个简单的网页制作项目。
四、教学准备1. 教室环境：多媒体教学设备、网络连接。
2. 教学素材：教案、PPT、示例代码、练习题、项目任务书等。
3. 学生设备：电脑、编程环境（如VS Code、Sublime Text等）。
五、教学安排1. 课时：20课时（每课时45分钟）。
2. 教学进度安排：第一课时：介绍网页制作基本概念和流程。
第二课时：讲解HTML基本语法及应用。
第三课时：讲解CSS基本语法及应用。
第四课时：讲解JavaScript基本语法及应用。
第五课时：讲解网页制作流程。
后续课时：学生分组完成项目实践，教师辅导。
六、教学评价1. 课堂参与度：观察学生在课堂上的发言和提问情况，评估学生的参与度。
2. 练习题完成情况：检查学生完成练习题的情况，评估学生对知识的掌握程度。
3. 项目实践：评估学生在项目实践中的表现，包括网页设计、编码、测试等环节。
4. 小组合作：观察学生在小组合作中的角色和贡献，评估学生的团队合作能力。
七、教学反思1. 课堂讲解：反思教学过程中是否清晰、生动地讲解知识点，是否及时解答学生的疑问。
2. 实践环节：反思项目实践的设计和指导是否合理，是否能够激发学生的创新和解决问题的能力。
《网页的制作》教案【优秀3篇】
一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。
《网页制作》项目式教案
《网页制作》项目式教案第一章：网页制作基础知识1.1 教学目标让学生了解网页制作的基本概念和流程。
让学生掌握HTML和CSS的基本语法和用法。
1.2 教学内容网页制作的基本概念和流程。
HTML的基本语法和用法，如标签、属性、注释等。
CSS的基本语法和用法，如选择器、属性、注释等。
1.3 教学活动讲解和演示网页制作的基本概念和流程。
通过示例让学生动手编写HTML和CSS代码，加深理解。
1.4 教学评价检查学生对网页制作基本概念的理解程度。
评估学生对HTML和CSS代码的编写能力。
第二章：网页布局与设计2.1 教学目标让学生了解网页布局的基本方法和技巧。
让学生掌握常用的网页设计原则和技巧。
2.2 教学内容网页布局的基本方法和技巧，如固定布局、百分比布局、浮动布局等。
常用的网页设计原则和技巧，如对齐、间距、颜色搭配等。
2.3 教学活动讲解和演示网页布局的基本方法和技巧。
通过示例让学生动手实践，设计出美观的网页布局。
2.4 教学评价检查学生对网页布局方法和技巧的理解程度。
评估学生对网页设计原则和技巧的运用能力。
第三章：网页动画与交互3.1 教学目标让学生了解网页动画和交互的基本概念和实现方法。
让学生掌握JavaScript和CSS动画的基本语法和用法。
3.2 教学内容网页动画和交互的基本概念和实现方法，如动画原理、交互事件等。
JavaScript和CSS动画的基本语法和用法，如动画函数、过渡效果等。
3.3 教学活动讲解和演示网页动画和交互的基本概念和实现方法。
通过示例让学生动手编写JavaScript和CSS动画代码，实现网页动画和交互效果。
3.4 教学评价检查学生对网页动画和交互基本概念的理解程度。
评估学生对JavaScript和CSS动画代码的编写能力。
第四章：网页优化与推广4.1 教学目标让学生了解网页优化的基本方法和技巧。
让学生掌握网页推广的基本方法和技巧。
4.2 教学内容网页优化的基本方法和技巧，如代码优化、图片优化、加载速度优化等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
项目二
网页制作基础
【项目描述】
中文版Dreamweaver8是目前比较流行的网页制作工具。
本项目主要介绍中文版Dreamweaver8的工作窗口及使用方法，以及HTML的基本结构。
【教学目标】
1.安装Dreamweaver8，介绍其工作窗口及使用方法。
2.学会定义本地站点，并讲解规划站点结构的原则，在站点中搭建模拟结构。
3.Html代码的基本结构。
【项目分配】
任务一认识Dreamweaver8。
（1课时）
任务二创建本地站点，搭建模拟结构。
（2课时）
任务三html代码的基本结构。
（2课时）
任务一：认识Dreamweaver8（1课时）
一、教材分析：
中文版dreamweaver8是目前比较流行的网页制作工具。
主要介绍中文版dreamweaver8的工作窗口以及其使用方法
二、学情分析：
本班学生都是刚接触到dreamweaver8，对于本节课知识兴趣浓厚，学习积极性高。
三、教学目标：
知识目标：初步了解中文版dreamweaver8的工作窗口、工具栏、文档窗口、浮动面板、菜单和辅助设计工具。
情感目标：通过本节课的学习使学生掌握知识的同时，提高他们的自学能力。
能力目标：通过本节课的学习培养学生动手操作能力。
四、教学重点
掌握中文版dreamweaver8的8的工作窗口、工具栏、文档窗口、浮动面板、菜单和辅助设计工具、属性面板和浮动面板显示及使用。
五、教学难点
快捷工具栏的显示及组成、使用，浮动面板的显示与隐藏菜单和辅助设计工具的作用教学方法与过程：
（一）导入新课：提问学生对网站的了解，internet网与我们生活的联系及重要性。
引发学生思考，带着颖问进入教学课题。
（二）揭示课题：网站大部分都是由Dreamweaver8 制作出来的这节课我们就来“认识Dreamweaver8”
（三）教师演示：
1.启动Dreamweaver8从开始菜单启动，出现工作区设置对话框，选择设计器工作区。
设计器是标准的工作区。
2.Dreamweaver8工作界面认识Dreamweaver8工作界面，对掌握和提高制作效率是关键的一步。
（1）标题栏：左侧有网页标题，所在位置及文件名称，右侧有最小化，最大化
和关闭。
（2）菜单栏：有“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”、“帮助”。
（3）快捷工具栏：选择“查看”中的“工具栏”，勾选“插入”、“文档”、“标准”三项，完整的快捷工具栏就显示出来。
3.网页编辑窗口快捷工具栏下面的区域就是“网页编辑区域”。
在启动Dreamweaver8
时将显示一个“起始页”，包括“打开最近项目”、“创建新项目”、“从范例创建”三个方便实用的项目。
可以勾选“不再显示此对话框”使它隐藏。
用户可以在文档区域中进行输入文字，插入表格和编辑图片等操作。
4.属性面板网页设计中的对象都有各自的属性，属性面板的设置项目会根据对象不同而
变化。
5.浮动面板根据面板的特性命名，浮动于编辑窗口之外。
在窗口菜单中单击不同的命令
可以打开不同的面板。
在“窗口”中选择“排列面板”能够整齐地摆放在屏幕上，按F4可以隐藏和显示面板。
3
1.
2.在站点定义对话框中根据向导一步步操作，“输入网站名称”“是否使作服务器技
术”、“选择编辑方式（编辑网页的本地副本，完成后上传。
或使用本地网络直接在服务器上进行编辑。
）”、选“存储位置”、“配置远程站点（选无，网站建设完成后再FTP上传。
）”完成设置，在“文件”面板中显示出刚建立的站点。
（四）管理本地站点通常，dreamweaver8站点管理器都要对多个网站进行管理，这就需要专门的工具来完成站点的切换，添加、删除等操作，打开“文件”面板，在下拉菜单中选“管理站点”，可打开多站点管理面板。
用dreamweaver8编辑网页或进行网站管理时，每次只能操作一个站点，可选其它站点切换操作编辑。
在管理站点中，可复制站点，删除站点（文件保存在硬盘上不会被删），可导入，导出（导出为一个XML文件。
）
任务三 html代码的基本结构
（2课时）
一、【教学目标】
知识目标：介绍html网页的编写方法，介绍网页命名规则和html代码的基本结构。
技能目标：掌握html代码的基本结构后，能在Dreamweaver8的“代码”面板，建立第一个网页页面。
情感目标：通过本次学习后，能培养学生对网页制作软件的进一步了解，增强学生学习网页设计的兴趣和欲望，熟知网页制作软件给我们设计网页带来的便捷。
二、【教学重点】
1．Html的基本概念。
2．html网页的编写方法。
3. 建立第一个网页页面。
三、【教学难点】
html网页的编写方法。
四、【教学过程】
（一）明确项目任务（包括了导入项目任务和布置项目任务）
上节课，我们学习了创建本地站点、搭建模拟结构，我们先一起在Dreamweaver中搭建起我们的站点结构。
结构搭建好了，我们今天就一起来做网页吧！
（二）制定项目实施计划（项目实施）
1．教师讲解示范：在桌面上展示一张简单网页，查看其源代码，和学生一起来分析，看看能发现什么问题。
引出我们html代码的写法。
详细介绍网页命名规则和html代码编写规则。
2．学生活动：学生小组讨论，分析源代码的特点。
教师做好对学生的辅导检查，对做的好的学生给予鼓励。
3．教师讲解示范：制作一张简单网页。
在Dreamweaver中创建一张网页：“文件”---“新建”--“html”，在“代码”面板逐个讲解<html><head><body>作用功能，完成第一张网页。
4．学生活动：请一个小组上台演示，完成第一张网页,保存网页，在浏览器预览网页。
教师做好对学生的辅导检查，对做的好的学生给予鼓励。
5．教师讲解示范：为网页添加标题。
观察浏览器中显示出标题，引出<head>中的<title>标识，在“拆分”版面对比讲解，为网页添加标题。
完成一张完整的网页。
6．学生活动：教师演示完步骤后交由学生完成，教师做好对学生的辅导检查，对做的好的学生给予鼓励。
五、【练习巩固发展】
完成课本45页习题2，填空题的1至4。
六、【评价与反思】
Html学习起来和枯燥，我们班上的学生又比较喜欢自己动手操作，所以在第一节接触html代码的课程中，我尽量安排少一点内容，并多与学生互动，多在实际操作。
七、【学生作业及上交】
未布置作业。
7。