《Dreamwearver网页制作实用教程》教学大纲设计
《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网页设计》理论教学大纲-人选课-2012下-周改云
《Dreamweaver网页设计》教学大纲适用专业：全校各专业理论学时：30课程名称：Dreamweaver网页设计英文名称：Dreamweaver Web Design一、课程的性质、目的和任务1．课程性质《Dreamweaver网页设计》是一门操作性和实践性很强的课程。
本课程的主要内容是系统地介绍网页编辑与制作软件Dreamweaver的使用方法和技巧，通过学习这种有代表性的网页设计软件，使学生系统地掌握网站设计与制作的全过程，并能熟练地制作出有专业水准的网站。
2．课程的教学目的通过本课程的学习，使学生能够了解html语言的结构，掌握网站的设计理念和开发流程，掌握Dreamweaver的使用方法，掌握网页的基本元素、创建方法、布局方法和美化技巧，能够熟练地设计并制作出界面美观、布局合理且具有简单交互效果的网站前台，为动态网站开发奠定基础。
3．课程的任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生需要掌握以下技能和知识：掌握网站的开发流程，如建站规划、建立站点等相关知识；掌握各种网页元素在Dreamweaver中的使用，例如表格、文本、图像、超级链接、AP元素等；熟练使用表格、布局表格、AP元素和框架布局网页；掌握网页模板和库项目的创建应用，以提高网页设计的效率；熟悉一些网页设计辅助软件的功能和使用方法，如Flash、Fireworks、Photoshop等；能够使用简单的行为或复制一些html代码设计简单的交互网页；掌握测试和发布网站的方法。
包括网站测试的内容和方法等。
二、课程与其他课程的关系1．先修课程：计算机应用技术2．关联课程：色彩、Adobe Photoshop、Flash动画制作等。
三、课程内容与重点难点第一章网页设计基础教学目的与要求：1．理解网页设计理念和配色方案；2．了解HTML语言的一般结构、网页的布局类型、网站管理与网页制作相关软件。
3．熟记网页的概念和组成元素，能够区分动态网页和静态网页；4．掌握网站的开发流程，能够分析网站；教学内容：1．网页的组成元素；2．网页相关知识简介；3．网页的设计理念和配色方案；4．网站建设流程；5．典型网站分析。
《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网页制作教案
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. 第二章“网页布局和设计”中的演示和实际操作练习环节。
第二课Dreamwearver网页设计
标准工具栏
• 包含“文件”“编辑”菜单中的常用命令。
浙大百阳
实战·实用·实效
样式呈现工具栏
浙大百阳
A. 呈现屏幕媒体类型 C. 呈现手持型媒体类型 E. 呈现TTY媒体类型 G. 切换CSS样式的显示
B. 呈现打印媒体类型 D. 呈现投影媒体类型 F. 呈现TV媒体类型 H. 设计时样式表
实战·实用·实效
浙大百阳
布局基础
在设计网页时，需要了解网页的5种基本结构布局。 1．“国”字型
“国”字型网页布局又称“同”字 型网页布局，其最上方为网站的Logo Banner及导航条，接下来是网站的内 容版块。在内容版块左右两侧通常会 分列两小条内容，可以是广告、友情 链接等，也可以是网站的子导航条。
实战·实用·实效
浙大百阳
• 文档工具栏：包含一系列按钮，改变文档视图，定义页面标题，浏览 器预览页面，与站点的服务器主机相互影响。
实战·实用·实效
浙大百阳
A. 显示代码视图 C. 显示设计视图 E. 多屏预览 G. 文件管理 I. 检查浏览器兼容性 k. 刷新设计视图
B. 显示代码视图和设计视图 D. 将设计视图切换到实时视图 F. 在浏览器中预览/调试 H. W3C验证 J. 可视化助理 L. 文档标题
实战·实用·实效
编码工具栏
浙大百阳
实战·实用·实效
浙大百阳
实战·实用·实效
状态栏
• 用于提供与当前文档有关的信息。
浙大百阳
实战·实用·实效
状态栏参数设置
浙大百阳
实战·实用·实效
·
·
实 战
实 用
实 效
* 常用 * 布局 * 表单 * 数据 * Spry * jQuery Mobile * InContext Editing * 文本 * 收藏夹
Dreamwearver第一课讲义
Dreamwearver第一课讲义本章学习重点1. 我们需要了解网页与网站特色功能2. 我们需要了解操作环境了解安装卸载3. 我们需要学习界面认识浏览网页的工具-浏览器4. 我们需要学习认识网页的组成元素5. 我们需要学习空间和域名的管理举例演示：浏览一些网页作品打开网页看看一些经典网页模板ppt第一、“网页三剑客”有谁知道？（Photoshop 或Fireworks+Dreamweaver+flash ）（大家知不知道？有那位同学能回答？）Dreamwearver1. 在互联网中的应用* 当前最流行、最方便的网页设计和网站开发工具软件。
提供了可自定义的、易于使用的所见即所得HTML 编辑器特色功能具备可视化的设计界面，强大的网页设计功能和编辑功能Dreamweaver CS6的安装、卸载和启动1 系统要求以下硬件和软件是运行Dreamweaver CS6所必需的。
对Microsoft Windows系统的要求如下。
处理器：Intel Pentium 4 或AMD Athlon 64(或兼容处理器)。
操作系统：Windows XP SP2 或更高版本，Windows Vista Home Premium、Business、Enterprise 或Ultimate(仅提供对32位版本的认证支持)。
RAM：512 MB。
硬盘：1.3 GB以上可用空间。
媒体：DVD-ROM驱动器。
Internet 连接(用于激活)。
对Macintosh系统的要求如下。
处理器：G4、G5 或基于Intel 的Mac。
操作系统：Mac OS 10.6或10.7版。
RAM：512 MB。
硬盘：1.8 GB以上可用空间。
媒体：DVD-ROM 驱动器。
Internet 连接(用于激活)。
2 安装Dreamweaver CS6安装Dreamweaver CS6时，首先关闭系统中当前正在运行的所有应用程序，包括其他Adobe 应用程序，然后执行下列操作之一。
《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、建议使用任务型模式的教学方法。
dreamwearver课程设计
dreamwearver课程设计一、教学目标本课程的教学目标分为三个维度：知识目标、技能目标和情感态度价值观目标。
1.知识目标：通过本课程的学习，学生需要掌握DreamWaver的基本操作、页面布局、动画制作、表单应用等核心知识。
2.技能目标：学生能运用DreamWaver独立完成静态网页的设计与制作；能结合HTML、CSS、JavaScript等前端技术，实现网页的动态效果。
3.情感态度价值观目标：培养学生对网络技术的兴趣，提高创新意识和团队协作能力，使之具备持续学习信息科技的动力。
二、教学内容本课程的教学内容以教材《DreamWaver》为主线，结合网络资源和相关的前端技术，分为以下几个模块：1.DreamWaver基础：介绍DreamWaver的界面和基本操作，让学生熟悉软件环境。
2.页面布局：讲解布局、框架布局及响应式布局等方法，培养学生良好的页面设计习惯。
3.动画制作：教授动画制作的基本原理，引导学生发挥创意，制作出吸引人的动画效果。
4.表单应用：讲解表单的创建和应用，使学生掌握收集、处理网络信息的方法。
5.网页动态效果：结合HTML、CSS、JavaScript等技术，实现网页的动态效果。
三、教学方法本课程采用多种教学方法，如讲授法、讨论法、案例分析法、实验法等，以激发学生的学习兴趣和主动性：1.讲授法：讲解基本知识和操作，为学生提供系统的学习框架。
2.讨论法：分组讨论案例，培养学生的团队协作能力和解决问题的能力。
3.案例分析法：分析经典案例，引导学生运用所学知识解决实际问题。
4.实验法：上机操作，让学生动手实践，巩固所学知识。
四、教学资源为了支持教学内容和教学方法的实施，丰富学生的学习体验，我们将采用以下教学资源：1.教材：《DreamWaver》，为学生提供基本的学习资料。
2.参考书：推荐一些与DreamWaver相关的书籍，拓展学生的知识视野。
3.多媒体资料：收集相关的视频教程、动画演示等，以直观的方式辅助教学。
网页设计Dreamweaver教案
**学院教案课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 2 月 28 日 3、4 节授课题目(章节)：第一章教具：多媒体机房课时安排：2基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)：掌握 Dreamweaver CS6 基础知识掌握如何将 Photoshop设置为图象文件的外部编辑器。
掌握创建网页并插入文档教学重点*、难点#创建网页并插入文档通过打开“新建文档”对话框来设置新文件的各项参数教学主要内容与教学方法：教学主要内容通过 3 个工作任务向大家介绍 Dreamweaver CS6 的基本操作。
Dreamweaver 是一款功能强大的可视化的网页编辑与管理软件。
利用它，不仅可以轻松地创建跨平台和跨浏览器的页面，也可以直接创建具有动态效果的网页而不用自己编写一行源代码。
Dreamweaver CS6 最主要的优势在于能够进行多任务工作，并且在操作方法、界面风格方面更加人性化。
教学方法：演示法、讲授法课程作业或者思量题：教材第 28 页参考资料或者常用网址：教学后记：学生能大致了解基础知识，学生能大致了解网站的一些原理，使学生对网站的认识上了一个阶梯。
教研室主任意见：**学院教案课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 3 月 14 日 3、4 节授课题目(章节)：第二章教具：多媒体机房课时安排：2基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)：掌握如何创建网站。
掌握以 FTP 连接方式并定义远程站点教学重点*、难点#控制站点结构，管理站点中的每一个文件定义远程站点教学主要内容与教学方法：教学主要内容：将通过“以 FTP 连接方式定义远程站点”和“建立 MyTestm 网站”共 2 个工作任务向大家介绍如何创建、设计网站。
Dreamweaver 网页制作教学大纲
《Dreamweaver 网页制作》教学大纲课程编号：课程名称：《网页设计与制作》英文名称：课程类型：专业选修课总学时：72 讲课学时：41 上机实践学时：31学分：100分适用对象：三年高职电子商务专业先修课程：《计算机文化与应用基础》一、课程的性质和任务“Dreamweaver 网页设计”是计算机网络技术专业（专科）的一门统设必修课，同时也是电子商务的基础课。
本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS 层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
二、课程的教学目标和基本要求掌握Dreamweaver的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。
掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver中应用表单设计网页的方法，掌握并了解可以在网页中插入Fireworks电影、Flash MX电影、ActiveX.控件等多媒体对象的方法。
本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
《Dreamwaver》课程教学大纲
《Dreamwaver》课程教学大纲《Dream weaver》课程教学大纲一、课程的性质及任务本课程是我校计算机专业的必修课之一，也是与其它专业课程相辅相成的主要课程。
其主要任务是培养学生运用Dream weaver制作动态网页的能力，使学生了解Dream weaver的应用领域及与周边软件的运用，掌握Dream weaver与其它网络应用程序结合使用网络数据库开发大型网站的技术，达到广大网站设计人员和中初级专门人才所必需具备的多媒体技术基本知识和网页制作的基本技能，并为就业和继续学习打下良好的基础。
二、课程教学计划时数分配表三、课程的基本内容第一章站点及其规划（一）目的和要求：掌握Dreamweaver4的界面环境、Dreamweaver4版本的最新特性以及Dreamweaver4的入门知识。
（二）主要内容：第一节Dreamweaver4的工作界面Dreamweaver4的工作界面介绍第二节Dreamweaver4的新特性1、增强的代码编辑功能2、方便的页面设计功能3、简化的工作流程4、通用的用户界面第二章建立站点与创建文档（一）目的和要求：掌握站点的规划、创建本地站点、设置文档的属性、以及Dreamweaver与HTML基础知识。
（二）主要内容：第一节创建本地站点1、创建一个新站点2、编辑一个现存站点3、打开一个现存的站点第二节创建文档1、创建、打开及保存文档2、导入Word HTML文档3、自动化任务第三节设置文档的属性第四节Dreamweaver与HTML第三章文本及其格式化（一）目的和要求：掌握创建文本列表、利用HTML标记格式化文本以及层叠式样式表（二）主要内容：第一节文本的输入第二节创建文本列表1、如何插入文本列表2、设置列表属性第三节利用HTML标记格式化文本1、设置文本的段落和标题2、文本的对齐和缩进3、设置文本的样式第四节利用HTML样式格式化文本1、HTML样式面板2、创建新的HTML样式第五节层叠样式表1、CSS样式面板2、CSS样式定义面板的参数设置第四章图像（一）目的和要求：掌握常用图像文件格式、设置图像的属性（二）主要内容：第一节插入图像第二节设置图像的属性第三节建立WEB像册第五章表格（一）目的和要求：掌握表格及其属性设置、基本表格操作、表格排序（二）主要内容：第一节表格及其属性设置1、创建表格2、设置单元格属性第二节基本表格操作1、输入文本及图像2、调整表格和单元格大小3、合并和拆分单元格第三节表格排序第六章页面布局（一）目的和要求：掌握创建框架、设置框架和框架集属性、大小及背景色（二）主要内容：第一节创建框架1、创建框架和框架集第二节设置框架和框架集属性1、框架属性设置2、框架集的属性设置3、设置框架的大小和背景色第七章链接（一）目的和要求：掌握网页制作过程中如何加入超级链接以及其他特殊链接的用法。
Dreamweaver网页设计与制作教学大纲教案
《Dreamweaver网页设计与制作》教学大纲教案课程介绍：本课程是一门实践性和概念性都很强的面向实际应用的课程。
Dreamweaver CC 2019是由Adobe公司开发的网页设计与制作软件。
Adobe公司在Dreamweaver这一软件的版本上不断升级，是为了使广大从事网页制作和网页设计工作的用户拥有性能更完善的得力工具，同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。
本书内容的讲解均以项目任务式案例为主线，通过任务引入引导学生进入任务学习的内容；通过任务知识的解析使学生能够深入学习软件功能；通过任务实施操作可以快速熟悉软件功能和艺术设计思路；通过扩展案例和项目演练可以拓展学生的实际应用能力，增强学生的软件使用技巧。
培训目标：➢发现网页中的美——网页设计基础➢熟悉设计工具——初识Dreamweaver CC 2019➢熟悉文本编辑——文本➢掌握素材使用——图像和多媒体➢掌握目标链接关系——超链接➢掌握页面布局——使用表格➢掌握美化页面——CSS样式➢了解固定页面布局——模板和库➢掌握页面的交互性——表单与行为➢掌握商业应用——综合设计实训学习时间：60学时。
培训内容：项目一、发现网页中的美——网页设计基础1.了解网页设计的相关应用。
2.明确网页设计的工作流程。
项目二、熟悉设计工具——初识Dreamweaver CC 20191.了解软件的操作界面。
2.了解站点的创建和编辑。
3.掌握网站框架的使用方法及技巧。
项目三、熟悉文本编辑——文本在当今这个网络时代，不管网页内容多么丰富，文本自始至终都还是网页中最基本的元素。
由于文本产生的信息量大，输入、编辑起来方便，并且生成的文件小，容易被浏览器下载，不会产生太多的等待时间，因此掌握好文本的使用，对于制作网页来说是最基本的要求。
任务3.1 制作青山别墅网页1. 通过对任务的引入和设计理念的讲解，使读者掌握制作青山别墅网页的设计思路。
Dreamweaver网页制作教案
Dreamweaver网页制作教案第一章：Dreamweaver概述1.1 课程介绍了解Dreamweaver作为网页制作工具的优势熟悉Dreamweaver的工作界面1.2 创建和管理网页创建新文档打开和保存网页管理标签库1.3 实践操作制作一个简单的网页学会使用Dreamweaver的实时视图和代码视图第二章：网页基本结构2.1 网页元素文本图像表格表单2.2 排版和格式化字体和大小颜色和样式段落对齐和间距2.3 实践操作制作一个包含文本、图像和的网页学习使用Dreamweaver的排版和格式化工具第三章：CSS样式3.1 CSS介绍了解CSS的作用和优势熟悉CSS的基本语法3.2 创建和应用CSS样式创建样式表应用样式到网页元素编辑和删除样式3.3 实践操作制作一个使用CSS样式的网页学习使用Dreamweaver的CSS面板第四章：网页布局4.1 布局技术表格布局CSS布局框架布局4.2 常用布局方法固定布局可变布局响应式布局4.3 实践操作制作一个使用表格布局的网页学习使用CSS布局和响应式布局第五章：表单和交互5.1 表单元素表单标签输入框选择框文件5.2 验证和提交表单表单验证方法提交表单到服务器接收服务器返回的数据5.3 实践操作制作一个简单的表单页面学习表单的验证和交互功能第六章：Dreamweaver 网站管理6.1 网站结构规划了解网站结构的重要性学习如何规划网站结构熟悉网站的目录和文件组织方式6.2 站点设置和管理创建和定义站点管理站点文件和目录更新和网站文件6.3 实践操作规划并创建一个简单的网站结构配置和管理Dreamweaver 站点第七章：Dreamweaver 模板和框架7.1 模板的概念和应用理解模板的作用学习如何创建和使用模板掌握模板的插入点和使用技巧7.2 框架和框架集了解框架和框架集的概念学习如何创建和编辑框架掌握框架的布局和内容管理7.3 实践操作创建一个简单的模板文件使用模板创建网站的多个页面制作一个使用框架的网页布局第八章：Dreamweaver 动画和多媒体8.1 动画技术概述了解Dreamweaver 支持的视频和动画格式学习如何插入和编辑动画元素8.2 多媒体元素的应用插入图像、音频和视频设置多媒体属性和行为掌握交互式多媒体元素的制作8.3 实践操作制作一个包含动画和多媒体元素的网页学习使用Dreamweaver 的行为面板为网页添加交互功能第九章：Dreamweaver 网页编程9.1 行为和事件理解行为和事件的概念学习如何使用行为为网页添加功能掌握常见行为的使用方法9.2 JavaScript 基础了解JavaScript 的基本概念学习如何在Dreamweaver 中编写JavaScript 代码掌握Dreamweaver 的JavaScript 调试工具9.3 实践操作编写简单的JavaScript 代码为网页添加功能学习使用Dreamweaver 的JavaScript 面板和调试工具第十章：Dreamweaver 网站发布和维护10.1 网站测试学习网站在不同浏览器和设备上的测试方法掌握网站性能测试和优化技巧10.2 网站发布了解网站发布的流程和注意事项学习如何使用Dreamweaver 发布网站10.3 网站维护和更新学习网站的日常维护和更新技巧掌握网站安全和备份方法10.4 实践操作对一个网站进行全面的测试和优化发布和维护一个简单的网站第十一章：Dreamweaver 数据库和动态内容11.1 数据库基础了解数据库的概念和作用学习如何连接和操作不同类型的数据库11.2 动态内容创建学习如何创建动态网页和表单掌握Dreamweaver 内置的服务器模型和数据源11.3 实践操作连接一个数据库并创建一个动态表单使用Dreamweaver 插入动态内容到网页第十二章：Dreamweaver 扩展性和高级技巧12.1 扩展Dreamweaver学习如何安装和使用Dreamweaver 插件和扩展掌握Dreamweaver 扩展的创建和分享12.2 高级网页技术学习如何使用CSS3 和HTML5掌握响应式设计和移动网页制作技巧12.3 实践操作制作一个使用CSS3 和HTML5 的网页创建一个响应式设计的网页layout第十三章：Dreamweaver 与其他工具的集成13.1 图像和图形编辑工具学习如何使用Adobe Photoshop 和Fireworks 与Dreamweaver 协同工作掌握图像和图形的导入和编辑技巧13.2 代码编辑和调试工具学习如何使用Dreamweaver 的代码编辑功能掌握使用外部代码编辑器和调试工具的技巧13.3 实践操作使用Photoshop 和Fireworks 制作网页素材在Dreamweaver 中导入和应用图像和图形第十四章：Dreamweaver 项目管理和团队协作14.1 项目管理学习如何管理Dreamweaver 项目文件和资源掌握Dreamweaver 项目的备份和版本控制14.2 团队协作了解团队协作的重要性学习如何在团队中使用Dreamweaver 和版本控制系统14.3 实践操作管理一个Dreamweaver 项目并实现版本控制在团队中使用Dreamweaver 进行协作第十五章：Dreamweaver 综合实战项目15.1 项目规划和设计学习如何进行项目规划和设计熟悉项目的时间管理和资源分配15.2 项目实施学习如何实施Dreamweaver 项目掌握项目的时间管理和问题解决技巧15.3 项目评估和优化学习如何评估Dreamweaver 项目的效果掌握项目的优化和维护技巧15.4 实践操作完成一个Dreamweaver 综合实战项目进行项目评估和优化以提高网站质量和性能重点和难点解析重点：Dreamweaver的工作界面和基本操作网页基本结构元素的插入和编辑CSS样式的创建和应用网页布局技术，包括表格布局、CSS布局和响应式布局表单的创建和交互功能的实现网站的管理和站点的设置模板和框架的使用动画和多媒体元素的插入网页编程，包括行为和事件的应用、JavaScript基础网站的测试、发布和维护数据库连接和动态内容的创建扩展性和高级技巧的运用与其他工具的集成和项目管理的实践团队协作和综合实战项目的实施难点：CSS样式的复杂应用和调试网页布局的高级技巧，如响应式布局的实现表单验证和交互逻辑的编写网站管理和站点配置的细节处理模板和框架的精细操作JavaScript代码的编写和调试数据库连接和动态内容的管理扩展性和高级技巧的深入应用团队协作和项目管理的策略制定综合实战项目的规划和实施通过理解和掌握这些重点和难点，学生将能够熟练使用Dreamweaver进行网页制作，并能够应对真实世界的网页设计挑战。
Dreamweaver网页设计课程教学大纲
Dreamweaver网页设计课程教学大纲第一部分大纲说明1．课程的性质与任务“Dreamweaver网页设计”是计算机网络技术专业（专科）的一门统设必修课。
本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
2．与相关课程的衔接、配合、分工先修课程：计算机应用基础Photoshop图像处理等。
后续课程：Flash动画制作等。
３．课程的教学基本要求本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
4．课程教学要求的层次1．掌握：要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。
2．理解：要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。
3．了解：要求学生能够一般地了解的所学内容。
第二部分媒体使用与教学过程建议学时分配课程教学总学时90学时，5学分。
其中授课36学时，实训54学时。
2．多种媒体教材的总体说明1．本课程文字教材为合一型教材，文字教材作为学习的主要媒体，着重反映课程的基本知识和针对性、应用性，在形式上要便于自学。
在内容上包括基本理论知识讲解和实训两部分。
2．视频媒体配合文字教材的讲授，内容重点在于实训及辅导。
3．CAI课件作为网络教学媒体，可以在互连网上使用也可以单机使用。
《Dreamweaver网页设计》教案
《Dreamweaver网页设计》教案一、教学目标1. 了解Dreamweaver的基本功能和操作界面。
2. 学会使用Dreamweaver创建、编辑和管理网页。
3. 掌握Dreamweaver中的基本标签和属性。
4. 学会使用Dreamweaver的布局功能进行网页设计。
5. 掌握Dreamweaver的预览和发布网页的方法。
二、教学内容1. Dreamweaver的基本功能和操作界面介绍Dreamweaver的启动和关闭方法，熟悉Dreamweaver的操作界面，包括菜单栏、工具栏、状态栏等。
2. 创建、编辑和管理网页学习创建新网页的方法，编辑网页的内容，删除和复制网页元素，以及管理网页的打开和保存。
3. 基本标签和属性介绍HTML基本标签，如标签、段落标签、图片标签等，并学习如何使用这些标签在Dreamweaver中创建和编辑网页内容。
4. 布局功能学习使用Dreamweaver的布局功能，包括表格、框架和Div标签，进行网页的设计和排版。
5. 预览和发布网页学习在Dreamweaver中预览网页的方法，以及如何将网页发布到互联网上。
三、教学方法1. 讲授法：讲解Dreamweaver的基本功能、操作界面和基本标签。
2. 演示法：展示如何使用Dreamweaver进行网页设计和排版。
3. 练习法：让学生动手实践，创建和编辑网页。
4. 提问法：引导学生思考和解决问题。
四、教学步骤1. 启动Dreamweaver，熟悉操作界面。
2. 创建新网页，学习编辑网页内容。
3. 学习使用基本标签，如、段落和图片标签。
4. 练习使用表格、框架和Div标签进行网页布局。
5. 预览和保存网页，了解发布网页的方法。
五、教学评价1. 课后作业：让学生独立完成一个简单的网页设计，检验对Dreamweaver的掌握程度。
2. 课堂练习：在课堂上让学生动手实践，实时评价学生的操作能力。
3. 学生互评：让学生互相评价，促进学习交流。
《Dreamweaver网页设计》教案
《Dreamweaver网页设计》教案第一章：Dreamweaver简介1.1 课程目标：了解Dreamweaver的发展历程和功能特点掌握Dreamweaver的基本操作界面1.2 教学内容：Dreamweaver的历史和发展Dreamweaver的功能特点Dreamweaver的操作界面及基本操作1.3 教学方法：讲解与演示相结合学生实际操作练习1.4 教学资源：PowerPoint课件Dreamweaver软件1.5 教学评估：课堂问答学生操作练习情况第二章：网页制作基础2.1 课程目标：掌握HTML标签的使用学会使用Dreamweaver的代码视图2.2 教学内容：HTML标签的基本概念和使用方法Dreamweaver代码视图的操作方法常用的HTML标签及其功能2.3 教学方法：讲解与演示相结合学生实际操作练习2.4 教学资源：PowerPoint课件Dreamweaver软件2.5 教学评估：课堂问答学生操作练习情况第三章：图像和多媒体的使用3.1 课程目标：学会在网页中插入图像和多媒体文件了解图像和多媒体文件的基本属性设置3.2 教学内容：图像和多媒体文件在网页中的作用在Dreamweaver中插入图像和多媒体文件的方法图像和多媒体文件的基本属性设置3.3 教学方法：讲解与演示相结合学生实际操作练习3.4 教学资源：PowerPoint课件Dreamweaver软件图像和多媒体文件素材3.5 教学评估：课堂问答学生操作练习情况第四章：超的使用4.1 课程目标：学会创建和设置超了解超的类型及应用场景4.2 教学内容：超的概念和作用在Dreamweaver中创建和设置超的方法超的类型及应用场景4.3 教学方法：讲解与演示相结合学生实际操作练习4.4 教学资源：PowerPoint课件Dreamweaver软件超素材4.5 教学评估：课堂问答学生操作练习情况第五章：表格的使用5.1 课程目标：学会使用Dreamweaver创建和编辑表格了解表格的基本属性设置5.2 教学内容：表格在网页中的作用在Dreamweaver中创建和编辑表格的方法表格的基本属性设置5.3 教学方法：讲解与演示相结合学生实际操作练习5.4 教学资源：PowerPoint课件Dreamweaver软件表格素材5.5 教学评估：课堂问答学生操作练习情况第六章：CSS样式应用6.1 课程目标：掌握CSS样式的概念和作用学会在Dreamweaver中创建和应用CSS样式6.2 教学内容：CSS样式的基本概念Dreamweaver中的CSS面板操作创建和应用CSS样式的方法CSS选择器及属性设置6.3 教学方法：讲解与演示相结合学生实际操作练习6.4 教学资源：PowerPoint课件Dreamweaver软件CSS样式素材6.5 教学评估：课堂问答学生操作练习情况第七章：布局页面7.1 课程目标：学会使用Dreamweaver进行页面布局了解常用的页面布局方法7.2 教学内容：页面布局的基本概念使用Dreamweaver的布局工具进行页面布局常用的页面布局方法（如：固定布局、百分比布局、弹性布局等）7.3 教学方法：讲解与演示相结合学生实际操作练习7.4 教学资源：PowerPoint课件Dreamweaver软件页面布局素材7.5 教学评估：课堂问答学生操作练习情况第八章：表单的使用8.1 课程目标：学会在网页中创建和使用表单了解表单的基本属性设置8.2 教学内容：表单在网页中的作用在Dreamweaver中创建和编辑表单的方法表单的基本属性设置表单元素（如：文本框、复选框、单选按钮等）的使用8.3 教学方法：讲解与演示相结合学生实际操作练习8.4 教学资源：PowerPoint课件Dreamweaver软件表单素材8.5 教学评估：课堂问答学生操作练习情况第九章：Dreamweaver与服务器端编程9.1 课程目标：了解Dreamweaver与服务器端编程的关系学会在Dreamweaver中插入服务器端代码9.2 教学内容：服务器端编程语言（如：PHP、JavaScript等）的基本概念在Dreamweaver中插入服务器端代码的方法Dreamweaver与服务器端代码的交互方式9.3 教学方法：讲解与演示相结合学生实际操作练习9.4 教学资源：PowerPoint课件Dreamweaver软件服务器端代码素材9.5 教学评估：课堂问答学生操作练习情况第十章：综合案例实训10.1 课程目标：学会运用所学知识完成一个完整的网页设计项目提高实际操作能力和网页设计水平10.2 教学内容：网页设计项目的需求分析网页设计的基本流程综合运用所学知识完成网页设计项目10.3 教学方法：学生分组进行实际操作教师指导与解答疑问10.4 教学资源：Dreamweaver软件案例素材及设计工具10.5 教学评估：学生完成的项目成果展示重点和难点解析第一章：Dreamweaver简介1. Dreamweaver的功能特点2. Dreamweaver的操作界面及基本操作难点解析：Dreamweaver功能特点的深入理解，特别是与其它网页编辑器的区别。
网页制作Dreamweaver实用教程课程设计
网页制作Dreamweaver实用教程课程设计课程设计目标本课程设计旨在向初学者介绍使用Dreamweaver软件进行网页制作的基础知识和技能，包括搭建网页框架、添加文本、图片、链接、表格等元素，并学会使用CSS样式美化网页。
教学大纲第一章：基础知识1.了解HTML、CSS、JavaScript的基本概念2.介绍网页制作的基本流程3.Dreamweaver软件的安装和使用第二章：网页框架搭建1.新建网页文件2.搭建网页框架：头部、导航栏、内容区、侧边栏、底部3.设置各个区块的CSS样式第三章：网页内容设计1.框架中添加文本、图片等元素2.插入链接和锚点3.添加表格、列表等元素4.使用CSS样式美化网页，设置元素的边框、背景等属性第四章：实战演练1.制作一个包含头部、导航栏、内容区等多个页面的网站2.视觉效果的设计，如字体、颜色、排版方式等3.页面交互效果的处理，如表单验证、图片轮播等教学方法1.授课讲解：通过PPT等工具对课程内容进行详细讲解，加深学生对知识点的理解和掌握。
2.实践操作：在讲解基础知识后，通过实际操作让学生掌握网页制作的过程和技巧，加深对知识点的理解和掌握。
3.课后作业：为了巩固课堂所学内容，布置相关作业，让学生进一步巩固所学知识并消化课堂上学到的技能。
考核方式学生的考核将分为两部分：课前准备和课堂操作。
课前准备学生需要提前了解HTML、CSS、JavaScript的基本概念，并熟悉Dreamweaver 软件的安装和使用。
课堂操作在课堂上，学生需要通过实际操作，按照教学大纲进行网页制作。
并可适当增加或改变课程内容，以提高网页制作技能。
总结网页制作是一个应用广泛的技术，学习和掌握相关知识和技能不仅能丰富个人技术储备，也能为自己的职业发展打下坚实的基础。
在学习中，多观察优秀网页的设计和构建方式，不断进行实践操作和思考，相信学生们能够找到自己的网页制作风格，并在这个领域中取得不俗的成就。
《Dreamweaver 网页设计与制作》实训教学大纲
《Dreamweaver MX网页设计与制作》实训教学大纲一、大纲说明《网页制作》是计算机网络专业专业开设的一门专业必修课。
该课程涉及到色彩构成、平面制作、图形设计等相关课程，要求学生具有一定的设计能力。
《网页制作》作为必修课，教授本课使用直观教学演示方法，使讲解的内容更直观更易被接受，符合计算机网络专业专业开设本课程的目的。
本课程教学目标为：1.基本理论要求：通过本课程的课堂教学，系统学习网页制作的工作原理。
2.基本技能要求：通过学习《网页制作》熟悉网页处理的流程及方法。
二、大纲内容课题一 HTML简介实训目的：1.掌握网页设计基本概念和HTML的基本结构2.了解网页技术概况、HTML的编辑和运行环境实训内容：项目1.熟悉html语言的基本结构项目2.使用html语言的基本结构，编写简单的网页重点技能操作：掌握html语言的基本结构，学会编写简单的网页课题二文字版面的编辑实训目的：掌握文字版面的编辑，如页面布局、字体属性等简单的版面设计实训内容：项目1.文字版面的编辑（一），通过页面布局实现文字版面的编辑。
项目2.文字版面的编辑（二），调整字体属性美化网页页面。
重点技能操作：掌握网页中页面布局及字体属性的设置。
课题三建立超链接实训目的：掌握网页的超链接技术的应用。
实训内容：项目 1.建立超链接，在网页中实现对同一文件、不同文件和网络资源的超链接。
重点技能操作：掌握网页中各种不同超链接效果的实现。
课题四图像的处理实训目的：掌握图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用实训内容：项目1.图像的处理，设定和应用背景图案、图形、图象及其超链接等。
重点技能操作：学会使用图像美化网页。
课题五列表项目实训目的：掌握列表的各种使用实训内容：项目1.列表项目，使用各种列表美化网页重点技能操作：学会使用列表美化网页。
课题六表格实训目的：1.了解表格的基本语法2.掌握表格的定义、控制、分组、标题等的应用，并学会使用表格布局实训内容：项目1.表格（一），使用表格的基本语法定义表格，并控制表格中的行、单元格、分组和标题。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamwearver CS3网页制作实用教程教学大纲一、课程的任务网页制作课程是一门应用性和理论性都很强的课程，是软件技术专业的一门专业课程。
随着网络广泛应用，网页制作技术在广大大中专院校得到了普及和推广。
网页制作者主要讲叙的是静态网页的制作，它是该专业后继课程动态网页制作的基础课程。
本课程针对网页设计与制作人员的要求，结合高职高专人才培养的特点，精心安排和组织了以实践岗位为中心的容，通过对本课程的学习，学生能够掌握有关网页制作的技术及其综合应用：如规划、页面组织、素材准备等，通过实践训练，能够举一反三，能够将所学知识点与工作技巧融合，为本专业学生将来成为“职场精英”打下坚实的基础，本课程侧重于实际的软件开发，加强实践环节，提高网页制作能力，使学生适应当前的计算机网络流行趋势。
二、课程的基本要求掌握建立与网页设计方法。
使用网页设计常用软件Dreamweaver创建与设置、管理与维护、测试与发布的技术与方法。
网页与的基本概念、策划与创建原则、的开发与发布工作流程、网页制作的各种方法和技巧，如文本处理、图象处理、超级、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。
在较短的时间，通过学习《Dreamwearver CS3网页制作实用教程》，能够设计制作出布局美观、合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页；能够建立、管理与发布小型；应用与网页技术传授知识、传播信息。
三、课时分配表四、课程的要求与容基础教学要求1、使学生了解和掌握、网页的基本知识；2、使学生了解和掌握网页的基本结构；3、使学生了解网页开发及建设的工具。
本章的重点和难点重点：1、创建和管理；2、创建和编辑首页；3、开发流程介绍。
难点：1、创建和管理；2、创建和编辑首页。
教学容：§1.1任务导入与问题思考1、任务导入——访问“搜狐”2、问题与思考§1.2知识点1、设计网页和的预备知识2、初识网页和3、网页制作软件§1.3任务实施步骤1、创建站点2、Dreamweaver CS3 新建首页3、Dreamweaver CS3 管理站点§1.4上机实训1、新建“我的学习”站点2、创建“花店”站点§1.5知识总结与回顾1、回顾学习要点2、学习要点参考添加网页元素教学要求：1、使学生熟练掌握网页基本组成元素；2、使学生能动手设计出简单、漂亮的网页本章的重点和难点重点：1、文本的插入、编辑及属性设置；2、图像的插入及属性设置；3、Flash文本的插入及属性设置；4、插入Shockwave影片及属性设置；5、特殊元素的插入及属性设置。
难点：1.图像的插入及属性设置；2.Flash文本的插入及属性设置；3.插入Shockwave影片及属性设置；教学容：§2.1任务导入与问题思考1、任务导入——设计五彩缤纷的网页2、问题与思考§2.2知识点1、网页基本元素2、网页特殊元素§2.3任务实施步骤1、添加网页文本2、添加图像3、鼠标移动效果4、插入Shockwave影片§2.4上机实训1、在“花店”主页中添加文本2、在“花店”主页中插入图像元素3、在“花店”主页中插入多媒体元素§2.5知识总结与回顾1、回顾学习要点2、学习要点参考表格布局教学要求：1、使学生熟练掌握网页表格的创建2、使学生熟练掌握网页表格的编辑3、使学生能够使用表格设计出布局合理的网页本章重点和难点重点：1、创建表格2、编辑表格难点：1、编辑表格2、使用表格进行网页布局教学容：§3.1任务导入与问题思考1、任务导入——用表格布局网页2、问题与思考§3.2知识点1、创建表格2、编辑表格§3.3任务实施步骤1、制作细线表格2、用表格布局“我们的家园”主页§3.4上机实训1、制作个性化的立体表格2、用表格布局“花店”主页§3.5知识总结与回顾1、回顾学习要点2、学习要点参考网页交互教学要求：1、使学生熟练掌握网页的交互方式2、使学生能够动手设计出与用户互动良好的网页本章重点和难点重点：1、链路、路径与锚的使用2、的设置方法3、使用特殊的4、使用常用的行为难点：1、链路、路径与锚的使用2、的设置方法3、使用特殊的4、使用常用的行为教学容：§4.1任务导入与问题思考1、任务导入——设计互动的网页2、问题与思考§4.2知识点1、超2、行为§4.3任务实施步骤1、为“学习”主页创建2、设置图像映射3、用行为制作交互网页§4.4上机实训1、为“花店”主页创建2、制作地图网页3、用行为制作导航条§4.5知识总结与回顾1、回顾学习要点2、学习要点参考表单应用教学要求：1、使学生熟练掌握表单的设置2、使学生能动手设计出与服务器数据处理紧密联系的网页本章重点和难点重点：1、表单的使用2、表单的设置方法3、使用表单进行数据采集与提交难点：1、表单的设置方法2、使用表单进行数据采集与提交教学容：§5.1任务导入与问题思考1、问题导入——制作用户信息调查表2、问题与思考§5.2知识点1、关于表单2、插入表单对象§5.3任务实施步骤1、制作登录页面2、制作新用户注册页面§5.4上机实训1、制作新客户登记页面2、制作信息反馈页面§5.5知识总结与回顾1、回顾学习要点2、学习要点参考使用框架布局网页教学要求：1、使学生熟练掌握网页的框架布局方式2、使学生能够动手设计出操作灵活、控制准确的网页本章重点和难点重点：1、框架和框架集的创建2、框架和框架集文件的基本操作3、框架和框架集的属性设置4、在框架中使用难点：1、框架和框架集文件的基本操作2、框架和框架集的属性设置3、在框架中使用教学容：§6.1任务导入与问题思考1、任务导入——制作奇特的框架布局2、问题与思考§6.2知识点1、创建框架集2、在框架页面中插入容3、设置框架和框架集属性§6.3任务实施步骤1、创建框架集§6.4上机实训1、为“花店”站点制作导购页面§6.5知识总结与回顾1、回顾学习要点2、学习要点参考模板和库教学要求：1、使学生熟练掌握模板和库的制作；2、使学生能动手设计出适用性广、扩展性强的网页模板。
本章重点和难点重点：1、模板和库的基本概念；2、制作和应用模板和库；3、模板和库与文档分离。
难点：1、制作和应用模板和库；2、模板和库与文档分离。
教学容：§7.1任务导入与问题思考1、任务导入——制作网页模板2、问题与思考§7.2知识点1、模板2、库§7.3任务实施步骤1、创建和应用模板2、制定库和应用库项目§7.4上机实训1、创建模板§7.5知识总结与回顾1、回顾学习要点2、学习要点参考CSS样式表教学要求：1、使学生熟练掌握网页的样式表设置；2、使学生能够动手设计出表现力丰富的网页本章重点和难点重点：1、创建和应用部样式表、外部样式表；2、创建和应用标签、类、高级样式表；3、CSS样式的属性介绍；4、管理CSS样式，CSS样式的应用、取消、修改和删除。
难点：1、创建和应用部样式表、外部样式表；2、创建和应用标签、类、高级样式表；3、CSS样式的属性介绍；4、管理CSS样式，CSS样式的应用、取消、修改和删除。
教学容：§8.1任务导入与问题思考1、任务导入——制作网页样式2、问题与思考§8.2知识点1、CSS概述2、创建CSS样式表§8.3任务实施步骤1、创建标签部样式表2、知识拓展：CSS代码3、创建个性化文字外部样式4、知识拓展：外部样式表的应用5、创建个性化样式6、创建竖排文字样式§8.4上机实训1、创建个性化表格样式2、创建横向菜单§8.5 CSS样式属性1、类型2、背景3、区块4、方框5、边框6、列表7、定位8、扩展§8.6知识总结与回顾1、回顾学习要点2、学习要点参考构建ASP开发环境教学要求：1、使学生熟练掌握IIS中虚拟目录的设置；2、使学生能够动手构建支持发布的ASP网页平台。
本章重点和难点重点：1、动态网页与ASP的工作原理2、ASP运行环境及IIS的配置；3、在Dreamweaver 中搭建ASP站点。
难点：1、动态网页与ASP的工作原理2、ASP运行环境及IIS的配置；3、在Dreamweaver 中搭建ASP站点。
教学容：§9.1任务导入与问题思考1、任务导入——构建ASP开发环境2、问题与思考§9.2知识点1、认识动态网页与ASP2、安装与启动IIS3、配置IIS4、测试IIS服务器5、在Dreamweaver中设置ASP服务器站点§9.3任务实施步骤1、安装IIS2、配置IIS服务器3、测试IIS服务器§9.4上机实训1、配置与测试IIS服务器2、搭建ASP开发环境§9.5知识总结与回顾1、回顾学习要点2、学习要点参考新闻系统的制作教学要求：1、使学生熟练掌握新闻系统的制作2、使学生能设计出实用的新闻系统本章重点和难点重点：1、新闻系统的组成2、动态网页与数据库的连接3、动态网页如何操作数据库难点：1、动态网页与数据库的连接2、动态网页如何操作数据库教学容：§10.1新闻系统准备工作1、新闻系统需求分析2、新闻系统站点的建立3、设计新闻数据库4、连接新闻数据库§10.2管理员登录页面设计1、管理员登录页2、新闻管理页3、错误信息页§10.3新闻信息管理页面设计1、添加新闻页2、编辑新闻页3、删除新闻页§10.4新闻前台查看页面设计1.新闻浏览主页2.新闻浏览网页§10.5系统调试§10.6知识总结与回顾留言板系统的制作教学要求：1、使学生熟悉留言板的制作流程2、使学生能动手设计出实用的留言系统本章重点和难点重点：1、留言板系统的结构2、留言板系统数据库的设计与创建3、留言板系统前后台的构建难点：1、留言板系统的结构2、留言板系统数据库的设计与创建3、留言板系统前后台的构建教学容：§11.1留言板系统准备工作1、留言板系统需求分析2、留言板站点的建立3、留言板数据库的建立4、连接留言数据库§11.2留言板前台页面设计1、创建留言板模板文件2、浏览留言信息3、发布留言4、管理员回复页面（前台登录方式）§11.3留言板后台页面设计1、后台登录界面2、留言管理列表页面3、删除留言页面4、回复留言页面（后台登录方式）5、管理员修改回复页面§11.4知识总结与回顾综合实训——博客的开发教学要求：1、使学生熟练掌握构建网页应用系统的一般流程；2、使学生能恰当选用建服务器行为表达页面效果本章重点和难点重点：1、博客各种模块的功能2、设计一个博客所需要用到的数据库3、利用各种建服务器行为制作ASP动态页面效果4、通过编辑代码修改网页效果难点：1、博客各种模块的功能2、设计一个博客所需要用到的数据库3、利用各种建服务器行为制作ASP动态页面效果4、通过编辑代码修改网页效果教学容：§12.1博客概述1、博客概述§12.2博客的建立1、如何建立博客§12.3博客数据库1、数据库的建立2、数据库的连接§12.4博客网页设计1、CSS样式表文件和站点模板的构建2、博客登录与注册页面设计3、博客首页设计4、博文显示页面设计5、博文查询页面设计§12.5博客的发布1、博客的发布§12.6知识总结与回顾。