Dreamweaver网页设计教学大纲

^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网页设计》教学大纲适用专业：全校各专业理论学时：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.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网页设计》教案一、教案简介二、教学目标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网页设计立体化教程(DreamweaverCC2023)》教学大纲一、课程信息课程名称：Dreamweaver网页设计课程类别，专业基础课课程性质：选修/必修计划学时：54计划学分，4先修课程：无适用专业，电子商务专业、电子信息类、计算机网络技术专业、计算机信息管理专业课程负责人：二、课程简介随着互联网信息技术、数字技术和手机移动终端技术等的飞速发展，各企事业单位对网页设计人员的需求不断增加，对设计人员的要求也越来越高。

DreamWeaVer广泛应用于网页设计领域，它是Web 前端技术开发的必备课程。

本课程介绍了网页设计基础、DreamWeaVer的基本操作，对编辑网页元素、编辑网页中的超链接、布局网页、使用模板和库、使用表单和行为、制作移动端网页、测试与发布网站等知识进行了讲解，最后还安排综合案例，目的是通过本课程的学习，培养学生的计算机的操作能力和实际动手能力，能够运用所学知识进行网页设计。

三、课程教学要求体描述。

“关联程度”栏中字母表示二者关联程度。

关联程度按高关联、中关联、低关联三档分别表示为“H”或"1”。

“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。

四、课程教学内容五、考核要求及成绩评定六、学生学习建议(一)学习方法建议1.理论配合实战训练进行学习，提高学生的实战动手能力；2.让学生先了解网页设计的基础知识，再通过网页案例来认识网站，综合运用所学知识设计出自己构想的一个网站；3.提高学生的是设计感和审美能力；4.培养学生制作一个完整的网站的设计思路。

(-)学生课外阅读参考资料略七、课程改革与建设本课程是一门实操性较强的课，相对于纯理论知识的枯燥讲解方式，为了吸引学生的兴趣，教学形式采用情景导入一任务讲解一项目实训一课后练习T技巧提升。

相对于过去以基础知识为主的方式，改革后更注重实际操作的学习，通过更多案列，让学员学习到更实用的知识。

网页设计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的工作界面和基本操作是初次接触该软件的学生必须要掌握的基础。

《网页设计》课程教学大纲一、《网页设计》课程说明（一）课程代码：（二）开课对象：高职（三）课程性质：《网页设计》是网页制作的一门实用课程，是网络类专业的一门实践性很强的专业基础课。

本课程开设的主要目的，是为了适应web技术的飞速发展，让学生掌握网页制作的基本技术，为学生今后在学习、工作中建立网站及制作网页打下基础。

通过本课程的学习，使学生了解网站设计制作的全过程，并且熟练掌握《网页设计》制作网页的基本方法和技巧，并能利用《网页设计》提供的强大功能制作出有专业水准的网站,达到知识和技能两方面共同提高。

（四）教学目标：了解网页设计与制作内容的规划方法、设计网页布局、站点规化与设计流程，编辑站点、Logo Banner设计思路、动作脚本的用途等基本概念。

掌握制作一个主页的基本流程，具体页面元素的设置方法、设置布局、单元格和表格格式的方法，调整图像的方法等。

熟练掌握网站的链接和导航，创建站点常见元素、网页的发布和调试。

在教学过程中，教师要细致备课，充分组织教案，认真分析学生的实际知识结构，使备课与学生的实际情况紧密结合，使教师本身做到有效的教，使学生做到有效的学。

在讲授的过程中，教师应结合TC编译器进行讲解演示。

课后一方面要求学生及时复习，另一方面应加强学生的动手能力，在实验环节，通过布置实验内容对课堂知识进一步理解。

（五）教学内容：1．Dreamweaver的人—机交互界面的组成与使用方法；2．创建Web站点的基本方法与步骤；3．熟悉站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；4．掌握系统属性及网页属性的设置方法，及各设置参数的作用；5．掌握制作超级链接、E-mail链接、书签等形式的超级链接；6．掌握使用HTML样式和CSS样式创建、编辑网页的方法；7．掌握水平线、日期、图像对象的主要属性与设置方法；8．掌握表格的创建、结构调整与美化方法；9．掌握在网页中创建、修改层和嵌套层的方法；10．掌握时间线的创建与调整方法；11．掌握框架结构网页的制作方法；12．学会利用行为面板设置控制对象的行为；13．学会通过模板和库元素创建网页的方法；14．学会使用Dream weaver中应用表单设计网页的方法；15．掌握并了解可以在网页中插入Fireworks、HTML电影、Flash电影、ActiveX.控件等多媒体对象的方法；16．全面掌握交互式网站的制作方法。

最新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网页设计》教学大纲一、课程的性质和任务（一）本课程的教学目的全面介绍与网页设计制作有关的知识，向学生阐明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 CC网页设计与应用》教学大纲课程介绍:Dreamweaver是由Adobe公司开发地网页编辑软件。

