DW笔记完整

三大原则：

1建立网页前 需要新建一个网站

2文件名，对象ID名 ，尽量使用英文，拼音，数字 尽量避免使用中文 3尽量要存盘

首页一般命名为：index.html或default.html

外观（基于CSS）

页面属性中设置外观字体时，中文一般只添加 宋体 黑体 仿宋体 楷体（防止用户因未安装相应字体而无法正常浏览） 字体大小：一般为9 pt 连接 字体大小：9 pt

变幻图像颜色：鼠标放到连接上显示的颜色 已访问链接颜色：已访问过的链接显示的颜色

活动链接：当点连接时闪烁的颜色 或者点击不松手时显示的颜色 标题（正文中的标题） 标题/编码（网页的标题）

文档类型：HTML4.0 transitional XHTML1.0 transitional 跟踪图像：网页排版时候的模板框架 即草图 若要基于HTML

编辑->首选参数->常规->是用CSS而不是是用HTML（勾选与取消来切换）

HTML基础

HTML文件开始 该文件的头部开始 ?? 该文件的头部内容 该文件的头部结束 该文件的主体开始 ?? 该文件的主体内容 该文件的主题结束 HTML文件结束

修改网页标题的方法

1 修改->页面属性->标题/编码 中修改标题 2 在设计界面正上方标题中 修改标题 3 在代码中修改标题

修改正文标题的方法

修改->页面属性->标题 中修改 设置字体 大小 单位 颜色

实现时 在设计界面中打入文字 选中 在正下方属性中的格式中选择标题 即可实现 若需要输入正文 则格式改为段落

文本中输入空格

1 在菜单栏下的文本菜单下的最后一个选项中选择不换行空格 即可输入连续的空格 2 按快捷键CTRL+SHIFT+空格 即可输入连续的空格 3 将输入法切换至全角 即可输入连续的空格 4 在代码中输入  即代表一个空格

*5编辑->首选参数->常规->编辑选项中 勾选允许多个连续的空格 即可输入连续的空格

段落切换与强行换行

1 直接敲回车 或者在代码中输入

??

2 强行换行 SHIFT+回车 代码中显示为
（两行是紧挨着的 没有间隙）或者在文本菜单下的最后一个选项中选择换行符 效果是一样的

文本编辑基础

1 PRE 即在HTML里的排版（代码中的排版） 效果直接显示在设计页面 2 [?] 块引用 和缩进 用来排版

从外部导入文本

1 复制黏贴（编辑->选择性黏贴） 2 文件 导入

清理沉余代码

由WORD以HTML形式保存 用DW打开 会生成大量多余的代码 通过 命令->清理WORD生成的HTML 来清理多余的代码 （或者命令->清理XHTML）

列表与排序

属性面板中点击项目列表创建无序列表 通过凸出和缩进来设置下级嵌套列表 ：无序列表 ：列表项 更改标签形状：

1代码界面右键点击 在弹出的标签编辑器对话框中常规的类型中编辑列表标签的形状 2在右侧标签检查器中的type选项修改标签形状 属性面板中点击编号列表创建有序列表

：有序列表

更改标签方法与无序列表相似 在start中更改排序的起始编号

定义列表

文本中选择dl即定义列表 其中dt定义术语 dd定义说明

插入排版水平线

在HTML中选择水平线 设置水平线属性：

1在属性中设置水平线的基本属性

2在右侧标签中进行详细属性设置 （

---

）

3在代码界面中找到

---

在r后面敲一个空格 会跳出属性设置的选项

一般连接的常见形式

http://www.xuexin.com:80/tech/ok.html#apple 80为端口号 通常是默认的 /tech 是服务器的目录 ok.html是文件

若文件名为index.html 即默认文件名 可以省略

当没有文件名输入的时候 计算机仍然会去寻找index.html 如果未找到 会显示出错 #apple为锚标记

输入法建立第一个链接

连接分为 外部链接和内部链接

内部链接：连接本地的文件 通常使用相对链接地址

外部链接：连接远程服务器的地址 通常使用绝对链接地址

在输入外部链接地址时 必须输入http:// 地址输入完成尽量打回车 以免丢失信息

指向法制作链接

属性 链接文本框后的指向链接 单击按住不放 拖出小箭头 指向文件面板中的HTML文件 以及图片 视频 等其他文件 即可建立链接

快捷键拖动法建立链接

选中需要建立连接的目标，按住SHIFT键 可以再目标上直接拉出一个指向链接 对某个文件进行链接

插入法建立链接

