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

文本

如何添加连续空格

方案一, 菜单栏中“插入”-“HTML”-“特殊字符”-“不换行空格”

方案二,“Ctrl+Shift+空格”

方案三, 右击站点，选择“在浏览器中预览”-“编辑浏览器列表”，打开首选参数的对话框，在“常规”选项中，将“允许多个连续的空格”打勾

分段与换行

分段是按“Enter”，换行按“Shift+Enter”

样式设计有CSS和HTML两种格式.

图片

图片格式

原则：在保证画质的前提下，尽可能使用数据量小的图片

GIF、JPEG、PNG

a. GIF格式：数据量小，具有动画效果、背景透明效果，但是颜色只有256种；

b. JPEG：高效的压缩图片的数据量，但是不丢失颜色的画质，可以贮存精美颜色的图片；

c. PNG：融合了GIF和JPEG两种图片格式的优点

插入图片、编辑图片

a.能够借助第三方软件编辑

b.鼠标经过更换图片、加链接

链接

内链接

_self：会在当前页面所在的窗口或框架中打开（默认）

_blank : 创建新的页面（点击多少次，产生多少个窗口）

_new：会在同一个刚创建的窗口中打开（无论点击多少次，都只产生一个窗口）

_parent：如果是一个嵌套的结构，则会在父窗口中打开

_top：会在完整的浏览器窗口

外部链接

a. 使用完整的URL地址，“http://www.baidu.com”

b. 设置链接的样式

访问后的颜色设置，在“页面设置 ”-“链接”

链接颜色：指定应用于链接文字的颜色

已访问链接：指定链接被访问过的颜色

变换图像链接：指定当鼠标放于链接上的颜色

活动链接： 指定当鼠标在链接上点击时的颜色

锚点链接

到网页某一特定位置的链接：利用这种链接可以链接到同一网页的特定位置，也可以链接到不同网页的特定位置

第一步，创建锚点，并设置一个名称，比如“maodian”；

第二步，在链接文本框处，填入“#maodian”；如果是不同网页的特定位置，在链接文本框处，先填入URL，然后加上“#maodian”

一些其他链接。比如，邮件、下载、空链接

邮件链接：“插入”-“电子邮件链接”

下载链接： 当页面无法打开一些.exe,.zip,rar文件时，网页会显示下载界面

空链接：用来激活页面中的一些文本或对象。方法：在链接文本框中直接添加“#”

图像热区链接

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

创建图像导航条

结合图片编辑和链接的知识

跳转菜单

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

脚本链接

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‘);”

链接路径

有三种路径需要了解：

绝对路径：在链接中使用完整的URL地址，这种链接适合于链接外部网站和外部文件资源。

相对于文档的路径：表述原端点与链接目标端点的相对位置，一般我们默认使用这种方式链接同站点的不同文件，用“../”表示上一层的文件夹。

相对于站点根目录路径：所有的链接路径都是从站点根目录开始的，用”/”表示站点根目录。