Dreamweaver网页制作教学大纲 教学计划
《Dreamweaver网页制作》教学计划
2012-2013学年第一学期
为了有效地培养学生学习网页制作课程的兴趣，使学生逐步具备利用所学知识进行网页制作的能力，以适应信息社会的学习、工作和生活的需要；为了规范教学，我特制订教学计划如下：
一、课程目标和任务：
为全面贯彻教育部关于中职教育的大政方针，努力探索计算机教学规律，在激发和培养学生的学习兴趣，养成良好的学习习惯，提高动手能力的同时，着力培养学生树立正确的荣辱观和人生观，积极推进素质教育。
在教学中要充分利用计算机来培养学生的信息素养，有效地提高教育教学水平。
促进学生创新精神和实践能力的培养，充分考虑学生的发展需要，强调学生自主学习，发挥教师的主导作用，学生主体作用，以学生个体发展为目标，不断提高教育教学质量。
教材是任务引领系列，按照“以服务为宗旨，以就业为导向”的指导思想，采用“行动导向、任务驱动”的方法，通过详细描述网站的实际开发过程，有的放矢、循序渐进地介介绍Dreamweaver网页制作软件的相关知识与技巧，内容包含网站的创建与管理、网页中文本、图像的添加与编辑，CSS规则的应用，表格与框架、Div+CSS的页面布局，超级链接，Apdiv与行为，表单，模板，站点的测试、发布以及Html基础知识等。
要注重激发读者的学习兴趣，内容精炼、编排合理、便于理解。
对网页制作过程中的知识点及注意事项进行了系统、清晰的分析与归纳，要求学生熟练掌握网页制作技能，能够适应当前网页制作岗位的能力要求。
二、学生情况分析：
上学期学生已经初步学习了部分课程，对此可能有了一定的了解，但是中职学生整体素质层次不齐，绝大多数学生学习目标明确，但也有少数学生对课程在当前和末来社会中作用认识不够。
虽然有基础但是通过一个假期之后，很多知识需要巩固。
三、教材分析：教材
针对网页制作软件Dreamweaver 8，从网页制作技能培训的实际需要出发，将基础知识与基本技能相结合，按照“以服务为宗旨，以就业为导向”的指导思想，采用“行动导向，任务驱动”的方法，将知识点穿插在网站实例制作的操作过程中，介绍网站开发的实际流程与制作技巧。
本书共11个单元，前8个单元围绕一个网站建设实例展开，采用循序渐进的方法，按照由小到大、由部分到整体的原则，详细描述网站的开发过程，介绍网页制作的各
种知识、技能和注意事项。
分别涉及站点的规划与管理；文本、图像及CSS 层叠样式表；表格布局、超级链接；框架布局、多媒体文件；热区、层和行为；表单及各种表单元素；模板、站点的测试、发布与维护等各项静态网页开发知识。
前8 个单元中，每单元最后一个小任务都是使用HTML 代码制作网页，介绍相应的HTML 基础知识，为希望灵活掌握网页制作和希望进一步学习动态网页的读者提供了必要的知识。
第十、十一单元综合运用前8 个单元的知识，以制作一个商业网站为总任务，通过采用“Div+Css布局模式”制作了一个企业网站，系统全面地介绍了网站建设的实际开发流程及常用手法与技巧。
每个单元又细分为几个小任务，每个任务由“任务描述”、“自己动手”、“举一反三”
3 个模块组成。
其中“任务描述”是对任务所要达到的效果进行分析，对完成本任务后应该掌握的知识加以描述；“自己动手”是采用图文并茂的方法，详细介绍完成任务所需要的操作步骤，并穿插“小知识”、“知识拓展”和“提个醒”，对网页制作过程中的知识点及注意事项进行系统、清晰的分析与归纳，极大地减少了读者学习网页制作理解和运用方面的困难；“举一反三”是将每个任务所学习的知识进行巩固与提高，其内容可以用于课上与课下的上机练习。
《Dreamweaver网页制作》教学大纲.doc
^Dreamweaver网页制作》教学大纲一、课程性质《网页制作技术》是计算机类各专业开设的一门实践环节课程，为省开课。
它是一门操作性和实践性很强的课程。
本课程的主要内容有网页编辑与制作软件Dreamweaver MX、图像处理软件Fireworks MX和矢量动画编辑与制作软件Flash MX。
二、教学目的要求：《网页制作技术》是计算机类各专业开设的一门很重要的实践环节课程。
通过本课程学习，使学生掌握的内容如下：()了解Internet应用有关的名词术语，WWW服务器、Web节点、主页(Homepage)、浏览器(Browser), ，留级链接、http ( hypertext transmission protocol)> URL(Uniform Resource Locator), html (hypertext markup language)语言、文件传输(FTP)、Gopher> WWW(World Wide Web)> 电子邮件(E-mail)电子邮件(E-mail)、网络新闻。
掌握Flash MX的工作界面、启动、建新与保存页面文档、工具面板、属性面板以及各种控制面板的布局方式和使用方法。
能够用基本法和高级法新建站点，掌握在站点中新建文件和文件夹，熟悉Dreamweaver MX的几种试图方式及切换方法，会预览网页。
掌握在网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性等操作方法。
掌握在Dreamweaver MX中使用的图像格式，掌握在网页文档中插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、设置图像的缩略图的操作方法，会使用图像编辑器，会在网页中插入翻转图像和导航条的操作。
掌握表格的组成和基本操作方法，熟练掌握创建表格、表格操作、表格编辑的方法，掌握表格和单元格的属性设置，会用表格组织网页的总体布局，掌握使用布局视图布局页面的总体布局。
Dreamweaver CS6网页设计与制作标准教程教学大纲教案
《Dreamweaver CS6网页设计与制作标准教程》教学大纲教案课程介绍：本课程是一门概念性和实践性都很强的面向实际应用的课程。
Dreamweaver CS6是由Adobe公司开发的网页设计与制作软件。
Adobe公司在Dreamweaver这一软件的版本上不断升级，是为了使广大从事网页制作和网页设计工作的用户拥有性能更完善的得力工具，同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。
本课程主要介绍的是Dreamweaver CC的基本操作方法和网页设计制作技巧，这是学习Dreamweaver的入门课程，也是必修课程，学员通过本课程的学习，应当能够熟悉软件功能和网页设计思路，为今后的专业学习或深入的设计打下基础。
培训目标：➢掌握网站建设基本流程和网页设计基础知识➢掌握Dreamweaver CC的工作界面和网站的建设基础➢掌握文本与文档的编辑➢熟练掌握插入图像和多媒体的方法和技巧➢掌握网页超链接的创建方法及应用技巧➢熟练掌握表格的使用方法及应用技巧➢熟练掌握框架集框架集的使用方法➢熟练掌握层的基本操作方法➢掌握层叠样式表（CSS）样式➢掌握模板和库的使用方法➢掌握CSS+DIV的布局方法及技巧➢掌握使用表单的方法➢了解行为的使用方法➢掌握网页代码的编写和修改➢掌握商业案例实训的设计方法及技巧培训内容：一、网页设计基础知识1、掌握互联网基础和网站建设基本流程2、掌握网站建设基础和网页设计基础3、掌握网页的制作常用软件和标准技术二、初识Dreamweaver CS61、掌握Dreamweaver CC的工作界面2、掌握站点管理器、创建文件夹、定义新站点、创建和保存网页3、掌握重命名、移动、删除文件和文件夹4、掌握站点的打开、编辑、复制、删除、导入和导出5、掌握关键字、作者和版权信息、刷新时间、描述信息等其他文件头的设置三、文本与文档1、掌握文字的输入、连续空格的输入2、掌握页边距、网页的标题、网页的默认格式的设置3、掌握对文字的大小、颜色、字体、对齐方式和段落样式等的设置4、掌握项目符号或编号、文本缩进、插入日期、特殊字符和换行符的使用5、掌握水平线、显示/隐藏网格和标尺的应用四、图像和多媒体1、掌握图像的格式2、掌握图像的插入、图像的属性、跟踪图像的应用3、掌握Flash动画、FLV、Shockwave影片、Applet程序、ActiveX控件的插入五、超链接1、掌握超链接的概念与路径知识2、掌握文本超链接、电子邮件超链接、下载文件链接的创建方法3、图片链接、鼠标经过图像链接的创建方法4、掌握锚点链接、热点链接的创建方法六、使用表格1、掌握表格的组成和插入方法2、掌握表格、单元格和行或列的属性设置3、掌握在单元格中输入文字、插入其他网页元素4、掌握选择整个表格、行或列、单元格的应用5、掌握复制、粘贴表格的应用6、掌握表格删除、缩放的应用7、掌握单元格的合并和单元格的拆分七、使用框架1、掌握框架与框架集的操作方法2、熟练掌握框架属性的设置方法八、使用层1、熟练掌握层的基本操作方法2、掌握应用层设计表格的技巧九、CSS样式1、掌握CSS样式的概念2、掌握CSS样式面板的使用方法3、掌握CSS样式选择器的应用4、掌握样式的类型和创建方法5、掌握CSS样式的属性十、模板和库1、掌握资源面板的使用方法2、掌握创建模板、可编辑区域、重复区域、重复表格的创建方法3、掌握模板的重命名、修改模板文件、更新站点和删除模板文件的方法4、掌握如何创建库文件5、掌握重命名、删除、修改和更新库项目的方法十一、CSS+DIV布局方法1、掌握CSS+DIV的概述2、掌握div和span标记的区别3、掌握盒子的概念和操作技巧十二、使用表单1、掌握表单的使用方法2、掌握单行、密码、多行和电子邮件文本域的创建方法3、掌握单选按钮、单选按钮组和复选框的创建方法4、掌握下拉菜单、滚动列表的创建方法5、掌握文件域、图像域和按钮的创建方法十三、使用行为1、掌握行为面板的使用2、掌握JavaScript、打开浏览器窗口和转到URL的创建方法3、掌握检查插件、检查表单和交换图像的创建方法4、掌握显示隐藏层的方法5、掌握容器的文本、状态栏文本和文本域文字的设置方法6、跳转菜单和跳转菜单开始的方法十四、网页代码1、掌握新建标签库、标签、属性的方法2、掌握常用HTML标签的使用3、掌握响应HTML事件的方法十五、商业案例实训1、掌握软件基础知识的使用方法2、了解软件的常用设计领域3、掌握在不同设计领域本书全面、系统地介绍Photoshop CC 2019的基本操作方法和图形图像处理技巧，并对Photoshop在设计领域的应用进行细致的讲解，具体内容包括图像制作基础、软件基础操作、插画设计、Banner设计、App设计、H5设计、海报设计、网页设计、包装设计、综合设计实训等。
Dreamweaver网页制作教案
Dreamweaver网页制作教案第一章：Dreamweaver 简介1.1 课程目标了解Dreamweaver 的基本功能和特点掌握Dreamweaver 的界面布局和基本操作1.2 教学内容Dreamweaver 的历史和发展Dreamweaver 的特点和优势Dreamweaver 的界面布局Dreamweaver 基本操作1.3 教学方法讲解和演示学生实际操作练习1.4 教学资源Dreamweaver 软件教学PPT1.5 教学步骤1. 讲解Dreamweaver 的历史和发展2. 讲解Dreamweaver 的特点和优势3. 演示Dreamweaver 的界面布局4. 演示Dreamweaver 基本操作5. 学生实际操作练习第二章：网页布局和设计2.1 课程目标了解网页布局的基本概念掌握Dreamweaver 中的网页布局工具学会设计美观实用的网页2.2 教学内容网页布局的基本概念Dreamweaver 中的网页布局工具网页设计的原则和技巧2.3 教学方法讲解和演示学生实际操作练习2.4 教学资源Dreamweaver 软件教学PPT2.5 教学步骤1. 讲解网页布局的基本概念2. 讲解Dreamweaver 中的网页布局工具3. 演示如何使用网页布局工具进行布局4. 讲解网页设计的原则和技巧5. 学生实际操作练习第三章：HTML 代码编辑3.1 课程目标了解HTML 代码的基本结构掌握Dreamweaver 中的HTML 代码编辑工具学会使用Dreamweaver 编写简单的HTML 代码3.2 教学内容HTML 代码的基本结构Dreamweaver 中的HTML 代码编辑工具HTML 代码的基本标签和使用方法3.3 教学方法讲解和演示学生实际操作练习3.4 教学资源Dreamweaver 软件教学PPT3.5 教学步骤1. 讲解HTML 代码的基本结构2. 讲解Dreamweaver 中的HTML 代码编辑工具3. 演示如何使用Dreamweaver 编写HTML 代码4. 讲解HTML 代码的基本标签和使用方法5. 学生实际操作练习第四章：添加多媒体元素4.1 课程目标了解多媒体元素在网页中的作用掌握Dreamweaver 中添加多媒体元素的方法学会使用Dreamweaver 添加音频、视频和图像等元素4.2 教学内容多媒体元素在网页中的作用Dreamweaver 中添加多媒体元素的方法音频、视频和图像等元素的基本属性和使用方法4.3 教学方法讲解和演示学生实际操作练习4.4 教学资源Dreamweaver 软件教学PPT4.5 教学步骤1. 讲解多媒体元素在网页中的作用2. 讲解Dreamweaver 中添加多媒体元素的方法3. 演示如何使用Dreamweaver 添加音频、视频和图像等元素4. 讲解音频、视频和图像等元素的基本属性和使用方法5. 学生实际操作练习第五章：网页和交互5.1 课程目标了解网页的作用和类型掌握Dreamweaver 中创建和编辑的方法学会使用Dreamweaver 实现简单的网页交互效果5.2 教学内容网页的作用和类型Dreamweaver 中创建和编辑的方法网页交互效果的实现方法5.3 教学方法讲解和演示学生实际操作练习5.4 教学资源Dreamweaver 软件教学PPT5.5 教学步骤1. 讲解网页的作用和类型2. 讲解Dreamweaver 中创建和编辑的方法3. 演示如何使用Dreamweaver 创建和编辑4. 讲解网页交互效果的实现方法5. 学生实际操作练习第六章：CSS样式应用6.1 课程目标理解CSS样式的作用和基本概念掌握Dreamweaver中创建和应用CSS样式的方法学会通过CSS样式美化网页元素6.2 教学内容CSS样式的作用和基本概念Dreamweaver中的CSS面板创建和应用CSS样式的基本方法CSS选择器和优先级CSS属性和值6.3 教学方法讲解和演示学生实际操作练习6.4 教学资源Dreamweaver软件教学PPT6.5 教学步骤1. 讲解CSS样式的作用和基本概念2. 讲解Dreamweaver中的CSS面板3. 演示如何创建和应用CSS样式4. 讲解CSS选择器和优先级5. 讲解CSS属性和值6. 学生实际操作练习第七章：表格和表单的使用7.1 课程目标理解表格在网页中的作用掌握Dreamweaver中创建和编辑表格的方法学会使用表格进行数据展示掌握表单的创建和应用学会使用表单收集用户数据7.2 教学内容表格在网页中的作用Dreamweaver中创建和编辑表格的方法表格的属性和布局表单的创建和编辑表单元素和属性7.3 教学方法讲解和演示学生实际操作练习7.4 教学资源Dreamweaver软件教学PPT7.5 教学步骤1. 讲解表格在网页中的作用2. 讲解Dreamweaver中创建和编辑表格的方法3. 演示如何创建和编辑表格4. 讲解表格的属性和布局5. 讲解表单的创建和编辑6. 讲解表单元素和属性7. 学生实际操作练习第八章：Dreamweaver 高级功能8.1 课程目标了解Dreamweaver 的高级功能掌握Dreamweaver 中的模板和库的使用学会使用Dreamweaver 进行站点管理和发布网页8.2 教学内容Dreamweaver 的高级功能模板和库的使用站点管理和发布网页8.3 教学方法讲解和演示学生实际操作练习8.4 教学资源Dreamweaver 软件教学PPT8.5 教学步骤1. 讲解Dreamweaver 的高级功能2. 讲解模板和库的使用3. 演示如何使用模板和库4. 讲解站点管理和发布网页5. 学生实际操作练习第九章：响应式网页设计9.1 课程目标理解响应式网页设计的概念和重要性掌握Dreamweaver 中的响应式设计工具学会创建适应不同设备的网页布局9.2 教学内容响应式网页设计的概念和重要性Dreamweaver 中的响应式设计工具媒体查询的使用弹性布局和网格系统9.3 教学方法讲解和演示学生实际操作练习9.4 教学资源Dreamweaver 软件教学PPT9.5 教学步骤1. 讲解响应式网页设计的概念和重要性2. 讲解Dreamweaver 中的响应式设计工具3. 演示如何使用媒体查询4. 讲解弹性布局和网格系统5. 学生实际操作练习第十章：项目实战与拓展10.1 课程目标学会使用Dreamweaver 完成实际项目培养学生的网页设计能力和创新思维了解网页设计行业的前沿动态和发展趋势10.2 教学内容项目实战：综合运用Dreamweaver 完成一个网页设计项目拓展训练：学习网页设计相关的软件和技能行业动态：了解网页设计行业的前沿动态和发展趋势10.3 教学方法项目指导学生实际操作练习行业分享10.4 教学资源Dreamweaver 软件项目案例和素材教学PPT10.5 教学步骤1. 项目启动：讲解项目要求和设计思路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 8网页设计》教学大纲第一部分大纲说明一、课程的性质、目的与任务《Dreamweaver网页设计》是计算机网络技术专业的一门必修的专业基础课。
本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。
通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
二、先修课要求本课程在学习之前最好具有Windows使用、计算机应用基础、打字基础的知识。
三、课程的教学要求要求熟悉使用Dreamweaver8和掌握HTML标记语言。
通过理论学习和上机操作实验熟悉构建网站的流程，能够进行简单图像和动画的制作、加工和处理，能够独立的创建个人网站。
四、课程的主要教学方法和教学形式尽量采取多媒体教学方式。
用课件讲授和对实际软件的操作相结合，配以上机实验，并结合具体的设计课题，在教学过程中，及时解决设计中遇到的实际问题，以设计带动软件教学。
五、课程教学要求的层次课程的教学要求在每一章教学内容之后给出，大体上分为三个层次：熟练掌握、掌握和了解。
熟练掌握：要求学生能够全面、深入理解和掌握软件内涵及理论知识，并能够对其进行扩展，做到举一反三。
掌握：要求学生能够较好地理解和掌握并能进行简单的分析和应用。
了解：要求学生能够一般地了解所学内容。
六、教学中要注意的问题在讲授理论的同时加入具体的设计项目和较多的实例演示，力求达到实战的效果。
第二部分教学媒体与教学过程一、课程教学总学时数课程教学总学时数为92学时，其中授课时间为62学时，实验课时为30学时。
二、课程的教材本学期采用的教材是职业教育与成人教育推荐教材中的《网页设计与制作教程》主编：李亚尼、廖永昆；出版社：上海科学普及出版社三、学时分配四、考核总分100 分；其中期末考试70分（设计）；平时考核30分。
第三部分教学内容和教学要求第一章基础知识教学内容第一章、网络基础知识1.1 网络基础知识1.1.1 Internet与Intranet 1.1.2 局域网和广域网 1.1.3 什么是WWW 1.1.4 浏览器与Web服务器 1.1.5 超级文本 1.1.6 URL（统一资源定位） 1.1.7 FTP 1.1.8 IP地址1.1.9 域名 1.1.10 HTML1.1.11 VBScript、JavaScrip 1.1.12 CGI、ASP、PHP、JSP1.2 初识网页1.2.1 静态网页 1.2.2 动态网页1.2.3 包含数据库的动态网页1.3Dreamweaver 8简介1.3.1 系统配置要求 1.3.2 功能简介1.4 Dreamweaver 8的界面教学要求1. 熟练掌握网页被执行的详细过程。
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网页制作公开课教案
最新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等基础知识，到响应式网页设计、移动端网页优化、网页布局与排版等高级应用。
《Dreamweaver网页设计》教学大纲
安徽工业经济职业技术学院计算机多媒体专业《Dreamweaver网页设计》教学大纲一、课程的性质和任务（一）本课程的教学目的全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决一般网页制作问题的能力。
与此同时，通过对网页制作技术和制作工具Dreamweaver MX 2004的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
（二）本课程在教学过程中的地位在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课，同时又可作为相关专业学生的选修课。
而目前比较流行的Dreamweaver MX 2004是可视化网页编辑软件的“头把交椅”。
由于网页制作课程不涉及太多的计算机基础知识，本课程可以激发学生学习本专业的兴趣和热情。
（三）本课程与其他有关课程的分工与联系此课程与计算机文化、界面制作艺术、多媒体技术应用等课程互相联系，互相补充，分别给学生提供计算机基础知识、网页制作技术的技能，图形和动画的设计与制作，美观的页面设计技巧等知识的学习。
此课程可以使学生深入理解和应用计算机中所学的基础知识，使学生能够得到全面的培养，成为社会所需专用人才。
二、教学目的和要求（一）知识要求：1．了解Internet的过去、现在和将来；2．了解WWW、HTTP、HTML、CSS的定义，概念和作用；3．理解服务器、客户端、浏览器的概念和作用；4．深入理解表格、框架、表单的作用；5．理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；6．深入理解HTML语言的各种功能和应用；7．理解CSS样式表中属性的作用和意义；8．理解对象的定义，及含义；（二）能力要求：1．会用HTML语言中的标记设置颜色、文本格式和列表；2．熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方法；3．熟练掌握网页设计中字符格式的设置方法，掌握段落分段与换行的方法；4．掌握HTML的语法结构，熟练掌握 HTML语言中标记的使用方法；5．掌握在网页中添加CSS的方法。
dreamweaver网页设计教学大纲.doc
《Dreamweaver网页设计》教学大纲(64学时)一、课程性质和任务《网页设计》是网页制作的一门实用课程，是计算机软件专业的一门实践性很强的专业课。
本课程开设的主要目的，是为了适应web技术的飞速发展，让学生掌握网页制作的基本技术，为学生今后在学习、工作中建立网站及制作网页打下基础。
通过本课程的学习，使学生了解网站设计制作的全过程，并且熟练掌握《网页设计》制作网页的基本方法和技巧。
二、课程教学目标(-)知识教学目标1、网页设计基础知识2、Dreamweaver 的使用3、网站制作实例(―)能力培养目标1、学会熟练运用Dreamweaver应用软件2、熟练掌握使用绝对和相对URL ,创建超链接，图像链接3、熟练掌握设置颜色、文本格式和列表4、掌握在网页中添加CSS的方法5、掌握在网页中嵌入图像、声音、多媒体信息的方法6、熟练掌握表格的使用方法，学会利用表格布局网页7、掌握框架制作网页的方法，会使用框架设计网页（三）思想教育目标1、具有勤奋学习的态度，严谨求实、创新的工作作风；2、具有良好的心理素质和职业道德素质3、具有高度责任心和良好的团队合作精神4、具有一定的科学思维方式和判断分析问题的能力5、具有较强的网页设计创意思维、艺术设计素质。
三、教学内容及要求1、创建Web站点的基本方法与步骤2、掌握系统属性及网页属性的设置方法，及各设置参数的作用3、掌握制作超级链接、E-ma订链接、书签等形式的超级链接4、掌握使用HTML样式和CSS样式创建、编辑网页的方法5、掌握水平线、日期、图像对象的主要属性与设置方法6、掌握表格的创建、结构调整与美化方法7、掌握在网页中创建、修改层和嵌套层的方法8、掌握时间线的创建与调整方法9、掌握框架结构网页的制作方法10、学会利用行为面板设置控制对象的行为11、学会使用Dream weaver中应用表单设计网页的方法12、全面掌握交互式网站的制作方法教学模式1、建议使用任务型模式的教学方法。
Dreamweaver CS5网页制作基础教程-教学大纲
《Dreamweaver CS5网页制作基础教程》课程教学大纲一、课程性质和任务本课程是网页制作的一门实用课程，是网络类专业的一门实践性很强的技术基础课。
它的主要任务是培养学生规划、设计和制作网站的实际技能。
二、课程教学目标1、掌握Dreamweaver CS5界面的组成2、掌握创建和发布站点的基本方法3、掌握首选参数及页面属性的设置方法4、掌握添加和设置文本、图像和媒体的方法5、掌握创建和设置超级链接的方法6、掌握创建、编辑表格及其属性设置方法7、掌握使用框架创建网页的方法8、掌握使用Div和CSS样式布局网页的方法9、掌握使用模板和库创建网页的方法10、掌握使用行为的基本方法11、掌握使用表单设计网页的方法12、掌握创建ASP应用程序的方法四、教学内容和基本要求第1章网页制作基础∙ 了解与网页有关的一些常用名词术语。
∙ 了解HTML和CSS的一些基本知识。
∙ 了解Dreamweaver CS5的工具栏和功能面板。
∙ 掌握Dreamweaver CS5设置首选参数的方法。
第2章旅游网站站点设计∙ 了解旅游网站的基本知识。
∙ 了解站点规划的基本知识。
∙ 掌握定义和管理站点的基本方法。
∙ 掌握创建文件夹和文件的基本方法。
第3章旅游网站文本设置∙ 掌握设置页面属性的方法。
∙ 掌握插入文件头标签的方法。
∙ 掌握添加文本和特殊对象的方法。
∙ 掌握设置字体属性的方法。
∙ 掌握设置段落属性的方法。
第4章旅游网站CSS样式设置∙ 了解CSS速记规则与普通规则的区别。
∙ 了解设置CSS样式首选参数的方法。
∙ 了解CSS类型等属性的基本涵义的设置技巧。
∙ 掌握创建、编辑、管理和应用CSS样式的方法。
第5章旅游网站CSS和Div布局设计∙ 了解常用的页面布局类型和技术。
∙ 掌握插入和编辑Div标签的基本方法。
∙ 掌握使用CSS+Div布局页面的基本方法。
∙ 掌握创建和设置AP Div的基本方法。
∙ 掌握使用Spry布局构件的基本方法。