《Dreamweaver网页设计》-第15章
- 格式：ppt
- 大小：946.00 KB
- 文档页数：18
下载文档原格式
合集下载
国开作业《Dreamweaver网页设计》 (15)
题目：在HTML文档中使用有序列表应使用（）标记
选项A：dl
选项B：ul
选项C：li
选项D：ol
答案：ol
题目：HTML代码input type=text name=""address"" size=30表示
选项A：创建一个单行文本输入区域
选项B：创建一个使用图象的提交按纽
选项C：创建一个提交按纽
选项D：创建一个单选框
答案：创建一个单行文本输入区域
题目：在Dreamweaver中，下面哪些HTML标签的样式可以进行定义：选项A：边框样式
选项B：扩展样式
选项C：字体样式
选项D：背景样式
答案：字体样式, 背景样式, 边框样式, 扩展样式
题目：网页的主体内容将写在什么标签内部：
选项A：HTML标签
选项B：body标签
选项C：P标签
选项D：HEAD标签
答案：body标签
题目：HTML代码中，align=center表示
选项A：文本加注下标线
选项B：文本闪烁
选项C：文本或图片居中
选项D：文本加注上标线
答案：文本或图片居中
题目：下面不是列表type标记中的square表示的是（）
选项A：圆点
选项B：字母
选项C：圆环
选项D：方块
答案：圆点, 圆环, 字母。
网页设计教程Dreamweaver电子课件第15章
15.8 网 站 发 布
当访问者用域名或IP地址访问网 站时，IIS将在站点主目录下首先寻找 名为Default.htm的文档。如果找到了 该文档，就会将该文档返回给访问者的 浏览器；如果没找到，就会继续寻找列 表中的下一个文件Default.asp……如 果所有列表中的文件都没有找到，就会 显示一个错误信息页面。
15.8.5 设定默认文档
15.8 网 站 发 布
15.8.6 设定文档目录权限
15.9 提高网站访问量
1. 简洁明了 2. 内涵丰富
15.9.1 注册一个好名字
15.9 提高网站访问量
一般搜索引擎的注册分为商务网站和个人网站两类。如果用户选择 了商务网站注册，在搜索得到的列表中它将显示在个人网站的前面，但 同时用户也需交纳一定的费用；如果选择的是个人网站，这种注册是免 费的，但也很难在众多的站点中找到用户注册的站点。
15.10.2 域名管理系统
15.10 申 请 域 名
1. 填写申请表 2. 材料审核 3. 交费发证
15.10.3 域名注册步骤
15.4 多人在线协作管理站点
启用存回和取出
15.4 多人在线协作管理站点
取出成功后的文件
存回后的文件
15.5 网页内容的管理
在Dreamweaver中选择菜单命令“文件”|“检查 页”|“检查链接”，此时将自动展开“结果”面板组中的“链 接检查器”面板。
15.5.1 检查网页链接
15.5 网页内容的管理
第15章 网 站 管 理
15.1 上传与下载
15.1.1.1.2 设定站点信息
15.1 上传与下载
如果只想上传本地站点中的一部分文件，可以先选择要上传的文 件，然后在“文件”面板中单击工具栏上的“上传文件”按钮 。
《网页设计》第15次教案
闽南理工学院备课笔记第15次课第8章框架8.1框架与框架集8.1.1概述在利用框架技术将网页划分的若干区域中，每个区域都是独立的网页，这些区域里的网页既各自独立又相互有联系。
在同一网站的多个网页中，网页上部的logo和导航条是完全相同的，可以将这些相同部分各自做成一个网页，作为框架的一部分，而在框架的其它部分装载不同内容。
8.1.2课堂案例-婴幼儿健康网8.1.3创建框架在【插入】面板中，选择【布局】选项卡。
选择菜单【插入】|【HTML】|【框架】。
选择菜单【文件】|【新建】，打开【新建文档】对话框。
8.1.4保存框架1. 保存框架文档2. 保存框架集文档3. 保存框架集中所有文档8.1.5框架选择利用【框架】面板选择利用键盘选择8.1.6修改框架通过拖曳鼠标调整框架。
在框架集【属性】面板中设置框架大小。
8.1.7拆分框架在【插入】面板中，选择【布局】选项卡。
选择菜单【修改】|【框架页】。
按住<Alt>键不放，利用鼠标拖曳边框线。
8.1.8删除框架8.2框架设置8.2.1课堂案例-名胜度假村8.2.2框架属性8.2.3框架中的链接在Dreamweaver中，为框架网页内的文本或其他元素指定一个链接，不仅要指定链接文件，还要设置链接目标。
8.2.4框架居中框架页的居中显示可以通过“内嵌框架”（iframe）来实现。
利用内嵌框架将一个网页文档嵌入在另一个网页文档中显示，嵌入网页文件与原网页文件内容相互融合，成为一个整体，好像电视中的“画中画”。
8.2.5为框架添加内容利用【文件】菜单。
利用框架【属性】面板。
8.3练习案例8.3.1练习案例-美容与化妆8.3.2 练习案例-美丽境界第 1 页共1 页。
2023年国家开放大学专科《Dreamweaver网页设计》形考任务一答案与解析
2023年国家开放大学专科《Dreamweaver网页设计》形考任务一答案与解析一、选择题1.XHTML 指的是？A. EXtra Hyperlinks and Text Markup LanguageB. EXtensible HyperText Marking LanguageC. EXtreme HyperText Markup LanguageD. EXtensible HyperText Markup Language正确答案：D解析：HTML指的是超文本标记语言：HyperText Markup Language2.在下面的XHTML 中，哪个可以正确地标记段落？A. <P></p>B. <P></P>C. <p></p>D. </p><p>正确答案：C解析：标签格式,第一个都是<>开头，结尾是</>。
3.在下面的XHTML 中，哪个可以正确地标记折行？A. <br />B. <break/>C. <br>正确答案：A解析：行标签，是单标签，仅使用<br/>4.下列XHTML 中的属性和值，哪个是正确的？单选题(5 分) （难易度: 中）A. width=80B. WIDTH="80"C. WIDTH=80D. width="80"正确答案：D解析：width是设置图片的宽度，标签属性使用格式为<标记属性=“值”>内容</标记>5.在XHTML 文档中哪些元素是强制性的？A. doctype、html、head 以及bodyB. doctype、html 以及bodyC. doctype、html、head、body 以及title正确答案：C解析：网页必备因素，不会选就最全的。
Dreamweaver网页设计教程
Dreamweaver网页设计教程第一章：介绍DreamweaverDreamweaver是一款功能强大的网页设计软件，它可以帮助用户轻松创建和编辑网页。
它具有直观的界面和丰富的功能，可以满足不同层次的用户需求。
本章将介绍Dreamweaver的基本概念、安装和配置方法，以及其主要功能和使用界面。
1.1 Dreamweaver的基本概念Dreamweaver是一款所见即所得的网页设计软件，它采用了所谓的“所见即所得”（WYSIWYG）编辑模式，用户可以在编辑界面上直接看到最终效果。
它支持多种网页设计语言，包括HTML、CSS、JavaScript等，用户可以根据需要进行选择和编辑。
1.2 安装和配置Dreamweaver安装Dreamweaver非常简单，只需按照提示进行操作即可。
在安装完成后，我们需要配置一些基本设置，如设置默认保存路径、设置编辑器的字体和颜色等。
这些配置可以根据个人喜好和工作需求进行调整。
1.3 主要功能介绍Dreamweaver具有丰富的功能，包括代码编辑、设计视图、样式编辑、模板管理、网站管理等。
用户可以根据自己的需求选择相应的功能进行操作。
代码编辑功能提供了智能代码提示和语法高亮等功能，方便用户编写和编辑代码。
设计视图可以直观地显示网页的布局和效果，使用户可以快速进行设计和修改。
样式编辑功能可以帮助用户编辑和管理CSS样式，使网页风格更加统一和美观。
模板管理功能可以帮助用户创建和管理网页模板，提高网页制作效率。
网站管理功能可以帮助用户管理和发布网站，方便网站维护和更新。
第二章：网页设计基础知识在使用Dreamweaver进行网页设计之前，有必要了解一些网页设计的基础知识。
本章将介绍HTML、CSS、JavaScript等基本概念，以及网页设计的基本流程和常用的网页布局方式。
2.1 HTML基础知识HTML是网页设计中最基本的语言，它用于描述网页的结构和内容。
本节将介绍HTML的基本标签和常用属性，如标题标签、段落标签、链接标签等。
精编国家开放大学电大专科《Dreamweaver网页设计》多项选择题题库及答案(试卷号：2445)
国家开放大学电大专科^Dreamweaver网页设计》多项选择题题库及答案（试卷号：2445）盗传必究多项选择题1.在 Dreamweaver 8 中，Behavior （行为）是由（）构成。
A.事件B.动作C.初级行为D.最终动作2.表格标记的基本结构包括（）oA.<tr></tr>B.<br></br>C.<table></table>D.<td></td>3.关于表格属性设置，下列说法正确的是（）oA.1为清除列宽B.2为清除列宽C.3将表格宽度转换为百分比W JD.4将表格宽度转换为百分比4.下面（）实例可以通过层的应用来实现。
A.创建网页上的动画B.制作各种动态导航效果C.生成丰富的动态按钮D.交互游戏5.以下应用属于利用表单功能设计的有（）oA.用户注册B.连接数据库C.网上订购D.用户登录6. 以下（）内容是HTML 文件的头部内容所包括的。
A. 网页标题B. 作者信息C. 注释D. 自动刷新7. 关于表格属性设置，下列说法正确的是（）oA. 箭头1指向的按钮功能为清除列宽B. 箭头2指向的按钮功能为清除列宽C. 箭头3指向的按钮功能为将表格宽度转换为百分比D. 箭头4指向的按钮功能为将表格宽度转换为百分比8.如下图所示，说法正确的是（）。
A. 这是一个菜单，它的 HTML 标签是<option name - "select” size - "5” ></option>B. 如果选项数超出了设定数量，会自动出现滚动条C. 浏览者可以通过拖曳滚动条来观看各选项9. 利用页面属性可以设置（）。
A. 网页的背景颜色B. 网页中文本的颜色C. 网页中图片的颜色D. 网页中加载的Flash 动强的背景颜色10. 在Dreamweaver 中，创建框架网页的方式可以有（ ）。
国家开放大学《Dreamweave网页设计》章节测试参考答案
国家开放大学《Dreamweave网页设计》章节测试参考答案第1章Dreamweaver软件基础一、单选题1.下面关于网站策划的说法错误的是：A.对于网站策划来说最重要的还是网站的整体风格B.向来总是内容决定形式的C.做网站的第一步就是确定主题D.信息的种类与多少会影响网站的表现力2.下面关于素材准备的说法错误的是：A.网站徽标的设计对于制作网站来说比较重要B.是网站制作中的重要一环C.在Dreamweaver中自带有准备素材的功能D.Adobe公司的Fireworks可以和Dreamweaver很好的结合使用第2章网页基本元素的添加一、单选题1.下列哪个是“图像占位符”的属性A.可见性(Visibility)B.z轴（z-index）C.名称(Name)D.位置(Location)2.如果要使图像在缩放时不失真，在图像显示原始大小时，按下（）键，拖动图像右下方的控制点，可以按比例调整图像大小A.CtrlB.ShiftC.Shift+AltD.Alt3.从Dreamweaver 中直接使用Fireworks 来优化图像，不能实现的操作是A.优化到指定文件大小B.增加特殊显示效果C.调整图像尺寸大小D.更换图像文件格式二、多选题4.在Dreamweaver中将文本添加到文档的方法有A.导入Microsoft Word 内容B.从现有的文本文档中拷贝和粘贴C.直接在文档窗口键入文本D.直接在Dreamweaver 中打开文本文件5.在表格单元格中可以插入的对象有A.文本B.Java程序插件C.Flash动画D.图像6.GIF图像的优点有A.支持透明背景B.支持24位真彩色C.它支持动画格式D.无损方式压缩三、简答题7.除了普通文本，还可以在页面中插入哪些和文本相关的元素？参考答案：可以插入日期时间、列表、水平线、滚动文字等。
8.怎么设置滚动文字的不同效果？参考答案：通过<marquee>标签的Behavior属性能够设置不同方式的滚动文字效果，如滚动的循环往复、交替滚动、单次滚动等。
网页设计与制作：Dreamweaver CC标准教程(第3版
10.2库
10.1模板
10.3练习案例
1
11.1 HTML5 概述
2
11.2 HTML5 布局
3
11.3弹性盒子 布局
4
11.4媒体查询 应用
5
11.5练习案例
12.2 jQuery UI
12.1使用表单
12.3练习案例
13.1 jQuery MobiIe概述
13.2使用jQuery MobiIe
网页设计与制作： Dreamweaver CC标准教程
（第3版
读书笔记模板
01 思维导图
03 目录分析 05 读书笔记
目录
02 内容摘要 04 作者介绍 06 精彩摘录
思维导图
本书关键字分析思维导图
设计
网站
制作
案例
图像
方法
概述
标准
网页
知识 第章
技术
教程
案例
超链接
网页
文本
属性
效果
内容摘要
本书全面系统地讲解了页设计与制作的相关知识，全书共有15章，系统地讲述了页设计基础知识、 DreamweaverCC基础、页面与文本、图像和多媒体、超链接、表格、CSS样式、CSS+Div布局、行为、模板和库、 HTML5和弹性布局、表单和jQueryUI、jQueryMobile、动态页技术以及综合实训等内容。本书以知识体系的构建 为线索，以课堂案例为载体，通过知识讲解和案例实际操作，学生可以快速掌握页创意、设计和制作的方法技巧。 练习案例帮助学生巩固和扩展相关的知识和技能，综合实训帮助学生理解和掌握站制作的方法和流程。本书既可 以作为艺术类本科生或文科本科生页设计课程的教材，也可以作为页设计培训教材或自学人员的参考书籍。
更新版国家开放大学电大Dreamweaver网页设计机考网考试题题库及答案
（更新版）最新国家开放大学电大《Dreamweaver网页设计》机考网考试题题库及答案100%通过考试说明：该课目是电大期末考试上机考试的机考课目，本人针对该科目汇总了该科所有的题，形成一个完整的题库，并且每年都在更新（包含单选题、多选题、判断题等）。
该题库对考生的复习、作业和考试起着非常重要的作用，会给您节省大量的时间。
做考题时，利用本文档中的查找工具，把考题中的关键字输到查找工具的查找内容框内，就可迅速查找到该题答案。
本文库还有其他机考及教学考一体化答案，敬请查看。
一、单选题1.在下面哪个是Dreamweaver的模板文件的扩展名：（）。
A．.htmlB．.htmC．.dwtD．.txt2.对插入文件中的Flash动画，不能在属性面板中设置动画的（）属性。
A．动画是否循环播放B. 动画循环播放的次数C. 动画播放时的品质D. 是否自动播放动画3.决定层的显示/隐藏的属性是（）。
A. TagB. VisibilityC. NestingD. Width and Height4.如下图所示，选择多个不连续的单元格。
下面各项操作中能实现这种选择的是（）。
A．在选定第1个单元格后，按下Shift键，并用鼠标单击其他要选择的单元格B. 在选定第1个单元格后，按下Ctrl键，并用鼠标单击其他要选择的单元格C. 在选定第1个单元格后，按下Alt键，并用鼠标单击其他要选择的单元格D. 在选定第1个单元格后，按下Space键，并用鼠标单击其他要选择的单元格5.格式化表格的作用是（）。
A．将表格内的数据清除B．将表格的行高、列宽等属性清除C．为表格套用已经设置好的样式D．按照预先的设置，将表格的宽和高设置为固定值6.下列关于CSS的说法错误的是（）。
A．CSS的全称是Cascading Style Sheets，中文的意思是“层叠样式表”B．CSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性C．使用Dreamweaver只能可视化创建CSS样式，无法以源代码方式对其进行编辑D．CSS的作用是精确定义页面中各元素以及页面的整体样式7.关于绝对路径的使用，以下说法错误的是（）。
Dreamweaver网页设计与制作教程
Dreamweaver网页设计与制作教程第一章：Dreamweaver的介绍与安装Dreamweaver是一款著名的网页设计与制作工具，由Adobe公司开发。
本章将介绍Dreamweaver的功能特点与优势，并提供详细的安装步骤和注意事项。
第二章：Dreamweaver的界面与工具栏在本章中，我们将深入了解Dreamweaver的界面布局，包括工具栏的功能和使用方法。
通过熟悉Dreamweaver的界面，可以提高工作效率。
第三章：网页设计基础知识本章将介绍网页设计的基础知识，包括HTML、CSS、JavaScript等的概念和用法。
了解这些基础知识对于进行网页设计和制作至关重要。
第四章：网页布局与设计在本章中，我们将学习如何在Dreamweaver中进行网页布局与设计。
包括DIV布局、响应式设计等常用技术和方法，以及一些设计原则和注意事项。
第五章：网页文本与图像处理网页中的文本和图像是网页设计中重要的元素。
本章将介绍如何在Dreamweaver中对文本和图像进行处理，如字体设置、锚点链接、图像优化等技巧。
第六章：网页导航与交互设计网页导航和交互设计是网页设计中至关重要的部分。
在本章中，我们将学习如何使用Dreamweaver创建导航菜单、表单、按钮等交互元素，提升用户体验。
第七章：网页动画与多媒体元素网页动画和多媒体元素可以增加网页的吸引力和互动性。
本章将介绍如何在Dreamweaver中使用HTML5和CSS3技术创建动画和嵌入多媒体元素。
第八章：网页调试与代码优化在网页设计和制作过程中，调试和代码优化是必不可少的环节。
本章将介绍Dreamweaver中的调试工具和一些常见的代码优化技巧，帮助提高网页的性能和稳定性。
第九章：网页发布与维护完成网页设计与制作后，下一步就是将网页发布到互联网上。
本章将介绍如何使用Dreamweaver将网页上传至服务器，并提供一些维护和更新网页的技巧。
第十章：常见问题与解决方法在使用Dreamweaver进行网页设计与制作的过程中，可能会遇到一些问题和困惑。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver 网页设计
第15章 15章 站点管理
【学习概述】 学习概述】
利用Dreamweaver可以非常方便地创 建和管理站点（创建站点详见第3章），还 可以对站点中的网页和相关资源进行管理。 本章的重点内容是检查站点和上传网页。
15.1பைடு நூலகம்
检查和测试站点
Dreamweaver 提供了多项功能用来检查和测试站点，其中包括预览页面和检 查浏览器兼容性，以及运行各种报告等。 15.1.1 检查站点链接 一个网站往往包括很多超级链接，制作过程中不可避免地会出现这样或那样的 链接错误。因此必须在发布网站之前对整个网站进行一下链接检查。检查站点 链接步骤如下： （1）打开站点，这里选择站点“myweb”，执行【站点】->【检查站点范围的 链接】命令，打开“链接检查器”面板，如图15-1所示，最下面信息栏提示一 些站点文件概要信息。默认打开“断掉的链接”项，可以看到本站点有不少断 掉的链接，读者这时就要注意进一步检查了。
图15- 15“myweb的站点定义为”对话框
（5）单击“确定”按钮，返回“管理站点”对话框，单击“完成”按钮，完 成设置。 （6）在“文件”面板中单击“连接到远端主机”按钮，显示“后台文件活动myweb”对话框，如图15-16所示。
图15- 16“后台文件活动-myweb”对话框
7）在“文件”面板中，单击“展示以显示本地和远端站点”按钮，打开的 窗口中左面显示“远端站点”，右面显示“本地文件”，如图15-17所示。 选择“远端站点”中的文件“index.htm”后，删除之（因为我们要上传自己 制作的首页文件“index.html”，以免引起冲突）。在“本地文件”中选择站 点“myweb”，然后单击“上传文件”按钮，显示信息“您确定要上传整个站 点吗？”（如图15-18所示），单击“确定”按钮。
图15-4 错误、警告和告知性信息 （3）可以看到检查结果没有“错误”信息，只有“警告”和“告知性” 信息。这里只是检查了文件“index.html”，其它文件的检查请读者自 己完成。
15.1.3 使用站点报告 读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性（包 括辅助功能）运行站点报告。运行报告可以改进工作流程、测试站点以及检 查辅助功能。生成站点报告步骤如下： （1）执行【站点】->【报告】命令，显示“报告”对话框，如图15-5所示
图15-20 上传完毕后，窗口显示内容左右一致
（9）在浏览器中输入地址“”后，就可以浏览 网页了，如图15-21所示。
（10）这样就可以在任何一台连接到Internet的计算机上浏览该网站了。 网页必须经过诸如检查站点链接状态、检查浏览器兼容性和页面分辩率兼容 性测试等几个步骤后，才能上传到远程服务器上，供浏览器用户欣赏。
（3）在“FTP主机”项后面的文本框中输入FTP主机的域名或者IP地址， 这里输入“61.139.126.13”；在“主机目录”项后面的文本框中输入 “wwwroot/”；在“登录”项后面的文本框中输入“shumazm”。在“密码” 项后面的文本框中输入密码。除了“主机目录”选项外，其它3个选项都是 必须的。 （4）“myweb的站点定义为”对话框的其它各个选项设置如图15-15所示。
图15-1显示断掉的链接
（2）在“链接检查器”面板的“显示”项后选择“外部链接” 选项，如图15-2所示。
图15-2显示外部链接 15-2 （3）在“链接检查器”面板的“显示”项后选择“孤立文件” 选项，如图15-3所示。
图15-3显示孤立文件
15.1.2 检查浏览器的兼容性 “检查目标浏览器”功能是对文档中的代码进行测试，检查是否存在目标 浏览器所不支持的任何标签、属性、CSS 等。注意：此检查对文档不作任 何方式的更改。目标浏览器检查可提供有关三个级别的潜在问题信息：错 误信息、警告信息和告知性信息，其中若发现错误信息必须修改网页。检 查目标浏览器步骤如下： （1）打开站点“myweb”下的文档，比如“index.html”。 （2）执行【文件】->【检查页】->【检查目标浏览器】命令。显示“目标 浏览器检查”面板，如图15-4所示。
图15-6 设置“报告”对话框
（4）根据所选择报告的内容，结果列表出现在“站点报告”面板中，如 图15-7所示，同时还会打开一个浏览器窗口，其中列出详细的报告内容， 如图15-8所示。
图15- 7 “站点报告”面板
图15-8 报告内容
分辩率测试 浏览器用户可能使用14英寸、15英寸、17英寸，甚至更大尺寸的显 示器。因此显示器屏幕分辨率设置也有所不同，比如800×600 像素，1024×768像素等等。要保持分辩率兼容性，就要在不同 的分辨率下查看网页。如图15-9和15-10所示，分别是在 800×600像素分辩率和1024×768像素分辩率下浏览网页 “index.html”的效果。读者如果发现网页有不兼容的内容，一定 要进一步修改完善。
图15-9 800×600分辩率
图15-10 1024×768分辩率
15.2
上传网页
主页空间很容易申请，请读者自行申请。假设从空间供应商处得到如下信 息：“您申请的空间已经开设成功。同时系统分配您一个三级域名，您现 在可以通过立即投入使用。FTP IP:61.139.126.13 FTP帐号:shumazm您可以给您的虚拟主机绑定自己的 域名，并且把域名解析到IP地址:61.139.126.13”。 注意：每个空间供应商所给信息不尽相同，但是一般都包括FTP主机、帐 号、密码这3项。 网页制作出来之后必须上传到Web服务器上才能够让更多的人欣赏到。上 传网页步骤如下： （1）执行【站点】->【管理站点】命令，打开“管理站点”对话框，如图 15-13所示。
图15- 13“管理站点”对话框
（2）选择站点“myweb”，然后单击“编辑”按钮，显示“myweb的站点定 义为”对话框，切换到“高级”选项卡，选择“分类”中的“远程信息”选 项，选择“远程信息”的“访问”项后的下拉列表中的“FTP”选项。如图 15-14所示。
图15-14 “myweb的站点定义为”对话框
图15- 5“报告”对话框 （2）若要在“工作流程”部分中运行报告，可以选择以下任何报告： 取出者：创建一个报告，列出某特定小组成员取出的所有文档。 设计备注：创建一个报告，列出选定文档或站点的所有设计备注。 最近修改：创建一个报告，列出在指定时间段内发生更改的文件。
（3）若要在“HTML报告”部分中运行报告，可以选择以下任何报告： 可合并嵌套字体标签：创建一个报告，列出所有可以为清理代码而合并的嵌 套字体标签。 辅助功能：创建一个报告，列出您的内容与辅助功能准则之间的冲突。 没有替换文本：创建一个报告，列出所有没有替换文本的img标签。 多余的嵌套标签：创建一个报告，列出应该清理的嵌套标签。 可移除的空标签：创建一个报告，列出所有可以为清理 HTML 代码而移除 的空标签。 无标题文档：创建一个报告，列出在选定参数中找到的所有无标题的文档。 选择要报告的类别和要运行的报告类型后，如图15-6所示，单击“运行”按 钮。
图15-17 左面显示“远端站点”，右面显示“本地文件”
图15-18 提示上传信息 （8）在上传过程中，显示“后台文件活动-myweb”对话框，对话框显示 正在上传文件的名称和大小，如图15-19所示。上传时间取决于站点文件 的多少，上传完毕后，窗口显示如图15-20所示。
图15- 19 “后台文件活动-myweb”对话框
15.4
实践检验
理论巩固 填空题 （1）目标浏览器检查可提供有关三个级别的潜在问题信息分别为： ______，其中发现______信息必须进行修改。 （2）“链接检查器”面板中可以显示__________等3种类型的 文件。 （3）用Dreamweaver通过FTP访问远程服务器时__________这 3项是必须的。 简答题 （1）简述如何使用站点报告。 （2）简述如何生成设计备注。 上机操作 （1）请把你制作的网站上传到服务器上。
第15章 15章 站点管理
【学习概述】 学习概述】
利用Dreamweaver可以非常方便地创 建和管理站点（创建站点详见第3章），还 可以对站点中的网页和相关资源进行管理。 本章的重点内容是检查站点和上传网页。
15.1பைடு நூலகம்
检查和测试站点
Dreamweaver 提供了多项功能用来检查和测试站点，其中包括预览页面和检 查浏览器兼容性，以及运行各种报告等。 15.1.1 检查站点链接 一个网站往往包括很多超级链接，制作过程中不可避免地会出现这样或那样的 链接错误。因此必须在发布网站之前对整个网站进行一下链接检查。检查站点 链接步骤如下： （1）打开站点，这里选择站点“myweb”，执行【站点】->【检查站点范围的 链接】命令，打开“链接检查器”面板，如图15-1所示，最下面信息栏提示一 些站点文件概要信息。默认打开“断掉的链接”项，可以看到本站点有不少断 掉的链接，读者这时就要注意进一步检查了。
图15- 15“myweb的站点定义为”对话框
（5）单击“确定”按钮，返回“管理站点”对话框，单击“完成”按钮，完 成设置。 （6）在“文件”面板中单击“连接到远端主机”按钮，显示“后台文件活动myweb”对话框，如图15-16所示。
图15- 16“后台文件活动-myweb”对话框
7）在“文件”面板中，单击“展示以显示本地和远端站点”按钮，打开的 窗口中左面显示“远端站点”，右面显示“本地文件”，如图15-17所示。 选择“远端站点”中的文件“index.htm”后，删除之（因为我们要上传自己 制作的首页文件“index.html”，以免引起冲突）。在“本地文件”中选择站 点“myweb”，然后单击“上传文件”按钮，显示信息“您确定要上传整个站 点吗？”（如图15-18所示），单击“确定”按钮。
图15-4 错误、警告和告知性信息 （3）可以看到检查结果没有“错误”信息，只有“警告”和“告知性” 信息。这里只是检查了文件“index.html”，其它文件的检查请读者自 己完成。
15.1.3 使用站点报告 读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性（包 括辅助功能）运行站点报告。运行报告可以改进工作流程、测试站点以及检 查辅助功能。生成站点报告步骤如下： （1）执行【站点】->【报告】命令，显示“报告”对话框，如图15-5所示
图15-20 上传完毕后，窗口显示内容左右一致
（9）在浏览器中输入地址“”后，就可以浏览 网页了，如图15-21所示。
（10）这样就可以在任何一台连接到Internet的计算机上浏览该网站了。 网页必须经过诸如检查站点链接状态、检查浏览器兼容性和页面分辩率兼容 性测试等几个步骤后，才能上传到远程服务器上，供浏览器用户欣赏。
（3）在“FTP主机”项后面的文本框中输入FTP主机的域名或者IP地址， 这里输入“61.139.126.13”；在“主机目录”项后面的文本框中输入 “wwwroot/”；在“登录”项后面的文本框中输入“shumazm”。在“密码” 项后面的文本框中输入密码。除了“主机目录”选项外，其它3个选项都是 必须的。 （4）“myweb的站点定义为”对话框的其它各个选项设置如图15-15所示。
图15-1显示断掉的链接
（2）在“链接检查器”面板的“显示”项后选择“外部链接” 选项，如图15-2所示。
图15-2显示外部链接 15-2 （3）在“链接检查器”面板的“显示”项后选择“孤立文件” 选项，如图15-3所示。
图15-3显示孤立文件
15.1.2 检查浏览器的兼容性 “检查目标浏览器”功能是对文档中的代码进行测试，检查是否存在目标 浏览器所不支持的任何标签、属性、CSS 等。注意：此检查对文档不作任 何方式的更改。目标浏览器检查可提供有关三个级别的潜在问题信息：错 误信息、警告信息和告知性信息，其中若发现错误信息必须修改网页。检 查目标浏览器步骤如下： （1）打开站点“myweb”下的文档，比如“index.html”。 （2）执行【文件】->【检查页】->【检查目标浏览器】命令。显示“目标 浏览器检查”面板，如图15-4所示。
图15-6 设置“报告”对话框
（4）根据所选择报告的内容，结果列表出现在“站点报告”面板中，如 图15-7所示，同时还会打开一个浏览器窗口，其中列出详细的报告内容， 如图15-8所示。
图15- 7 “站点报告”面板
图15-8 报告内容
分辩率测试 浏览器用户可能使用14英寸、15英寸、17英寸，甚至更大尺寸的显 示器。因此显示器屏幕分辨率设置也有所不同，比如800×600 像素，1024×768像素等等。要保持分辩率兼容性，就要在不同 的分辨率下查看网页。如图15-9和15-10所示，分别是在 800×600像素分辩率和1024×768像素分辩率下浏览网页 “index.html”的效果。读者如果发现网页有不兼容的内容，一定 要进一步修改完善。
图15-9 800×600分辩率
图15-10 1024×768分辩率
15.2
上传网页
主页空间很容易申请，请读者自行申请。假设从空间供应商处得到如下信 息：“您申请的空间已经开设成功。同时系统分配您一个三级域名，您现 在可以通过立即投入使用。FTP IP:61.139.126.13 FTP帐号:shumazm您可以给您的虚拟主机绑定自己的 域名，并且把域名解析到IP地址:61.139.126.13”。 注意：每个空间供应商所给信息不尽相同，但是一般都包括FTP主机、帐 号、密码这3项。 网页制作出来之后必须上传到Web服务器上才能够让更多的人欣赏到。上 传网页步骤如下： （1）执行【站点】->【管理站点】命令，打开“管理站点”对话框，如图 15-13所示。
图15- 13“管理站点”对话框
（2）选择站点“myweb”，然后单击“编辑”按钮，显示“myweb的站点定 义为”对话框，切换到“高级”选项卡，选择“分类”中的“远程信息”选 项，选择“远程信息”的“访问”项后的下拉列表中的“FTP”选项。如图 15-14所示。
图15-14 “myweb的站点定义为”对话框
图15- 5“报告”对话框 （2）若要在“工作流程”部分中运行报告，可以选择以下任何报告： 取出者：创建一个报告，列出某特定小组成员取出的所有文档。 设计备注：创建一个报告，列出选定文档或站点的所有设计备注。 最近修改：创建一个报告，列出在指定时间段内发生更改的文件。
（3）若要在“HTML报告”部分中运行报告，可以选择以下任何报告： 可合并嵌套字体标签：创建一个报告，列出所有可以为清理代码而合并的嵌 套字体标签。 辅助功能：创建一个报告，列出您的内容与辅助功能准则之间的冲突。 没有替换文本：创建一个报告，列出所有没有替换文本的img标签。 多余的嵌套标签：创建一个报告，列出应该清理的嵌套标签。 可移除的空标签：创建一个报告，列出所有可以为清理 HTML 代码而移除 的空标签。 无标题文档：创建一个报告，列出在选定参数中找到的所有无标题的文档。 选择要报告的类别和要运行的报告类型后，如图15-6所示，单击“运行”按 钮。
图15-17 左面显示“远端站点”，右面显示“本地文件”
图15-18 提示上传信息 （8）在上传过程中，显示“后台文件活动-myweb”对话框，对话框显示 正在上传文件的名称和大小，如图15-19所示。上传时间取决于站点文件 的多少，上传完毕后，窗口显示如图15-20所示。
图15- 19 “后台文件活动-myweb”对话框
15.4
实践检验
理论巩固 填空题 （1）目标浏览器检查可提供有关三个级别的潜在问题信息分别为： ______，其中发现______信息必须进行修改。 （2）“链接检查器”面板中可以显示__________等3种类型的 文件。 （3）用Dreamweaver通过FTP访问远程服务器时__________这 3项是必须的。 简答题 （1）简述如何使用站点报告。 （2）简述如何生成设计备注。 上机操作 （1）请把你制作的网站上传到服务器上。