Dreamweaver网页制作授课计划
Dreamweaver网页制作授课计划--第一学期
深圳市携创技工学校一体化专业课学期授课计划（代号C-1）2009 — 2010学年第二学期课程名称Dreamweaver网页制作实用教程○2授课专业、班级计算机应用班任课教师谭学明教研组长教务科长教务副校长二〇一〇年二月二十六日一体化专业课学期授课计划说明（代号C-2）本学期学时分配其 中本总课学程时已授 学时尚余学时周数周 学 时总 学 时讲授课堂讨论课堂作业实验现场教学操作训练测验小计余（缺）学时余（缺）学时处理意见5555755///3021455教学大纲名称、版本学校自编《Dreamweaver 网页制作大纲》2009版使用教材 名称、版本Dreamweaver 网页制作实用教程清华大学出版社 第一版主要参考书名称、版本Dreamweaver 网页设计150例第一版拟需外出参观地点需要增加的 设备、材料、工量具及其他多媒体计算机/投影仪/移动存储器/多媒体课件说明：本课程是采用周末上课集中强化学习的方式，采用实践和理论相结合，上课总天数为6天，前5为7节课，最后一天是6节课，最后一天用4节课当做本课程的期末考试，备注：1、一体化专业课指理论和实习一体化教学的课程。
一体化专业课学期授课计划（代号C-3）教学安排及学时分配课外作业及学时序次周次章节（课题）主要内容讲授课堂讨论课堂作业实验现场教学操作训练出外参观测验小计1第一章网页设计基础212月18第一节HTML基础1、HTML简介2、HTML标签11312月18第二节认识DW1、初识Dreamweaver2、工作环境22412月18第三节创建HTML1、在代码视图中创建HTML2、标签选择、代码提示115第二章网页文字图像612月18第一节网页中文字1、网页中的文字2、文字格式11712月18第二节网页中图像1、使用图像2、图片应用22812月19第三节图片文字排版1、图像的编辑2、图文混排119第三章网页中的表格1012月19第一节表格标签1、表格标签2、表格制作111112月19第二节表格编辑1、创建表格的基本操作2、格式表格1112第三节表格应用1、导入表格数据和排序2、表格布局11213第四章网页中多媒体1412月19第一节网页FLASH网页中的多媒体1、在网页中应用Flash动画2、网页中Flash视频1121512月25第二节网页中的音频和视频1、在网页中应用音频和视频2、播放视频11216第五章超级链接1712月25第一节链接基础1、超级链接基础2、怎样创建链接1121812月25第二节链接应用1、常见的超级链接2、链接的应用1119第三节导航条应用1、什么是导航条2、在网页中创建导航条1120第六章用CSS美好网页2112月25第一节CSS基础1、认识“CSS”样式2、新建CSS规则3、在网页中应用CSS样式112212月26第二节创建CSS1、类选择符2、表示选择符3、用CSS重新定义HTML标签4、超级链接的CSS样式112312月26第三节CSS应用1、链接外部CSS样式文件2、CSS样式及运用3、用CSS控制列表、背景、区块4、CSS样式滤镜的应用112412月26第四节链接外部CSS样式文件1、制作CSS样式文件2、通过链接使用外部样式表1125第七章网页布局2612月26第一节使用布局模式1、在布局模式下绘制表格2、设置表格和单元格3、用布局表格布局网站首页112712月26第二节应用层布局网页1、制作层2、层属性详解3、嵌套层4、层HTML代码5、使用辅助工具精确定位网页元素6、表格和层的相互转换112812月26第三节用层布局网站首页1、实现效果2、制作步骤112912月26第四节表格和CSS布局1、实现效果2、制作步骤0.50.53012月26第五节DIV和CSS布局1、理解CSS盒子模型2、DIV标签的应用3、DIV和CSS布局网站首页0.50.531第八章框架网页321月8第一节制作简单框架网页1、建立框架集2、保存框架和框架集3、理解框架HTML代码0.50.5331月8第二节创建框架和框架集1、使用预定义的框架集2、拆分和删除框架0.50.5341月8第三节设置框架集属性1、选中框架和框架集2、设置框架的属性2、设置框架集的属性11351月8第四节嵌套框架1、建立嵌套框架集2、保存左侧框架3、保存右侧框架11361月8第五节框架集中的超练级1、相对链接目标-TOP2、绝对链接目标0.50.5371月8第六节制作一个框架网页1、制作步骤和效果0.50.5 38第九章交互网页391月8第一节行为1、行为概念2、行为应用11401月8第二节时间轴动画1、时间轴动画2、时间轴应用11241第三节java应用1、在网页中应用Javascript11 42第十章模板和扩展Dreamweaver431月9第一节模板第二节DW和FW结合第三节DW扩展1、模板的概念2、使用模板3、模板的可选区域和重复区域4、使用可编辑的可选区域1、Dreamweaver和Fireworks结合1、安装和使用扩展插件22444第十一章表单及ASP动态网页的制作451月9第一节认识动态网页第二节安装和配置Web服务器1、静态网页和动态网页的区别2、动态网页设计语言3、ASP编程语言1、安装IIS2、配置WEB服务器112461月9第三节制作表单第四节网站数据库1、认识表单文档2、构成表单文档的表单控件1、数据库技术概述2、用ACCESS创建网站数据库11247第十二章开发管理网站481月9第一节网站开发流程第二节网站测试1、网站、服务器2、网站开发流程1、建立站点2、制作网页1、网站测试2、网站发布1、整站测试与运行112491月9第十三章第十四章1、网站测试2、网站发布1、整站测试与运行12350考试44合计3021455。
DreamWeaver网页制作公开课教案
最新DreamWeaver网页制作公开课教案第一章：DreamWeaver概述1.1 课程介绍了解DreamWeaver在网页制作中的地位和作用掌握DreamWeaver的基本功能和特点熟悉DreamWeaver的操作界面1.2 DreamWeaver的功能特点代码编辑与可视化编辑相结合丰富的网页布局功能强大的CSS样式管理支持多种编程语言跨平台兼容性1.3 DreamWeaver的操作界面掌握工具栏、菜单栏、状态栏等主要组件的使用自定义工作区布局第二章：网页制作基础2.1 HTML基础掌握HTML的基本结构熟悉常用的HTML标签及其属性了解HTML5的新特性2.2 CSS样式掌握CSS的基本语法熟悉选择器、属性和值的使用了解CSS盒模型和布局2.3 文本与图像插入与编辑文本插入与编辑图像设置图像属性了解多媒体的使用第三章：网页布局与排版3.1 表格布局创建表格调整表格大小和列宽设置表格边框和颜色掌握表格的合并与拆分3.2 框架布局创建框架设置框架属性嵌入其他网页或外部了解内联框架的使用3.3 CSS布局掌握Flexbox布局掌握Grid布局了解CSS Grid Layout与Flexbox的比较第四章：网页交互与动画4.1 表单与事件创建表单元素添加表单事件处理函数了解表单验证与提交4.2 JavaScript基础了解JavaScript语法和基本概念掌握JavaScript在DreamWeaver中的使用编写简单的JavaScript代码4.3 CSS动画与过渡掌握CSS动画的基本语法了解不同动画效果的实现熟悉过渡效果的设置第五章：网页优化与发布5.1 网页优化了解网页优化的目的和方法掌握关键词选取与优化优化图片大小与格式了解网页加载速度的优化5.2 网页发布配置网站服务器了解FTP传输协议将网页到服务器掌握网页发布的注意事项第六章：DreamWeaver 高级功能6.1 模板与库创建可重用的模板了解模板的使用和限制使用库项目保存可重复使用的元素应用库项目到多个页面6.2 组件与行为创建自定义组件了解组件的嵌套和使用添加行为以实现页面交互掌握行为的管理和删除6.3 Spry 效果和组件使用Spry菜单栏和导航栏掌握Spry选项卡和折叠面板应用Spry验证表单元素了解Spry效果的实现原理第七章：CSS 高级应用7.1 CSS 高级选择器理解伪类和伪元素选择器掌握层次选择器和属性选择器了解结构伪类选择器实践复杂选择器的应用7.2 CSS 高级布局技术使用CSS浮动和清除浮动掌握CSS定位（相对、绝对、固定）了解Flexbox和Grid布局的高级应用实践响应式设计的布局技巧7.3 CSS 预处理器了解Sass和Less等预处理器的作用掌握预处理器的基本语法将预处理器与DreamWeaver结合使用实践预处理器提高CSS的可维护性第八章：网页编程语言8.1 JavaScript 进阶理解函数和闭包掌握JavaScript对象和类学习事件处理程序和异步编程实践JavaScript在DreamWeaver中的高级应用8.2 HTML5 和CSS3了解HTML5的新特性掌握HTML5文档类型和结构学习CSS3的新特性和高级应用实践HTML5和CSS3在现代网页设计中的应用8.3 服务器端编程了解服务器端编程的基本概念学习服务器端脚本语言（如PHP、Python等）掌握服务器端编程的常见任务实践与DreamWeaver结合的服务器端编程第九章：网页项目实战9.1 项目规划与设计学习项目需求分析和规划掌握网页设计的基本原则了解设计工具（如Adobe XD、Sketch等）的使用实践完成一个简单的网页设计项目9.2 网页开发流程学习网页开发的步骤和最佳实践掌握网页编码和代码审查了解版本控制工具（如Git）的使用实践完成一个完整的网页开发项目9.3 项目部署与维护学习网页项目的部署流程掌握网站服务器的基本配置了解网站维护和更新的方法实践部署和维护一个网页项目第十章：网页设计与制作的未来趋势10.1 响应式网页设计了解响应式网页设计的重要性掌握媒体查询和响应式布局技术学习如何使用DreamWeaver进行响应式设计实践创建适用于多种设备的响应式网页10.2 前端框架和库学习流行的前端框架（如React、Vue等）掌握前端库的使用和集成了解框架和库对网页制作的影响实践使用前端框架构建复杂的网页应用10.3 网页制作的未来技术了解WebAssembly和WebGL等新兴技术掌握Web性能优化的新技术学习可访问性和用户体验的最新趋势实践探索网页制作未来的发展方向重点解析重点解析：1. DreamWeaver的基本功能和特点2. HTML标签、属性和HTML5新特性3. CSS语法、选择器和盒模型4. 表格布局、框架布局和CSS布局5. 表单与事件、JavaScript基础和CSS动画6. 模板与库、组件与行为、Spry效果和组件7. CSS高级选择器、布局技术和预处理器8. JavaScript进阶、HTML5和CSS3、服务器端编程9. 网页项目实战流程、部署与维护10. 响应式网页设计、前端框架和库、网页制作的未来技术难点解析：1. HTML5和CSS3的新特性和高级应用2. JavaScript的高级概念和异步编程3. 响应式网页设计和前端框架的使用4. 服务器端编程和版本控制工具的使用5. 网页项目规划和设计的实践应用。
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.
толькодля людей, которые используются для обучения, исследований и не должны использоваться в коммерческих целях.
以下无正文
不得用于商业用途。
Dreamweaver网页制作教案
Dreamweaver网页制作教案第一章：Dreamweaver简介1.1 课程目标了解Dreamweaver的发展历程和版本更新掌握Dreamweaver的基本功能和界面布局熟悉Dreamweaver的快捷键和基本操作1.2 教学内容Dreamweaver的历史和版本介绍Dreamweaver的界面布局和功能介绍Dreamweaver的基本操作和快捷键使用1.3 教学方法讲解与演示相结合，让学生了解Dreamweaver的发展历程和功能特点上机实践，让学生熟悉Dreamweaver的基本操作和界面布局布置课后练习，巩固所学知识1.4 教学资源Dreamweaver软件PowerPoint课件课后练习题1.5 教学评价课后练习完成情况学生对Dreamweaver基本功能的掌握程度第二章：创建和管理网页2.1 课程目标掌握新建、打开、保存和关闭网页的方法熟悉页面标签和属性的设置了解网站结构和文件管理的方法2.2 教学内容新建、打开、保存和关闭网页的操作方法页面标签和属性的设置网站结构和文件管理的方法2.3 教学方法讲解与演示相结合，让学生掌握新建、打开、保存和关闭网页的方法上机实践，让学生熟悉页面标签和属性的设置布置课后练习，巩固所学知识2.4 教学资源Dreamweaver软件PowerPoint课件课后练习题2.5 教学评价课后练习完成情况学生对网页创建和管理方法的掌握程度第三章：编辑网页文本和图像3.1 课程目标掌握在Dreamweaver中编辑文本的方法熟悉图像的插入、编辑和替换了解超的创建和使用3.2 教学内容在Dreamweaver中编辑文本的方法图像的插入、编辑和替换超的创建和使用3.3 教学方法讲解与演示相结合，让学生掌握编辑文本和图像的方法上机实践，让学生熟悉超的创建和使用布置课后练习，巩固所学知识3.4 教学资源Dreamweaver软件PowerPoint课件课后练习题3.5 教学评价课后练习完成情况学生对文本编辑和图像处理的掌握程度第四章：表格和框架的使用4.1 课程目标掌握表格的插入、编辑和删除熟悉框架的创建和应用了解表格和框架在网页布局中的应用4.2 教学内容表格的插入、编辑和删除框架的创建和应用表格和框架在网页布局中的应用4.3 教学方法讲解与演示相结合，让学生掌握表格和框架的使用方法上机实践，让学生熟悉表格和框架在网页布局中的应用布置课后练习，巩固所学知识4.4 教学资源Dreamweaver软件PowerPoint课件课后练习题4.5 教学评价课后练习完成情况学生对表格和框架使用的掌握程度第五章：CSS样式和布局5.1 课程目标掌握CSS样式的创建、应用和编辑熟悉Dreamweaver的布局方式了解响应式布局和移动端适配5.2 教学内容CSS样式的创建、应用和编辑Dreamweaver的布局方式响应式布局和移动端适配5.3 教学方法讲解与演示相结合，让学生掌握CSS样式的使用方法上机实践，让学生熟悉Dreamweaver的布局方式布置课后练习，巩固所学知识5.4 教学资源Dreamweaver软件PowerPoint课件课后练习题5.5 教学评价课后练习完成情况学生对CSS样式和布局的掌握程度第六章：表单和动画6.1 课程目标掌握表单的创建和验证熟悉Flash动画和HTML5动画的插入了解网页中的多媒体应用6.2 教学内容表单的创建和验证Flash动画和HTML5动画的插入网页中的多媒体应用6.3 教学方法讲解与演示相结合，让学生掌握表单的创建和验证方法上机实践，让学生熟悉Flash动画和HTML5动画的插入布置课后练习，巩固所学知识6.4 教学资源Dreamweaver软件PowerPoint课件课后练习题6.5 教学评价课后练习完成情况学生对表单和动画的掌握程度第七章：网页代码编辑7.1 课程目标掌握HTML和CSS代码的编写熟悉JavaScript代码的插入和调试了解网页代码的优化和规范7.2 教学内容HTML和CSS代码的编写JavaScript代码的插入和调试网页代码的优化和规范7.3 教学方法讲解与演示相结合，让学生掌握网页代码的编写方法上机实践，让学生熟悉JavaScript代码的插入和调试布置课后练习，巩固所学知识7.4 教学资源Dreamweaver软件PowerPoint课件课后练习题7.5 教学评价课后练习完成情况学生对网页代码编辑的掌握程度第八章：网站发布与维护8.1 课程目标掌握网站的发布和更新熟悉网站的维护和推广了解网站运营的基本原则8.2 教学内容网站的发布和更新网站的维护和推广网站运营的基本原则8.3 教学方法讲解与演示相结合，让学生掌握网站发布和更新的方法上机实践，让学生熟悉网站维护和推广的操作布置课后练习，巩固所学知识8.4 教学资源Dreamweaver软件PowerPoint课件课后练习题8.5 教学评价课后练习完成情况学生对网站发布与维护的掌握程度第九章：网页设计规范与最佳实践9.1 课程目标掌握网页设计的基本原则熟悉网页设计的最佳实践了解网页设计中的创新与趋势9.2 教学内容网页设计的基本原则网页设计的最佳实践网页设计中的创新与趋势9.3 教学方法讲解与演示相结合，让学生掌握网页设计的基本原则和最佳实践上机实践，让学生运用所学知识进行网页设计创新与趋势探索布置课后练习，巩固所学知识9.4 教学资源Dreamweaver软件PowerPoint课件课后练习题9.5 教学评价课后练习完成情况学生对网页设计规范与最佳实践的掌握程度第十章：综合案例与实战10.1 课程目标掌握网页设计的综合运用能力熟悉实战项目的操作流程了解行业需求和发展趋势10.2 教学内容网页设计的综合运用能力实战项目的操作流程行业需求和发展趋势10.3 教学方法讲解与演示相结合，让学生掌握网页设计的综合运用能力上机实践，让学生熟悉实战项目的操作流程布置课后练习，巩固所学知识10.4 教学资源Dreamweaver软件PowerPoint课件课后练习题10.5 教学评价课后练习完成情况学生对综合案例与实战的掌握程度重点解析本文档详细编写了一个关于Dreamweaver网页制作的教案，共包含十个章节。
《Dreamweaver网页设计》教案
《Dreamweaver网页设计》教案一、教案简介二、教学目标1. 掌握Dreamweaver的界面结构和基本操作。
2. 学会使用Dreamweaver制作和管理网页布局。
3. 掌握在Dreamweaver中插入和编辑各种网页元素，如文本、图片、等。
4. 学会使用CSS样式表美化网页。
5. 掌握在Dreamweaver中进行网页代码编辑和调试。
三、教学内容1. Dreamweaver的安装和界面介绍。
2. 网页制作的基本流程和规范。
3. 文本的插入、编辑和格式设置。
4. 图片的插入、编辑和优化。
5. 的创建和管理。
四、教学方法采用讲解、演示、实践相结合的教学方法。
教师先进行理论知识讲解和操作演示，学生跟随实践，巩固所学知识。
在实践过程中，教师会提供指导和解答疑问。
五、教学环境1. 计算机房，每台计算机安装有Dreamweaver软件。
2. 投影仪或白板，用于展示操作过程。
3. 教学PPT或教案文档。
六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度，提问和回答问题的积极性。
2. 实践操作：评估学生在实践环节中制作网页的质量和完成情况。
3. 作业和练习：布置相关作业和练习题，评估学生的理解和掌握程度。
4. 期末考核：进行期末考核，包括理论知识和实践操作，以评估学生整体学习效果。
七、教学资源1. Dreamweaver软件：确保每台计算机都安装有Dreamweaver软件，以便学生实践操作。
2. 教学PPT或教案文档：提供清晰的教学内容和操作步骤，方便学生理解和跟随。
3. 网页设计素材：提供一些图片、字体等网页设计素材，供学生自由使用。
4. 网络资源：提供一些优秀的网页设计参考案例和教程，供学生学习和参考。
八、教学进度安排1. 教案一：Dreamweaver的安装和界面介绍（1课时）2. 教案二：网页制作的基本流程和规范（1课时）3. 教案三：文本的插入、编辑和格式设置（1课时）4. 教案四：图片的插入、编辑和优化（1课时）5. 教案五：的创建和管理（1课时）6. 实践环节：学生自主制作网页（4课时）7. 作业和练习：布置相关作业和练习题，学生进行理论知识巩固（1课时）8. 教学评估：进行课堂参与度、实践操作、作业和练习的评估（1课时）9. 期末考核：进行期末考核，包括理论知识和实践操作（2课时）九、教学注意事项1. 确保学生已经掌握基本的计算机操作技能，如文本编辑、图片浏览等。
dreamweaver网页设计教学计划(2024)
2024/1/29
4
网页设计基本概念
2024/1/29
01
网页设计是指使用各种网页制作工具和技术，将网页元素（ 如文字、图片、视频等）进行排版、美化和优化，以呈现出 良好的视觉效果和用户体验。
02
网页设计需要遵循一定的设计原则和规范，如页面布局、色 彩搭配、字体选择等，以保证网页的整体美感和易用性。
12
表格布局方法
2024/1/29
插入表格
在Dreamweaver中，可以通过插入表格的方式来布局页 面。选择合适的行数和列数，并设置表格的宽度、高度、 边框等属性。
嵌套表格
通过嵌套表格的方式，可以进一步细化页面的布局。在表 格中插入另一个表格，并设置其属性，可以实现更复杂的 布局效果。
表格属性设置
页面结构规划
确定页面主题和风格
在开始设计之前，需要明确页面的主题和风 格，以便后续的布局和排版工作能够围绕主 题展开。
2024/1/29
划分页面区域
根据页面主题和风格，将页面划分为不同的区域， 如页头、导航、主体内容、页脚等。
设计页面草图
在划分好页面区域后，可以设计页面草图， 用简单的图形和线条勾勒出页面的大致布局 和排版。
30
THANKS
感谢观看
2024/1/29
31
21
表单元素添加及验证方法
设置表单元素属性
根据需要设置表单元素的属性， 如名称、值、类型等。
添加验证规则
选择需要验证的表单元素，在行
为面板中添加验证规则，如检查 是否为空、检查格式是否正确等
。
自定义验证提示信息
根据需要自定义验证提示信息， 以便用户更好地理解验证结果。
添加表单元素
网页设计Dreamweaver教案
网页设计Dreamweaver教案第一章：Dreamweaver概述1.1 课程目标了解Dreamweaver的基本功能和特点熟悉Dreamweaver的工作界面掌握Dreamweaver的基本操作1.2 教学内容Dreamweaver的功能和特点Dreamweaver的工作界面Dreamweaver的基本操作1.3 教学步骤1. 介绍Dreamweaver的功能和特点2. 演示Dreamweaver的工作界面3. 讲解Dreamweaver的基本操作4. 学生练习操作Dreamweaver1.4 作业与练习制作一个简单的网页熟悉Dreamweaver的工作界面第二章：网页设计与布局2.1 课程目标学习网页设计的基本原则掌握网页布局的方法熟悉Dreamweaver的布局工具2.2 教学内容网页设计的基本原则网页布局的方法Dreamweaver的布局工具2.3 教学步骤1. 介绍网页设计的基本原则2. 演示网页布局的方法3. 讲解Dreamweaver的布局工具4. 学生练习网页设计和布局2.4 作业与练习设计并布局一个简单的网页熟悉Dreamweaver的布局工具第三章：HTML标签与属性3.1 课程目标学习HTML标签的基本概念掌握HTML标签的属性和使用方法熟悉Dreamweaver的标签插入工具3.2 教学内容HTML标签的基本概念HTML标签的属性和使用方法Dreamweaver的标签插入工具3.3 教学步骤1. 介绍HTML标签的基本概念2. 演示HTML标签的属性和使用方法3. 讲解Dreamweaver的标签插入工具4. 学生练习插入HTML标签3.4 作业与练习插入并使用HTML标签制作一个简单的网页熟悉Dreamweaver的标签插入工具第四章：CSS样式与布局4.1 课程目标学习CSS样式的基本概念掌握CSS样式的使用方法熟悉Dreamweaver的CSS样式编辑工具4.2 教学内容CSS样式的基本概念CSS样式的使用方法Dreamweaver的CSS样式编辑工具4.3 教学步骤1. 介绍CSS样式的基本概念2. 演示CSS样式的使用方法3. 讲解Dreamweaver的CSS样式编辑工具4. 学生练习编辑CSS样式4.4 作业与练习编辑CSS样式制作一个简单的网页熟悉Dreamweaver的CSS样式编辑工具第五章：网页交互与动画5.1 课程目标学习网页交互的基本概念掌握网页交互的方法熟悉Dreamweaver的交互工具5.2 教学内容网页交互的基本概念网页交互的方法Dreamweaver的交互工具5.3 教学步骤1. 介绍网页交互的基本概念2. 演示网页交互的方法3. 讲解Dreamweaver的交互工具4. 学生练习网页交互和动画制作5.4 作业与练习制作一个带有交互和动画的网页熟悉Dreamweaver的交互工具第六章：网页素材与图像处理6.1 课程目标学习网页素材的基本概念掌握图像处理的方法熟悉Dreamweaver的图像插入和编辑工具6.2 教学内容网页素材的基本概念图像处理的方法Dreamweaver的图像插入和编辑工具6.3 教学步骤1. 介绍网页素材的基本概念2. 演示图像处理的方法3. 讲解Dreamweaver的图像插入和编辑工具4. 学生练习插入和编辑图像6.4 作业与练习插入和编辑图像制作一个简单的网页熟悉Dreamweaver的图像插入和编辑工具第七章：网页与导航7.1 课程目标学习网页的基本概念掌握网页的方法熟悉Dreamweaver的插入和管理工具7.2 教学内容网页的基本概念网页的方法Dreamweaver的插入和管理工具7.3 教学步骤1. 介绍网页的基本概念2. 演示网页的方法3. 讲解Dreamweaver的插入和管理工具4. 学生练习插入和管理7.4 作业与练习插入和管理制作一个简单的网页导航熟悉Dreamweaver的插入和管理工具第八章：表格与数据管理8.1 课程目标学习表格的基本概念掌握表格的制作和编辑方法熟悉Dreamweaver的表格工具8.2 教学内容表格的基本概念表格的制作和编辑方法Dreamweaver的表格工具8.3 教学步骤1. 介绍表格的基本概念2. 演示表格的制作和编辑方法3. 讲解Dreamweaver的表格工具4. 学生练习制作和编辑表格8.4 作业与练习制作和编辑表格展示一组数据熟悉Dreamweaver的表格工具第九章：表单与数据验证9.1 课程目标学习表单的基本概念掌握表单的制作和数据验证方法熟悉Dreamweaver的表单工具9.2 教学内容表单的基本概念表单的制作和数据验证方法Dreamweaver的表单工具9.3 教学步骤1. 介绍表单的基本概念2. 演示表单的制作和数据验证方法3. 讲解Dreamweaver的表单工具4. 学生练习制作和数据验证表单9.4 作业与练习制作和数据验证一个简单的表单熟悉Dreamweaver的表单工具第十章：网站发布与维护10.1 课程目标学习网站发布的基本概念掌握网站发布的步骤熟悉Dreamweaver的网站发布和管理工具10.2 教学内容网站发布的基本概念网站发布的步骤Dreamweaver的网站发布和管理工具10.3 教学步骤1. 介绍网站发布的基本概念2. 演示网站发布的步骤3. 讲解Dreamweaver的网站发布和管理工具4. 学生练习发布和管理网站10.4 作业与练习发布和管理一个简单的网站熟悉Dreamweaver的网站发布和管理工具重点和难点解析一、Dreamweaver概述重点和难点解析：Dreamweaver的工作界面和基本操作是初次接触该软件的学生必须要掌握的基础。
2024版Dreamweaver教学计划
04 表格与层布局应用
表格创建及属性设置
创建表格
通过Dreamweaver的表格工具可以快速创建表格， 设置行数列数、表格宽度、边框等属性。
单元格属性设置
可以设置单元格的背景色、字体样式、对齐方式 等属性，以实现丰富的表格效果。
表格嵌套
可以在一个表格中嵌套另一个表格，实现更复杂 的布局效果。
层布局原理及实现方法
C
AJAX在动态网页中的应用场景
如实时搜索、自动完成、无刷新评论等场景 的应用方法。
AJAX核心技术
包括XMLHttpRequest对象、JSON数据格 式、回调函数等核心技术。
B
AJAX优缺点分析
了解AJAX技术的优点如提高用户体验、减 少服务器负载等，以及缺点如安全性问题、 浏览器兼容性问题等。
06本输入框（Text Fields）
用于用户输入单行文本信息，如用户名、密码等。
密码输入框（Password Fields）
用于用户输入密码，输入内容会以星号或点的形式隐藏。
单选按钮（Radio Buttons）
提供一组选项，用户只能选择其中一个。
表单元素类型及功能介绍
CSS样式表创建和编辑方法
创建CSS样式表
可以通过新建文本文件并保存为.css格式来创建CSS样式表，也可以在HTML文件中使用<style>标签内嵌 CSS代码。
编辑CSS样式表
可以使用任何文本编辑器来编辑CSS样式表，也可以使用专业的CSS编辑器如Adobe Dreamweaver等。
CSS样式表在网页中应用实例
学会使用 Dreamweaver创建和 编辑网页，包括文本、 图像、链接等元素的添 加和编辑。
了解HTML、CSS、 JavaScript等网页开发 语言的基础知识，并能 够运用它们进行简单的 网页开发。
Dreamweaver网页设计教学计划
目标
及实
施措
施
1、认真组织课堂、重视教学评价。
2、给予学生更多的动手机会和更多的实际操作来提高学生的网页制作能力，巩固学生的理性知识学习，在练习中激发学生的学习兴趣和学习的主动性。
3、通过学后评价，增强教师与学生的互动与交流。
评价方法多元化，注重综合知识和学生动手能力的考核，考试和考察相结合。考试形式分为平时考核、实践考核和期末考试三部分。
3．创建简单页面，设置页面属性
4．插入文字、图像、水平线等基本页面元素
5．网页中的各种超级连接
熟练掌握网页设计制作的基础操作
24
实践
项目
创建简单的网站页面并进行连接
建立3-4个简单页面组成的基本网站，理解网站的结构与页面制作
3
页面版式与布局控制技术
理论
教学
1．表格技术及其应用
2．图层技术及其应用
3．框架技术及其应用
本书针对学生的特点，将教学内容主要定位在静态网页的制作，设计和发布方面，也在最后一章简单涉及动态网页的制作为以后动态网页的学习做一个铺垫。让学生通过这门课程的学习，能够具备综合运用专用软件为中小型网站设计和制作网页的能力，为今后从事相应的网站设计制作工作打下良好的基础。
教材特点及重难点
教材特点：
本教材根据中职学生的认知规律和网页学习的特点，循序渐进，由浅入深地介绍网页制作技术。
4．不同网站类型不同的设计与制作要求3．Dreamweaver界面介绍
理解网页设计制作原理、基本手段、流程与制作要求
18
实践
项目
1．熟悉Dreamweaver界面
2．收集优秀网站页面，用于分析与学习
熟悉软件各个功能模块与主要菜单、窗口
DreamWeaver网页制作公开课教案
最新DreamWeaver网页制作公开课教案一、课程简介1. 课程目标：通过本课程的学习，使学员掌握DreamWeaver的基本操作，能够独立制作出满足需求的网页。
2. 课程内容：主要包括DreamWeaver的安装与使用、网页基本结构、HTML 代码、CSS样式、表单、JavaScript等。
3. 适用对象：无基础或有一定基础想进一步学习的网页制作爱好者。
二、教学资源1. 教材：最新版DreamWeaver教程。
2. 软件：DreamWeaver CC 2024。
3. 辅助工具：浏览器、代码编辑器。
三、教学安排1. 课时：共计30课时。
2. 上课方式：线上授课。
3. 课程进度：每课时1小时，每周安排2课时。
四、教学方法1. 讲授：讲解DreamWeaver的基本操作和功能。
2. 演示：展示实例，边操作边讲解。
3. 练习：学员跟练，老师辅导。
4. 答疑：学员提问，老师解答。
五、课程大纲1. 第一课时：DreamWeaver的安装与使用1.1 安装DreamWeaver CC 2024 1.2 启动与界面简介1.3 创建第一个网页2. 第二课时：网页基本结构2.1 HTML基本结构2.2 DreamWeaver的代码视图2.3 插入与编辑文本3. 第三课时：HTML代码3.1 标签3.2 段落与换行3.3 列表标签4. 第四课时：CSS样式4.1 了解CSS4.2 添加内部样式表4.3 应用外部样式表5. 第五课时：表单5.1 表单概述5.2 插入表单元素5.3 表单的高级应用六、第六课时：插入图像与多媒体6.1 插入图像6.2 设置图像属性6.3 插入Flash动画6.4 插入音频与视频七、第七课时：超与锚点7.1 创建超7.2 管理超7.3 创建锚点7.4 使用命名锚点八、第八课时：表格8.1 插入表格8.2 设置表格属性8.3 表格样式与布局8.4 表格排序功能九、第九课时：框架与框架集9.1 了解框架与框架集9.2 创建框架集9.3 插入框架9.4 管理框架内容十、第十课时：HTML5与CSS310.1 HTML5新特性10.2 新增HTML5标签10.3 CSS3样式10.4 响应式设计初步十一、第十一课时：响应式网页设计基础11.1 响应式网页设计概念11.2 使用DreamWeaver的Responsive Design视图11.3 媒体查询的使用11.4 实战：创建一个简单的响应式网页十二、第十二课时：移动端网页优化12.1 移动端网页设计原则12.2 触摸事件与滑动手势12.3 移动端布局技巧12.4 实战：优化一个移动端网页十三、第十三课时：网页布局与排版13.1 盒子模型13.2 浮动与清除13.3 定位与层叠13.4 实战：制作一个排版精美的网页十四、第十四课时：JavaScript基础14.1 JavaScript简介14.2 在DreamWeaver中编写JavaScript14.3 基本语法与数据类型14.4 实战：实现一个简单的JavaScript效果十五、第十五课时：综合实战与作品展示15.1 课程回顾与总结15.2 学员作品展示与点评15.3 网页制作常见问题与解决方法15.4 展望未来：网页制作与发展的趋势重点和难点解析本文主要介绍了最新DreamWeaver网页制作公开课的教案，涵盖了从安装与使用、网页基本结构、HTML代码、CSS样式、表单、JavaScript等基础知识，到响应式网页设计、移动端网页优化、网页布局与排版等高级应用。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2
1.3 定位网站的 CI 形象 1.4 Web 服务器的安装
实验二 Web 服务器的安装
2多 2媒
第二章 HTML 语言 2.1 什么是 HTML 语言 2.2 HTML 语言的常用标记
实验三 HTML 语言 2.3 HTML 语言文本格式的控制
2.4 图像的插入 实验四 插入图片、处理图片 第三章 Dreameaver 网页设计
四川机电职业技术学院
学期授课计划
2011 ～2012 学年第 1 学期
课程名称
Dreamweaver 网站设计
任课系（部）
信息工程系
任课教师
教学班级
课程性质 周学时 总学时
必修 8 24
考核方式
教学周数
学
分
考试 3
编写教师（签名） 教研室主任（签名） 系 ( 部 ) 主 任 （签名）
2011年9月1日 年月 日 年月 日
2
授课 周次
顺序
1
1
2
3 2
4
5 3
6
7 4
8
9 5
10
11
6 12
13 7
14
8
15
16
17 9
18
19 10
20
21 11
22
23
12 24
四川机电职业技术学院
学期授课计划
授课章节与内容摘要
第一章 网站规划与设计 1.1 网站和网页基础知识 1.2 网站建设的整体规划 实验一 设计和规划站点
需要 教 教材及 课堂练习、课 时数 具 参考书 外作业及测验
3.1 初识 Dreameaver 3.2 制作图文并茂的网页 实验七 用 Dreameaver
3.4 表格 创建表格
3.5 超链接 创建超链接
3.6 模板和框架 实验八 框架网页设计
2体
投
2
2影网 2仪站
2
建
2
设
2计与
2算管
2
2机理
3.7 表单 实验九表单网页的创建
2
3.8 行为和时间轴
2
实验十 行为、动画
2
第四章 JavaScript 动态网页制作 2
4.1 4.2 JavaScript 语言基础
4.2 JavaScript 语言基础
2
实验十一 JavaScript 实例
2
ASP 简介
2
实验十二 ASP 语法与格式
2
ASP 数据库操作
2
实验十三 ASP 数据库操作