网页制作基础教程（Dreamweaver CS6）教学指南.docx

中等职业学校教学用书(计算机应用专业)网页制作基础教程(DreamweaverCS6版)电子教学资料黄洪杰杨军主编重孑工首出版aPub1.ishingHouseofE1.ectronicsIndustry北京.BEIJING为了配合£网页制作基础教程（DreamWCaVCrCS6州课程的教学，体现教材的编写特色，更好地为读者服务，编写了此教学资料。教学资料内容有三个部分：第一部分是教学指南.包括了课程性质与任务、课程内容和要求、教学建议，教学时间分配。第二部分是习题答案，给出了每道习题的详细解答过程。第三部分是电子教案,采用PowerPoint谀件形式。教师可以根据不同的教学要求按需选取和重新组合。限于编著者水平，教学资料中有错误或不妥之处，请读者给予批评指正。如果您有什么建议或想法.请和我们联系.E-mai1.:veeD电话：010-68152133编者/2014年8月j网页制作基础教程(DreamWeaVCrCS6版)教学指南一、课程的性质与任务“网页制作基础教程”是中等职业学校计究机专业的一门专业课,其主要任芬是使学生掌握网页制作的般础知识和范本技能，培养学生开发网站的能力，提高学生的职业技能和素质，为适应职业岗位和继续学习打下一定的基础。通过学习，学生能够达到如下的教学目标：令知道网站、网页的概念能弊确定网站的主8S,画出网站结树草图：Q了解DreamWeaYer操作界面，能覆创建网站地图；<>了解各种网站和网页布局特点，能第利用表格、布局模式或框架规划网页布局：熟练常攫在网页中输入文字、修饰文字以及插入图片.更改背班的方法：令熟练掌握网页布局的方法：。熟练掌握各种超级链接的插入与修改，包括图片热区等：O堂押.样式表的相关概念以及使用方法：常押AP元素和时间轴的相关概念以及使用方法：令掌握在网页中插入多媒体文件、Spry页面特效的方法：掌握去单的相关概念以及使用方法，的编税确认表单：。常押Fircwork和Hash的操作方法，熟练掌握两个软件与Dreamweaver的整合使用方法：令熟练掌握网站的管理以及上传到囚相网上的方法.二、预备知识在学习本课程之前,最好具备以下知识和能力：<1>文本操作，例如能够使用Word创建并编辑文件等。(2因特网使用能力，例如网页的浏览，图片的卜载等，<3>计算机网络的相关知识,例如知道眼务零与客户机的关系等.三、教学提要1. 重点难点(一)点内容本课程的程点内容是“第2章编辑网页的内容二“第3章网页的布局”、“第5章使用超琏接"、第6堂CSS与行为”和“第8章使用表单”，在这三章中介绍了如何规划网页的布局.怎样创建图文并茂的网页.如何通过超超接招各个网页连接起来以及使用CSS、行为、衣单的方法.这些是学习网页制作所必须熟练掌握的内容,在学习是要注意体现出这一HTM1.语宫.也就是IhperTex1.Markup1.anguage（超文本标识语言）。HTM1.谙*作为超文本标记谱*,用来描述某个事物应该如何合理地显示在计算机屏幕上,也可以这么说,HTM1.就是以特殊的标记形式将网页存储为通常的文本文件.2. HTM1.语言的特点与缺点要在网页上实现“欢迎参观我的主页”这句话为界体18号字并居中显示,相应的IITM1.谙旬为：<ccntcrxbxfontface="黑体">vfcntSiZC=I8>欢迎参观我的主页<fbnt><fo11x,b><center>句首的<<xnter>:衣示居中，句尾的UCen1.Cr>表示居中结束：而<b>去示In体，<b>与之相呼应：VfOntfaCC="黑体”>表示文字为黑体.VfontSiZc=18>表示字体型号为18号，句尾的两个<font>&示改猊结束.子项目3方网页与动态网页网页可以分为静态网页和动态网页，区分它们的标准是网站所使用的服务技术，与网页上是否有动态效果无关.支持动态网页的技术又分为客户端动态技术和服务器动态技术.客户端动态技术在显示网页内容时并不与网站服务器产生交互，而是将显示脚本程序嵌在网页文件中，眼务器接受浏览器的请求发送网页后，脚本程序会自动在计算机上运行并将结果显示在浏览器中，服务器动态技术在显示N页内容的过程中偌要服务器和客户箍的共同配合.服务涔会根据客户端发来的参数运行相关程序,产生页面，然后再把已经形成的网页发送到客户端的浏览器上。子项目4网页制作工具Drcamweavcr原本是Macromedia公Hj的产品.后被Adobe公司收吻.该软件除本身具彳1的强大功能以外,还得益于其他相应软件的有力支持，它和该公司的另外两个产从F1.ash（动画制作工具）、Fireworks（图像编辑工具一起被称为“网络三剑客）项目2使用DEInmeHVer建立网站子项目1Dreamweaver的操作环境电击任务栏上的“开始”按钮，打开“开始”菜维：将鼠标指针指向“开始”菜笊中的“所行程序”,打开"程序”菜单：当单击-F菜单中的“AdobeDrCamWCaVerCS6”,启动Dreamweaver.DkamwCaVer的操作环境由标鹿菜单栏、文档工具栏、文档编辑区、状态栏、面板组等组成.子项目2建立网站Ir的准备工作在制作网站之前应该先画出结构图,这样不但可以怖助规划同咕结构，使网站条理清楚、主题鲜明，还可以确定各个网页的内容，方便大家思考各网页之间的链接方式。为每一个网页建立了网页索材文件夹.用于存放该网页使用的文字、图片等.而网页通用的背景图片、背咏声音、动画等也分别存放在相应的文件夹中.子项目3建立站点新建一个网站有多种方法，可以单击“站点”菜单中的“新建站点”命令，也可以单击标题栏的“站点”按钮,在下拉菜单中选择“新建站点”命令,还可以在面板组中打开“文件”选项卡，通过冷击“管理站点”，然后新建站点，<6）掌握插入图片修饰网页的方法。本章的教学建议，本章的教学内容主要是文字与图片的相关设置，由于操作界面与Word等学生熟悉的软件不同，学生在操作上可能会有所不习惯，在教学中要注意以下几个问8S：1.换行操作；2.添加中文字体；3.字号的大小关系：4.行苜空两格的操作;5.水平线的颜色更改。以上五个问题在操作中会使学生感到不方便,要通过练习进行加强,尽快钻卷Dreamweaver的操作特点.以免影响下面的学习.教材在讲述插入图片时，着我讲述了将图片保存在当前网站的方法。这是网站管理的内容，要使学习者认识到这种操作的重要性，以免造成文件埴多而产生的麻烦。本章的教学内容I第2章网页的内容项目1字体与段落的”子项目I入文字像在记事本中一样,在网页弟辑区域单击取标,出现光标后就输入文字了.也可以同过复制、粘贴命令,将网页索利文件中的文字纪制到网页中.用键盘操作换行有两种方法：按Enter键和按Enter+Shift组合键。按Emer键，实侑的是分段操作，段与段之间的距离较兀而使用EmCr+Shi1.i纲合键，实施的是换行操作，也就是正常行间距子项目2导入中文字体在设时字体之前，应先将中文字体添加到“性”面板字体下拉列衣框中。“JR性”面板有两种横式,在供认情况卜r<>him1.”模式被打开，从图2.1.4中可以发现,在该模式下是不悭修设置字体的，单i曲CSS按钮，可以切换到-CSS”模式，单击Ia幽三IG端而三1.在下拉菜单中选打唱婚国。花弹出的“编辑字体列表”对话框中,选中“可用字体”栏中的中文字体,本例选中“仿宋”,单击£1.字体出现在“选择的字体”栏中.单击“确定”按钮,“仿宋”被加入到“属性”面板的字体列表下拉菜单中.子项目3设型文字在DreamWCaVa网页编辑区域选择几个字.然后单,届皿三右边的三1在下拉列表中选择“黑体二在选择器名称下面的文本框中检入：y$1.作为新建CSS瓦则的名字，ys1.就是样式1的意思.中击“确定此时，属性面板中目标规则右边的对话根中显示的是“.ys1.单击大小付氏三k边的三1.在下拉列表中选择“16”,将字体设为16号字。单击回.珞文字设为加粗.然后在“属性”面板中单击口，打开颜色面板，选择一种颜色，更改文字的颜色.子项目4段苜缩进要实现在段首空两个格.可以切换到代码编辑状态,在段首文字前输入代码“&nbsp;"（不要漏掉于项目5列表与第进1 .列表列表有两种类型：项目列表和编号列表.拖动鼠标，选中要添加列次的文字.然后在展性面板中单击“项目列表”按地，注意是在“ohini1.”模式下，不是在“CSS”模式下，单击''项目符号”按钮，保一行都出现了一个黑点.2 .蟾进选中文字，将R1.标移动到属性面板上，在保证处于“<>HTM1.”的情况下，多次单击“内缩区块“按钮，文字将向右移动。项目2美化网页于项目I入水平线将光标移动G下面一个单元格的行首，的击菜的栏上的“插入记录”，然后选择"HTM1.”子菜单卜的“水平城”命令,网页上自动插入一条水平城，那么怎样删除水平线呢？很简单,只要选中水平线，按下健盘上的DdCte健即可.子事目2箱入图片1 .图片的格式图片的基本格式是BMP,但这种文件由于没有压缩.往往比较大.因特网并不采用它.因特网上应用最广泛的图片格式有一:种：GIF文件、JPEG文件和PNG文件.2 .插入图片首先单击取标,确定光标的位置,单击“插入”面板上的田按钮,然后在冲出的菜单中选择“图像”.在弹出“选择图像源”对话框，再单击“查找被围"右边的,在下拉菜单中,选择图像文件，选择文件单击“确认”,将图片插入网页.子项目3设置图片单击图片,使图片被一个矩形框住，同时出现三个小的实心矩形。取标指针指向图片右卜角，当取标指针变成双向箭头时,拖动鼠标.就可以更改图片的大小.于项目4设置网页Ir景单击菜单栏上的“修改”,在下拉菜单中单击“页面同性”，打开“页面属性”对话框，在“页面屈性”对话框中，可以设置文本的颜色,背景颜色等.常击“背景”右边的G1.选择一种颜色,将网页背景设置成该颜色.单击背景图像栏右边的“浏览”，找到存放图像的文件夹.打开“选择图像源文件”对话框.选中要使用的图片文件，单击“确认”，然后将图片保存到网站站点的文件夹“images”中，返回“页面词性”对话框,单击“确定”按妞，效果如图2227所示.在默认状态卜，背景图片泣盖在背景颜色之上。所以，在设置背景图片以后，背景颜色是看不到的.第3章网页的布曷本章的敦学目标为，（1） 知道网页设计中的几种常见布局和风格.（2） 熟练拿捱插入表格.对表格进行设跣的方法得(3)熟练掌握插入视频的方法.(4)掌握设置SPry特效的方法.本章的教学建议：本章内容学生比较感兴趣，要注意讲解清楚各种音频、视频的格式，为什么有的音频和视频不适合插入到网页中，这一点要让学生有一个直观的感受关于SPry是一个难点,但不足理点.操作中也容身发生问遨.这需要学生的耐心和细心.作为教师在讲解的过程中要注意操作细节，避免学生在悚作中可能产生的各种错误.本章的收学内容，第7章制作多媒体网页项目1在网页中入多媒体文件子事目I入音乐单击“插入”菜单，选择“媒体”下的"插件”命令,在弹出的“选择文件”对话框中，选择存放音乐文件的文件夹,选择事先确定好的音乐文件，单击“确定”按钿在DreanIWCaVer中选择该插件.然后在属性面板中单击“参数”按钮.怆入“hidden”作为参数的依，怆入“fake”作为值.这两个参数的作用是隐藏播放器插件.子项目2加入FIaSh动应用广泛的FESh文件主要出两种，SWF文件主要是动画文件：F1.V文件主要是视顿文件“下面的操作是插入SWF文件的过程.首先确定FIaSh动画文件的位置，然后，单击“插入”菜单，选择“媒体”下的“SWF”命令,在弹出的“选择SWF”文件对话框中，打开存放网页素材的文件夹,选择要插入的SWF文件，单击”确定”按钮子项目3入视Ii在网页上插入视频主要分两类，一类是F1.V文件,一类是通用的AVI、MPG等文件.在网页中插入F1.V文件的方法和插入SWF文件的方法相似。首先确定视频文件的位置，然后，单击“插入”菜单，选择“媒体”下的“插件”命令，在弹出的“选择文件”对话框中,找到“网站素材”文件夹中的视频文件.单击“确定”按钮.在弹出“复制文件为“对话框中进行操作，将该视疑文件保存到网站中，可以发现网页中出现一个插件的区域.保存网页，在浏览器中侦览网页，单击“允许阻止的内容”按钮，让浏览避允许视频捕放插件运行.事目2SPry页面特效子项目1创建SPQ菜单栏SPry属F一如AjaX框架，实侦是一批JUVaSCriPt库。单击“插入”菜单.选择“Spry”下的“Spry菜单栏”命令,在伸出的“Spry菜单栏”对话框中，选择布局样式.尔击“确定”按钮.在序性面板上可以对这些项目的名称和内容进行设湿。子项目2创建SPQ选项卡面板单击“蟠入”菜单,在弹出的菜单中选择“Spry”下的“Spry选项卡式面板”命令.此时可以发现，网页上出现SPry选项卡，问时屈性面板显示与之相关的内容.第8章使用表单本章的教学目标为：(1知道表单城的含义；熟练掌握各种表单栏目的插入与设前，(2能师综合使用各种表单栏目制作府言海。(3知道发送表单结果的多种方法.(4掌握验证表单的方法.本章的收学建议：七种表单元素是本章的教学重点,等一种元素的特点以及设置方法是需要花时间认真练习的.其中的电点是“域”的存在,对于其他元素来讲.它发挥重要的作用.却在网页上几乎看不见.本章的收学内容，第8章使用表单项目1创建表单网页子事目I表单城简单地说，表单就是用户可以在网页中埴写信息的去格，它的作用是接收用户信息并将其提交给WCb服务器上特定的程序进行处理.表单域,也称表单控件是表单上的基本组成元素,用户通过表单中的表单域谕入信息或选择项目.单击“插入”菜总，选择“表总”下的“表单”命令，可以发现在网页中出现一个红色的虚线枢，框中的区域称为表中域，子项目2文本域文本域是提供浏览者城写文字的文本框，我们可以通过设武来决定文本框中最多可以怆入的字数。单击菜单栏上的“插入”命令，在弗出的菜单中，选择“表单”卜的“文本域”命令，会弹出一个名为“釉入标签辅助功能屉性”的对话框.胞击“确定”,完成设置.子审目3文本区域有时御要输入多行文字，而且在输入栏的右恻和下方都出现滚动条，这需要将文本设巴成文本区域，也就是多行文本框。单击“辅入”菜单,选择“表单”下的“文本区域”命令,在弹出的“输入标签辅助功能性”的对话框中，完成设置，单击“确定”按钮.子项目4单选按钮单选按钮就像单选题，浏览者只能在各种选项中选择一种，单击“插入”菜单在弹出的菜单中选择“表单”下的“单选按钮”命令,在弹出的“怆入标签辅助功能M性”的对话框中,输入该我单元素的ID,单击“确定”按钮.子项目5复选樨复选框可供浏览者同时选取一至多个选项，设置方法与单选按钮类似。单击“辅入”菜单,在弹出的菜单中选择“表单”下的“复选框”命令.在弹出的“希入标签辅助功能属性”的对话框中，输入该收单元素的ID,单击“确定”按钮.子项目6逸邦选择作为一种去单元素，其实就是俗称的卜拉列表.它可以显示选项列表，既为用音者提供方便,又便于管理员对留言内容进行管理.单击“捕入”菜单,在弹出的菜单中选择“花单”下的“选择（列表/菜单）”命令，接希在弹出的-输入标签辅助功能属性”的对话框中，输入该表单元素的ID,电击“确定”按钮。子项目7按钮按钮是一种常见的表单元素，几乎所有的对话框和衣垠都溢不开它,其中最常刖的就是“确定”按钮.单击“插入”菜单,在弹出的菜单中选择“表电”下的“按钮”命令，如图8.1.26,接者在弹出的“输入标签辅助功能属性”的对话框中,输入该表单元素的1D.单击“稀定”按钮.按钮共有3种类型：“提交”按钮将表单资料传送到相应位置：Ri?T按钮将表单资料全部清除,等待重新输入：“无”就是常规按钮，"J以与别的程序相连,作为启动其他程序的按钮.项目2创建留营等子项目1完善留rt表单栏目作为用言簿，包含的内容应该有针对性，针对设计，完成他有簿内容。子项目2提交表单侑息表单有两个重要的抗成部分，一是描述表单的HTM1.源代码，一是用于处理用户在表单域中输入信息的服务器期应用程序或客户跳脚本，如ASP等。将就标指针移动到表第域虚线上.单击鼠标.选中整个表的域,打开“属性”面板,在“动作”右边的文本栏中输入*4mai1.u>:yudan-，表示表单的内容将以电子邮件的形式发送给yudan。子项目3使用行为检查表单项首先，确定有哪也表的对象需要验证。选中文本域,在“际性”面板中检查它的1D将它们与其它表单元素区分出来.选中任逆一个表单时象，电击"设计”面板下“行为”选项卡中的按钮_±J,在弹出的菜单中选择“检查表单”,在打开的“检查装单”对话梅中，选中ID,选中“值”为“必需的”，“可接受”为“任何东西”，单击"确定”按钮。第9章图像与动的制作与优化本章的教学目标为，（1）了解FireWorkS的主要功能：能够说出FireTOrks操作面板中各组件名称.（3） 了解PNG文件与.GIF文件的区别.（3）熟练掌握在FireUOrkS中各种面板打开与关闭的方法。（4）熟练掌握创建简单图片文件的方法。（5）掌握图片文件的导出和优化的方法.（6）掌握DreanWoaNer中调用Fireworks的方法,（7） 了解F1.aSh的主要功能:能够说出FIaSh操作面板中各担件的名林.（8）熟练掌握在FIHSh中各种面板打开与关闭的方法.（9）掌握使用F1.ash创建补间动画和逐帧动画的方法.（10熟练掌握在F1.ash中导出动画的方法。本章的教学建议，本章在教学中要注意详略得当,不论FirevrorkS还是FIaSh,内容都十分庞大.所以只需掌握教学任务相关的技能就可以了，没有必要展开.Fireworks的Hi点应用是图片的优化。要让学习者认识到图片的优化方法和意义，费心地通过Firoorks去创造一幅图片不是本教材的重点.相对而言,F1.ash显得重要一些，动画几乎是阿页最好的包装.对于补间动IIHi和逐帧动画.学习者要依据教材的介绍.认真练习.最好自己有创意，通过练习去完成它.本章可以考虑加入机动学时，本章的收学内容，第9章图像与动画的!作与优化项目I图像的制作与优化Fireworks是弊创建、编辑和优化网页图形为一体的应用软件。子项目1FireworkWf单击“开始”按钮.在开始菜单中选择“所有程序”,然后移动就标指针到“程序”中的aAdobeFireworksCS6"上,单击取标就可以打开FireWOrks.单击菜单栏上的“文件”，在下拉菜单中选择-新建”命令，打开“新建文档”对话框，子项目2在Finwork中制作图片使用Firewrks可以直接制作图片.1 .更改画布大小2 .输入文字3 .更改字体和字号4,调整文本的位置5选择一种样式6 .保存子项目3在Finwork中优化图片除了可以直接制作图片以外,Fireworks还可以对已有的图片进行优化.下面将该-他图片诳行优化,观察图片优化后的实际效果.首先将图片打开,单击窗口右边面板组中“优化”面板，并将“优化”选项卡打开,设置优化效果，保存.子项目4Firework与DreamweaverS*jS用在Dreaweaer窗口中，选中图片，然后在“属性”面板中单击“编辑”按钮13.即可打开Fireworks.项目2动的制作与优化子项目1F1.aSh概述F1.aSh操作界面由菜单栏、工具栏、“工具”面板、时间轴、舞台、面板组、“属性”面极以及“动作-Wr面板组成.子项目2在F1.ash中制作补间动F1.ash动画包括补间动画和逐帧动画.制作补间动向是创建随时间移动或更改的动画的一种有效方法.并且城大程度地减小了所生成的文件.在补间动画中，F1.ash能鲂自动地在两个美镀澳之间插入他的俏或形状来创建动画，使动画变得生动.补间动向又分为运动渐变与形状渐变两种.运动渐变是指在一个时间点定义一个实例或文字块的便况、大小等属性,在另一个时间点改变这些属性，F1.aSh自动插入动画帧.形成两者之间平滑的过波，形状渐变是指在个时间点绘制一个形状，在另一个时间点更改该形状，F1.ash自动插入动画帧，形成两者之间平滑的过渡。子项目3在F1.aSh中作程M动逐帧动否是指更改每一帧中的内容,以此来实现动画效果.它最适合于每一帧中的图像都在波变而不是仅仪简单地在舞台上移动的独杂动福。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，F1.ash会保存每个完整帧的值.子项目4F1.ash与Dreaniweaver整合应用在Drcamwcavcr'1',还可以宜接调用F1.ash对网页中已插入的F1.A文件进行编辑”如在图9.2.34所示的Dreaiweaverff1.选中F1.aSh影片,然后在“属性”面板中单击“编辑”按钮，即可打开F1.aSiu第10章网站的管理与上传本章的教学目标为：(1)知道网站管理的相关知识.(2)知道网页下载时间的含义：掌押检杳网页下载时间的方法.(3)知道超挂接的iE确性的含义：掌握检查超桂接的正确性的方法.(4)了解不同浏览器中网页效果不同的原因；掌握检查不同浏览器中网页实际效果的方法。(5)知道上传网站前所必须掌握的服务器信息。(6)掌握在DrCanWeaver中配置服务渊信息的方法.(7)熟练掌握在DreaIMeaYer中上传网页的方法：掌握网页更新的方法.(8)知道FTP渺:件的工作特点。(9)掌握使用FTP软件上传网页的方法.本章的教学建议，对于网页中文件的整理，在前面的教学中就已经涉及，而且由于操作方法与WindOWS的资源管理器把类似，对于学生来讲比较简单。而网页的管理则需要认出操作，特别是要在完成操作以后，通过比较，认识到三种管理方法存在的意义.上传网页的方法有两种：使用网页制作工具和专业上传工具。要分清两种上传方法的各自优势.特别是一些因特网服务器不接受网页制作工具的上传.通常采用专业上传JC具更好一些。史新网站上的文件对干维护网站非常重要,相应的方法也有使用网页制作工具和专业上传J1.具两种，相关步骡要认班练习，熟练掌握.本章的收学内容：第10拿网站的管理与上传项目1管理网站中的文件子项目I网站中文件的操作在Dreaweaver中打开站点，不要打开网页，也就是保证它们都不在编辑状态下。在窗口右边的“站点”选项R中可以完成时文件的改名、发制、移动、删除等操作，和WindowS资源管理戏中的操作非常相似.子项目2检查网页文件的显示速度在管理网页文件的工作中，有以下3点需要引起大家的注意：（D每一个网页都不能过大,网页中图片过多会增大网页的体枳,使该网页的下载时间过长，影响浏览者的浏览速度：（2）检查网页中是否有无效的超锥接.或者超於接有效.但隧接的目标有误,这一点非常理要：3考虑到浏览者可鲍使用不同的浏览涔，或者不同的版本，因此在上传之前要保证在不同的浏览器中网页的效果则本相同。检查网页下我时间子项目3检查网站中的IB候接在网站的建设过程中，最容易发生的怖识就是超於接的情误.发生超鞋接错误的原因有很多，如建立超链接时误掾作可能发生超链接错误；网页或其他文件的名字发生更改可能发生超链接错误：删除无效的网页文件后也可能发生超罐接错误.单击菜单栏上的“站点”菜单.移动鼠标到菜单中的“检查站点范围的融接”命令.此时，在窗口的卜编”结果”选项k被打开,网站中出现“断掉的连接”项目中有问题的内容.子项目4检查浏览叁的般容性下面检查浏览器的兼容性.由于无法预料网页浏览者使用何种浏览以及所使用浏览器的版本，而如果制作的网页在某种常见的浏览器版本中浏览时发生问时，就会影晌到整个网站的信誉，所以，验证网页在常见的浏览器版本中的显示效果就非常正要。在打开的“结果”面板的“目标浏览零检查”选项卡中，单击按钮.在弹出的菜单中单击“检查浏览器兼容性”命令.子事目5生成站点报告站点报告对于比较或杂的站点笆理非常有用。当多人称作完成个网站时，班免会发生一些问题。生成站点报告，可以检变网站中的何微.使得整个网站的问即能鹿地利解决，不会有遗漏.打开网站，单击“站点”菜总，在弹出的菜单中选择“报告”命令,在弹出的“报告”对话框中，单击“报告在”后面的下拉文木框，选择“整个当籥本堆站点”，在“选择报告”框中勾选“HTM1.报告”下的各个选项，然后胞击“运行”按钮.此时，“站点报告”选项卡自动打开,同时网站中的问题显示在该选项卡中.事目2在DreamWeaVer中上传网页子项目1配腰务A信总首先,在DrcamwCavCr中限服务满的信息.打开站点后,单击“站点”菜单.在下拉菜单中选择“管埋站点”命令.在“管理站点”对话框中，双击需要编辑的站点，在弹出的时话框中左侧区域选择“服务器”，在右侧的区域，双击站点.在弹出的时话框中，单击“连接方法”右边的三按钮，在下拉选项中选择"FP,命令.在“FTP主机”文本栏中输入服务器的IP地址：在“登录”文本栏中输入服务港提供的用户名：在“密码”文本栏中输入服务器提供的函码。以后，单击“确定”按钮，子项目2上传网页到服务舞完成毛捏,就可以上传网页了.在“站点”选项卡中选中站点中的所有文件，总油口按钮，开始上传.子项目3浏览上传的网页上传完毕,在IE浏览渊中输入眼务涔提供的网址上传的网页被打开.子项目4更新网页中的文件在“站点”选项卡中单击“站点”菜单，在下拉菜总中选择“同步站点范困”命令，打开”同步文件”对话框.在“同步文件”对话框中，“同步”文本栏中选择“整个'站点”选项,单击“方向”栏中的按钮,在弹出的下拉列入框中选择“获得和放置更新的文件”选J更，单击“预览”按钮。此时，DreamWeaVer开始自动更新，项目3使用FTP软件上传网页子项目1配站点信息下面以使用FIashFXP为例,介绍使用FTP软件上传网页的方法.单击“站点”，在其下拉菜单中选择“站点管理器”命令，在“站点管理器”对话框中单击“新建站点”按钮,在打开的“创建新的站点”对话柩中输入站点名称，单击确定”按钮.子事目2上传网页到服务H单击工具栏上的“连接”按钮，在下拉菜单中选杼FTPwi点连接名称，该站点在验证用户名和密码以后会显示连接成功的信息，连接成功后，窗口左边为本地硬盘上的文件，右边为FTP服务渊上的文件.将左边窗口中的文件拖动到右边窗口就是上传文件：而构右边窗I中的文件拖动到左边窗11就是下我文件.上传完毕，关闭H然IiFXP在IE浏览器中输入网址，便可以不到上传的网页.子项目3使用FrP软件媒传文件如果阿页在上传的过程中出现问遨.致使网页无法正确上传到Intanct上时.下一次启动F1.aGFXP,就会弹出“恢笑队列”对话框,单击“我入”按钮将任务就入到程序中.然后在泣口左下角上传任务栏中单击鼠标右键，在弹出的快捷菜单中选择“传输”命令，文件即开始续传。子项目4浏览上传的网页上传完毕，在IE浏览器中输入服分器提供的网址,上传的网页被打开.三、教学时间分犯章课程内容（包括实验）课时第I章网站的建立5第2章编辑的网页内容7第3章网页的布局7第4章使用框架5第5章使用超链接9第6章CSS与行为6第7章制作多媒体网页7第8章使用表单7第9章图像和动画的制作与优化9第10章网页的管理与上传5机动课时5合计72注:以上课时分配仅供参考,教学中可根据教学的安排再做调整,