它不但能够完成一般地网页编辑工作,而且能够制作出许多需要通过编程才能达到地效果,因此一直以来都是网页制作员地重要工具。

为了帮助院校地教师全面,系统地讲授这门课程,使读者能够熟练地使用Dreamweaver,我们组成了包括院校教师与面设计师在内地写作团队,同编写了本书。

此次改版将软件版本更新为Dreamweaver CC 二零一九。

本书具有完善地知识结构体系,包括基础技能与案例实训两篇内容。

在基础技能篇,本书按照知识点讲解+课堂案例+课堂练+课后题地思路行编排,通过知识点讲解,使读者快速熟悉软件功能与制作特色;通过课堂案例地演练,让读者深入学软件功能与网页设计思路;通过课堂练与课后题,巩固读者地实际应用能力。

在案例实训篇,本书根据Dreamweaver在设计地各个应用领域,精心安排了各种案例,通过这些案例地学,读者地网页设计能力更加贴近实际工作,创意思维更加开阔,设计制作水不断提升。

在内容编写方面,我们力求细致全面,重点突出;在文字叙述方面,我们注意言简意赅,通俗易懂;在案例选取方面,我们强调案例地针对与实用。

培训目地:了解Dreamweaver CC 二零一九地工作界面,并掌握网站地建设基础熟练掌握编辑文本地方法,了解设置水线与网格地方法熟练掌握插入图像与多媒体地方法与技巧掌握网页超链接地使用方法熟练掌握表格地使用方法与技巧熟练掌握ASP服务器地安装与使用方法掌握CSS样式掌握模板与库地使用方法与技巧掌握使用表单地方法了解行为地使用方法掌握网页代码地编写与修改了解游戏娱乐网页概述,掌握多种游戏娱乐网页地设计方法与技巧了解旅游休闲网页概述,掌握不同种类旅游休闲网页地设计方法与技巧了解房地产网页概述,掌握多种房产网页地设计方法与技巧了解电子商务网页概述,掌握不同电子商务网页地设计方法与技巧学时间:六零学时。

《Dreamweaver 网页制作》教学大纲课程编号：课程名称：《网页设计与制作》英文名称：课程类型：专业选修课总学时：72 讲课学时：41 上机实践学时：31学分：100分适用对象：三年高职电子商务专业先修课程：《计算机文化与应用基础》一、课程的性质和任务“Dreamweaver 网页设计”是计算机网络技术专业（专科）的一门统设必修课，同时也是电子商务的基础课。

本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS 层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。

目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。

二、课程的教学目标和基本要求掌握Dreamweaver的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。

掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver中应用表单设计网页的方法，掌握并了解可以在网页中插入Fireworks电影、Flash MX电影、ActiveX.控件等多媒体对象的方法。

本课程要求学生掌握基本的HTML语言。

学会使用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概述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网页设计课程教学大纲第一部分大纲说明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网页设计》教案一、教学目标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简介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 MX网页设计与制作》实训教学大纲一、大纲说明《网页制作》是计算机网络专业专业开设的一门专业必修课。

该课程涉及到色彩构成、平面制作、图形设计等相关课程，要求学生具有一定的设计能力。

《网页制作》作为必修课，教授本课使用直观教学演示方法，使讲解的内容更直观更易被接受，符合计算机网络专业专业开设本课程的目的。

本课程教学目标为：1.基本理论要求：通过本课程的课堂教学，系统学习网页制作的工作原理。

2.基本技能要求：通过学习《网页制作》熟悉网页处理的流程及方法。

二、大纲内容课题一 HTML简介实训目的：1.掌握网页设计基本概念和HTML的基本结构2.了解网页技术概况、HTML的编辑和运行环境实训内容：项目1.熟悉html语言的基本结构项目2.使用html语言的基本结构，编写简单的网页重点技能操作：掌握html语言的基本结构，学会编写简单的网页课题二文字版面的编辑实训目的：掌握文字版面的编辑，如页面布局、字体属性等简单的版面设计实训内容：项目1.文字版面的编辑（一），通过页面布局实现文字版面的编辑。

项目2.文字版面的编辑（二），调整字体属性美化网页页面。

重点技能操作：掌握网页中页面布局及字体属性的设置。

课题三建立超链接实训目的：掌握网页的超链接技术的应用。

实训内容：项目 1.建立超链接，在网页中实现对同一文件、不同文件和网络资源的超链接。

重点技能操作：掌握网页中各种不同超链接效果的实现。

课题四图像的处理实训目的：掌握图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用实训内容：项目1.图像的处理，设定和应用背景图案、图形、图象及其超链接等。

重点技能操作：学会使用图像美化网页。

课题五列表项目实训目的：掌握列表的各种使用实训内容：项目1.列表项目，使用各种列表美化网页重点技能操作：学会使用列表美化网页。

课题六表格实训目的：1.了解表格的基本语法2.掌握表格的定义、控制、分组、标题等的应用，并学会使用表格布局实训内容：项目1.表格（一），使用表格的基本语法定义表格，并控制表格中的行、单元格、分组和标题。