在常用工具栏中选择超级链接 弹出超级链接的对话框 其中 文本：即我要插入的这个链接所显示的名称 链接：链接的对象（内部，外部） 目标：即链接打开的方式

其中_blank：以新的窗口打开HTML文件

_self：默认的打开方式 以当前窗口打开文件

标题：鼠标移动到链接之上时所显示的具有相应的解释作用的文本

直接用代码建立链接

链接名称 即可建立一个连接

插入标签法建立链接

在代码操作的界面中 在光标闪烁处右键选择插入标签 左侧选择HTML标签 页面元素 右侧选择a 在HREF文本框中输入连接地址 在目标中设置打开的方式

如果需要相对应的链接名称 在结束符号前面输入名称 具体见直接用代码建立链接的代码格式

环绕标签法建立链接

选中目标 按CTRL+T 在环绕标签中选择a 打空格 选择href 然后按照代码建立链接的格

式输入代码 建立链接

链接的修改和Email链接

链接的修改：选中链接 在右侧的标签面板中可以修改该链接的各种属性

Email链接：在常用工具栏中选择电子邮件链接 文本中输入连接名称 E-mail中输入Email地址 即可建立Email链接

或者在属性面板中 在链接文本框中输入链接的方法：mailto:邮件地址 同样添加了一个Email链接

制作特殊的Email链接 在链接文本框中输入：

mailto:flashcs3@sina.com?subject=咨询问题&cc=xuexin@126.com&bcc=xuexin625@sohu.com mailto:跟收件人地址 ?subject=跟邮件的主题 &cc=跟抄送地址

&bcc=跟密件抄送地址

制作下载类链接

和普通链接创建的方法类似 只需将链接地址指向需要提供下载的程序或压缩包

锚链接的制作

锚链接:即在当前页面比较长的情况下 我们需要直接跳转到页面的某个位置 那么就可以建立锚链接来实现 建立方法：

1.在需要跳转的页面位置插入命名锚记（在常用工具栏中） 在弹出的对话框中输入锚记的名称（注意：命名锚记只能用数字英文符号 不可以使用中文）确定 2选中需要创建连接的目标 使其指向锚记 即创建了一个锚链接 （也可以选中目标后 在链接对话框中输入 #锚记名称）

建立指向非当前页面（即其他页面）的锚链接：在链接对话框中输入 页面地址#锚记名称

HTML基础知识

链接标记的常用属性： href：制定链接地址 name：命名链接

title：为连接添加提示文字，鼠标移入时出现 target：指定连接的目标窗口

链接的目标窗口：

_parent 在上级窗口中打开，常用语框架页中 _blank 在新窗口中打开页面

_self 在当前窗口或者框架同一帧中打开

_top 在顶层，也就是浏览器的整个窗口中打开 邮件参数：

subject 设置电子邮件主题

cc 设置抄送收件人

bcc 设置密件抄送（暗送）收件人 & 参数之间的分隔符号

绝对地址：在创建链接时，绝对地址需要提供完整的URL链接，包括相应的协议，如HTTP、FTP等等，该方法常用于引用另一网络服务器上的链接，例如： http://www.http://www.wodefanwen.com/ ftp://202.102.245.1

相对地址：是指对于站点的根目录，它非常适合创建网站内部链接。如果要连接的文档位于当前文件夹中就只需输入文件名即可，如OK.html。只有要链接的文件位于当前文件夹之外时才有必要添加额外的路径信息。

要连接到下级目录中的文件，需要输入目录名，后面跟一个“/”号，再输入文件名，如tech/OK.html。

要连接到上级目录或上级其他子目录文件中的文件，需先输入“../”，后面跟目录名、文件名，如../index.html或者../inmage/ok.jpg。

用菜单插入和设置图片

替换文本：即当图片无法正常打开浏览时或者鼠标移至图片时候所显示的本文。 详细说明：对替换文本的详细的补充，给出链接有详细的文本提示。（不常用）

用代码直接插入图片



其中输入src后会自动补充代码以及出现浏览图片的选项 选择图片 这边以001.jpg为例

代码状态下为图片添加链接 代码格式如下：



为图片添加提示文本



其中alt：设置提示文本 border设置图片边框

用标签检查器设置图片 align：对齐方式

用属性面板设置图片

垂直边距/水平边距：文字离图片的距离 低解析度源：经过各种优化压缩处理的大小比较小的图片 在下载图片过程中 此项图片会优先下载 以体现图片下载速度

编辑图像热区 图像热区（地图）：即图像中局部创建的链接区域

本文来源：https://www.bwwdw.com/article/sx3t.html