当前位置:文档之家› DW笔记完整

DW笔记完整

详细说明:对替换文本的详细的补充,给出链接有详细的文本提示。(不常用)
用代码直接插入图片
<img src=”images/001.jpg”/>
其中输入src后会自动补充代码以及出现浏览图片的选项选择图片这边以001.jpg为例
代码状态下为图片添加链接
代码格式如下:
<a href=”链接地址”><img src=”images/001.jpg”/></a>
文本中输入空格
1在菜单栏下的文本菜单下的最后一个选项中选择不换行空格即可输入连续的空格
2按快捷键CTRL+SHIFT+空格即可输入连续的空格
3将输入法切换至全角即可输入连续的空格
4在代码中输入&nbsp即代表一个空格
*5编辑->首选参数->常规->编辑选项中勾选允许多个连续的空格即可输入连续的空格
段落切换与强行换行
2 […]块引用和缩进用来排版
从外部导入文本
1复制黏贴(编辑->选择性黏贴)
2文件导入
清理沉余代码
由WORD以HTML形式保存用DW打开会生成大量多余的代码通过命令->清理WORD生成的HTML来清理多余的代码(或者命令->清理XHTML)
列表与排序
属性面板中点击项目列表创建无序列表通过凸出和缩进来设置下级嵌套列表
插入排版水平线
在HTML中选择水平线
设置水平线属性:
1在属性中设置水平线的基本属性
2在右侧标签中进行详细属性设置(<hr>)
3在代码界面中找到<hr>在r后面敲一个空格会跳出属性设置的选项
一般连接的常见形式
:80/tech/ok.html#apple
80为端口号通常是默认的
?subject=跟邮件的主题
&cc=跟抄送地址
&bcc=跟密件抄送地址
制作下载类链接
和普通链接创建的方法类似只需将链接地址指向需要提供下载的程序或压缩包
锚链接的制作
锚链接:即在当前页面比较长的情况下我们需要直接跳转到页面的某个位置那么就可以建立锚链接来实现
建立方法:
1.在需要跳转的页面位置插入命名锚记(在常用工具栏中)在弹出的对话框中输入锚记的名称(注意:命名锚记只能用数字英文符号不可以使用中文)确定
为图片添加提示文本
<a href=”链接地址”><img src=”images/001.jpg”alt=”提示文本内容”border=”边框粗细数值”/></a>
其中alt:设置提示文本border设置图片边框
用标签检查器设置图片
align:对齐方式
用属性面板设置图片
垂直边距/水平边距:文字离图片的距离
在输入外部链接地址时必须输入http://地址输入完成尽量打回车以免丢失信息
指向法制作链接
属性链接文本框后的指向链接单击按住不放拖出小箭头指向文件面板中的HTML文件以及图片视频等其他文件即可建立链接
快捷键拖动法建立链接
选中需要建立连接的目标,按住SHIFT键可以再目标上直接拉出一个指向链接对某个文件进行链接
绝对地址:在创建链接时,绝对地址需要提供完整的URL链接,包括相应的协议,如HTTP、FTP等等,该方法常用于引用另一网络服务器上的链接,例如:

