Dreamweaver学习之基本操作(文本、图片、链接)

文本

1. 如何添加连续空格
   方案一, 菜单栏中“插入”-“HTML”-“特殊字符”-“不换行空格”
   方案二,“Ctrl+Shift+空格”
   方案三, 右击站点，选择“在浏览器中预览”-“编辑浏览器列表”，打开首选参数的对话框，在“常规”选项中，将“允许多个连续的空格”打勾
2. 分段与换行
   分段是按“Enter”，换行按“Shift+Enter”
3. 样式设计有CSS和HTML两种格式.

图片

1. 图片格式
   原则：在保证画质的前提下，尽可能使用数据量小的图片
   GIF、JPEG、PNG
   a. GIF格式：数据量小，具有动画效果、背景透明效果，但是颜色只有256种；
   b. JPEG：高效的压缩图片的数据量，但是不丢失颜色的画质，可以贮存精美颜色的图片；
   c. PNG：融合了GIF和JPEG两种图片格式的优点

2. 插入图片、编辑图片
   a.能够借助第三方软件编辑
   b.鼠标经过更换图片、加链接

链接

1. 内链接
   _self：会在当前页面所在的窗口或框架中打开（默认）
   _blank : 创建新的页面（点击多少次，产生多少个窗口）
   _new：会在同一个刚创建的窗口中打开（无论点击多少次，都只产生一个窗口）
   _parent：如果是一个嵌套的结构，则会在父窗口中打开
   _top：会在完整的浏览器窗口

2. 外部链接
   a. 使用完整的URL地址，“http://www.baidu.com”
   b. 设置链接的样式
   访问后的颜色设置，在“页面设置 ”-“链接”
   链接颜色：指定应用于链接文字的颜色
   已访问链接：指定链接被访问过的颜色
   变换图像链接：指定当鼠标放于链接上的颜色
   活动链接： 指定当鼠标在链接上点击时的颜色

3. 锚点链接
   到网页某一特定位置的链接：利用这种链接可以链接到同一网页的特定位置，也可以链接到不同网页的特定位置
   第一步，创建锚点，并设置一个名称，比如“maodian”；
   第二步，在链接文本框处，填入“#maodian”；如果是不同网页的特定位置，在链接文本框处，先填入URL，然后加上“#maodian”

4. 一些其他链接。比如，邮件、下载、空链接
   邮件链接：“插入”-“电子邮件链接”
   下载链接： 当页面无法打开一些.exe,.zip,rar文件时，网页会显示下载界面
   空链接：用来激活页面中的一些文本或对象。方法：在链接文本框中直接添加“#”

5. 图像热区链接
   在图形上，用矩形、圆形、不规则形工具去画出热区范围，然后在链接文本框中输入要链接的地方

6. 创建图像导航条
   结合图片编辑和链接的知识

7. 跳转菜单
   “插入”-“表单”-“跳转菜单”，然后设置名称，以及跳转的URL，注意这个URL必须是全称，否则不能跳转

8. 脚本链接
   a.用于链接一些操作方法，去实现特别的功能。比如，在链接文本框中输入javascript:alert(‘我要自学网’)，点击链接时，就会弹出“我要自学网”的对话框。
   b.还可以在链接文本框中输入“#”，去触发一个onClick()时间，然后去执行一些方法。
   c.一些常见的脚本：
   添加到收藏夹：javascript:window.external.addFavorite(‘http://www.baidu.com‘,’百度网’)
   关闭窗口：javaScript:window.close()
   设置为默认主页：onClick=”this.style.beheaver =’url(#default#homepage)’;this.setHomePage(‘http://www.baidu.com‘);”

9. 链接路径
   有三种路径需要了解：
   绝对路径：在链接中使用完整的URL地址，这种链接适合于链接外部网站和外部文件资源。
   相对于文档的路径：表述原端点与链接目标端点的相对位置，一般我们默认使用这种方式链接同站点的不同文件，用“../”表示上一层的文件夹。
   相对于站点根目录路径：所有的链接路径都是从站点根目录开始的，用”/”表示站点根目录。