ftp://202.102.245.1
相对地址:是指对于站点的根目录,它非常适合创建网站内部链接。如果要连接的文档位于当前文件夹中就只需输入文件名即可,如OK.html。只有要链接的文件位于当前文件夹之外时才有必要添加额外的路径信息。
alt为图像添加提示文字,鼠标移入时出现
border设置图像边框
vspace,hapace垂直间距,水平间距
align排列,对齐
usemap图像包含热点(地图,热区)
锐化:是通过增加相邻像素的对比度来使模糊图像变得清晰起来。锐化功能需要适度是用,过度使用往往会使画面马赛克增多,反而破坏画面。
网络中流行及常使用的格式:
低解析度源:经过各种优化压缩处理的大小比较小的图片在下载图片过程中此项图片会优先下载以体现图片下载速度
编辑图像热区
图像热区(地图):即图像中局部创建的链接区域
在属性面板中找到地图文本框下的热区创建工具在图片中创建需要的热区
在标签检查器中设置热区:
coords:热区在图像内的位置大小三项参数从左到右依次为:
1直接敲回车或者在代码中输入</p>(即由<p>……</p>表示一个段落)(但是此种方法两行之间的间隙比较大)
2强行换行SHIFT+回车代码中显示为<br />(两行是紧挨着的没有间隙)或者在文本菜单下的最后一个选项中选择换行符效果是一样的
文本编辑基础
1PRE即在HTML里的排版(代码中的排版)效果直接显示在设计页面
要连接到下级目录中的文件,需要输入目录名,后面跟一个“/”号,再输入文件名,如tech/OK.html。
要连接到上级目录或上级其他子目录文件中的文件,需先输入“../”,后面跟目录名、文件名,如../index.html或者../inmage/ok.jpg。
用菜单插入和设置图片
替换文本:即当图片无法正常打开浏览时或者鼠标移至图片时候所显示的本文。
直接用代码建立链接
<a href=”链接地址”>链接名称</a>即可建立一个连接
插入标签法建立链接
在代码操作的界面中在光标闪烁处右键选择插入标签左侧选择HTML标签页面元素右侧选择a在HREF文本框中输入连接地址在目标中设置打开的方式
如果需要相对应的链接名称在结束符号前面输入名称具体见直接用代码建立链接的代码格式
target:指定连接的目标窗口
链接的目标窗口:
_parent在上级窗口中打开,常用语框架页中
_blank在新窗口中打开页面
_self在当前窗口或者框架同一帧中打开
_top在顶层,也就是浏览器的整个窗口中打开
邮件参数:
subject设置电子邮件主题
cc设置抄送收件人
bcc设置密件抄送(暗送)收件人
&参数之间的分隔符号
弹出窗口的各项参数:
状态图像等均与插入鼠标图像的参数类似
预先载入图像:及时出现导航按钮的翻转效果
页面载入时就显示“鼠标按下图像”:制作多个页面时经常使用到
插入:(水平或者垂直)插入的导航的显示方式
HTML基础:
插入图像标记<img>的常用属性:
src制定图像链接的地址
width,height设置图像的宽度,高度
PNG:这是一种新兴的便携式,跨平台的网络图像格式,已经被大多数主流浏览器所支持。他同时拥有数百万种颜色,还支持背景透明。在网络上,其显示速度要快于前面两者。在网页三剑客的协作中,其适用性也优于其他两种格式的图像。
插入FLASH SWF文件
三大原则:
1建立网页前需要新建一个网站
2文件名,对象ID名,尽量使用英文,拼音,数字尽量避免使用中文
3尽量要存盘
首页一般命名为:index.html或default.html
外观(基于CSS)
页面属性中设置外观字体时,中文一般只添加宋体黑体仿宋体楷体(防止用户因未安装相应字体而无法正常浏览)
字体大小:一般为9 pt
若要基于HTML
编辑->首选参数->常规->是用CSS而不是是用HTML(勾选与取消来切换)
HTML基础
<HTML>HTML文件开始
<HEAD>该文件的头部开始
……该文件的头部内容
</HEAD>该文件的头部结束
<BODY>该文件的主体开始
……该文件的主体内容
</BODY>该文件的主题结束
</HTML> HTML文件结束
(当前热区的水平位置,垂直位置,热区大小)
是用多边形热点工具可以编辑不规则图形的热区通过拖动锚点实现
对图像重新取样
在属性面板中找到编辑一栏重新取样按钮
重新取样:即对图像放大或缩小导致的像素不协调(由于图像放大或者缩小时实际的像素是不改变的)所造成的图像效果进行重新的调节以达到柔和图像的目的
调整图像的亮度和对比度
修改网页标题的方法
1修改->页面属性->标题/编码中修改标题
2在设计界面正上方标题中修改标题
3在代码<title>……</title>中修改标题
修改正文标题的方法
修改->页面属性->标题中修改设置字体大小单位颜色
实现时在设计界面中打入文字选中在正下方属性中的格式中选择标题即可实现
若需要输入正文则格式改为段落
连接字体大小:9 pt
变幻图像颜色:鼠标放到连接上显示的颜色
已访问链接颜色:已访问过的链接显示的颜色
活动链接:当点连接时闪烁的颜色或者点击不松手时显示的颜色
标题(正文中的标题)
标题/编码(网页的标题)
文档类型:HTML4.0 transitional XHTML1.0 transitional
跟踪图像:网页排版时候的模板框架即草图
或者在属性面板中在链接文本框中输入链接的方法:mailto:邮件地址同样添加了一个Email链接
制作特殊的Email链接
在链接文本框中输入:
mailto:flashcs3@?subject=咨询问题&cc=xuexin@&bcc=xuexin625@
mailto:跟收件人地址
插入法建立链接
在常用工具栏中选择超级链接弹出超级链接的对话框其中
文本:即我要插入的这个链接所显示的名称
相关主题