网页设计与制作6PPT格式课件下载.ppt

网页设计与制作6PPT格式课件下载.ppt

《网页设计与制作6PPT格式课件下载.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作6PPT格式课件下载.ppt（32页珍藏版）》请在冰豆网上搜索。

系的超链接。

锚锚点点链链接接：

可可以以链链接接到到网网页页中中某某个个特特定定位位置置的的链链接接。

外部链接外部链接：

把网页与：

把网页与InternetInternet中的目标相联系的链接。

中的目标相联系的链接。

如如果果按按照照使使用用对对象象的的不不同同，网网页页中中的的链链接接又又可可以以分分为为：

文文本本超超链链接接、图图像像超超链链接接、E-mailE-mail链链接接、锚锚点点链链接接、多媒体文件链接、空链接等多媒体文件链接、空链接等网页设计艺术网页设计艺术5合合理理安安排排超超链链接接在在网网页页的的制制作作中中是是非非常常重重要要的的。

采采用用什什么么结结构构的的链链接接会会直直接接影影响响到到网网页页的的布布局局。

建建议议：

避免孤立文件的存在避免孤立文件的存在在网页中避免使用过多的超链接在网页中避免使用过多的超链接网页中的超链接不要超过网页中的超链接不要超过44层层页面较长时可以使用书签页面较长时可以使用书签设置主页或上一层的链接设置主页或上一层的链接2合理安排超链接合理安排超链接网页设计艺术网页设计艺术63文档路径类型文档路径类型在在一一个个网网站站中中，有有绝绝对对路路径径、和和根根目目录录相相对对路路径径以及和文档相对路径以及和文档相对路径33种类型的文档路径。

种类型的文档路径。

绝绝对对路路径径：

是是包包含含服服务务器器协协议议（对对于于网网页页来来说说通通常是常是http:

/http:

/或或ftp:

/ftp:

/）的完全路径。

的完全路径。

和和根根目目录录相相对对的的路路径径：

是是从从当当前前站站点点的的根根目目录录开开始始的的路路径径。

站站点点上上所所有有可可公公开开的的文文件件都都存存放放在在站站点点的根目录下。

的根目录下。

和和文文档档相相对对的的路路径径：

是是指指和和当当前前文文档档所所在在的的文文件件夹相对的路径。

夹相对的路径。

网页设计艺术网页设计艺术76.1.26.1.2创建文本超链接创建文本超链接1建立文本超链接建立文本超链接在在浏浏览览网网页页时时，鼠鼠标标指指针针经经过过某某些些文文本本时时，指指针针的的形形状状发发生生变变化化，同同时时文文本本也也会会发发生生变变化化（如如出出现现下下划划线线、文文本本的的颜颜色色发发生生变变化化、字字体体发发生生变变化化等等），提提示示这这是是带带链链接接的的文文本本。

此此时时点点击击鼠鼠标标，就就会会打打开开所链接的网页，这就是文本超链接。

所链接的网页，这就是文本超链接。

网页设计艺术网页设计艺术8在在DreamweaverDreamweaverMXMX中创建文本超链接的步骤为：

中创建文本超链接的步骤为：

（11）在在网网页页上上选选择择需需要要添添加加超超链链接接的的文文本本，打打开开文文本本的的属性面板。

属性面板。

（22）在属性面板上指定文字的链接目标。

）在属性面板上指定文字的链接目标。

（33）在）在“目标目标”下拉列表框中选择目标文件打开的方式。

下拉列表框中选择目标文件打开的方式。

设设置置结结束束后后，在在网网页页中中被被选选择择的的文文字字改改变变了了颜颜色色，且且在在文文字字底底部部出出现现一一条条下下划划线线，即即文文字字的的超超链链接接设设置置完完成成。

在在键键盘盘上上按按“F12F12”键键，即即可可将将网网页页在在浏浏览览器器中中打开。

单击链接的文字，即可打开目标文件。

打开。

网页设计艺术网页设计艺术92编辑文本超链接编辑文本超链接（11）设置文本链接的状态）设置文本链接的状态一一个个未未被被访访问问过过的的链链接接与与一一个个被被激激活活的的链链接接在在形形式式上上肯肯定定会会有有所所区区别别，链链接接被被访访问问过过了了也也会会发发生生变变化化，提提示示用用户户这这是是一一个个已已经经点点击击过过的的链链接接，所所有有这这些些都都是是链链接接的的状状态态。

通通过过设设置置不不同同的的文文本本颜颜色色可以使各个状态区别开来。

可以使各个状态区别开来。

网页设计艺术网页设计艺术10（22）删除文本超链接）删除文本超链接在在DreamweaverDreamweaverMXMX中中要要删删除除一一个个文文本本超超链链接接很很容容易易，先先用用鼠鼠标标选选定定文文本本对对象象，将将光光标标定定位位于于属属性性面面板板的的“链链接接”文文本本框框中中，用用“BackSpaceBackSpace”键键或或“DeleteDelete”键键，将将其其显显示示的的超超链链接接对对象象文文件件名名删删除除，再再回回车车，或或选选择择“修修改改”|“移移除除链链接接”命令，都可以命令，都可以删除超链接而保留原文本删除超链接而保留原文本对象。

对象。

网页设计艺术网页设计艺术111创建图像超链接创建图像超链接6.1.3创建图像超链接创建图像超链接给给图图像像添添加加链链接接，使使其其指指向向其其他他的的网网页页或或者者文文档，就是图像超链接。

档，就是图像超链接。

（11）选选中中需需要要建建立立超超链链接接的的图图像像，此此时时属属性性面面板板显显示图像的属性示图像的属性。

（22）在属性面板中为图像添加文档相对路径的链接。

）在属性面板中为图像添加文档相对路径的链接。

（33）按）按“F12F12”预览网页。

预览网页。

2删除图像超链接删除图像超链接删除图片超链接与删除文本超链接的方法相同删除图片超链接与删除文本超链接的方法相同。

网页设计艺术网页设计艺术12锚锚记记，也也称称为为书书签签或或锚锚点点，用用来来标标记记文文档档中中的的特特定定位位置置，使使用用其其可可以以跳跳转转到到当当前前文文档档或或其其他他文文档档中中的的标标记记位位置置，免免去去浏浏览览者者翻翻阅阅网网页页寻寻找找信信息息的的麻麻烦烦。

在在网网页页中中加加入入锚锚记记包包括括两两方方面面的的工工作作，一一是是在在网页中创建锚记，另一个就是为锚记建立链接。

网页中创建锚记，另一个就是为锚记建立链接。

6.1.4创建锚记超链接创建锚记超链接网页设计艺术网页设计艺术13创建锚记的步骤如下：

创建锚记的步骤如下：

（11）将将光光标标移移到到需需要要加加入入锚锚记记的的地地方方，一一般般是是将将光光标放置在一行或是一段文字的开头部分。

标放置在一行或是一段文字的开头部分。

（22）单单击击插插入入“常常用用”面面板板上上的的按按钮钮，或或是是选选择择主主窗窗口口的的菜菜单单“插插入入”|“命命名名锚锚记记”命命令令，将将弹弹出出“命名锚记命名锚记”对话框。

对话框。

（33）在在对对话话框框的的“锚锚记记名名称称”文文本本框框输输入入锚锚记记的的名名称。

称。

（44）单击）单击“确定确定”按钮。

按钮。

1创建锚记创建锚记网页设计艺术网页设计艺术14在命名锚记时，必须遵循以下规定：

在命名锚记时，必须遵循以下规定：

只只能能使使用用字字母母和和数数字字，锚锚记记命命名名不不支支持持中中文文。

虽虽然然在在插插入入锚锚记记对对话话框框中中能能输输入入中中文文，但但在在属属性性面面板板上上显显示示的的则则是是一一堆堆乱乱码码，且且在在为为锚锚记记添添加加链链接接的的时时候，也无法工作。

候，也无法工作。

锚锚记记名名称称的的第第11个个字字符符最最好好是是英英文文字字母母，一一般般不不要要以数字作为锚记名称的开头。

以数字作为锚记名称的开头。

锚记名称区别英文字母的大小写。

锚记名称间不能含有空格，也不能含有特殊字符。

网页设计艺术网页设计艺术15创创建建锚锚记记后后，还还必必须须链链接接锚锚记记。

选选择择想想要要链链接接到到锚锚记记的的文文字字或或图图片片，然然后后按按如如下下方方法法中中的的任任意意一一种进行操作。

种进行操作。

2链接锚记链接锚记（11）在在属属性性面面板板上上的的“链链接接”文文本本框框中中输输入入符符号号#和锚记名称。

和锚记名称。

（22）选选择择文文字字或或图图片片后后，按按住住ShiftShift键键，然然后后拖拖动动鼠鼠标指向锚记。

标指向锚记。

（33）按按住住属属性性面面板板上上的的“指指向向文文件件”按按钮钮，并并拖拖动动鼠标指向锚记。

鼠标指向锚记。

网页设计艺术网页设计艺术16在链接锚记时，应注意以下事项：

在链接锚记时，应注意以下事项：

在在#和和锚锚记记名名之之间间不不要要留留有有空空格格，否否则则链链接接会会失失败。

败。

在在不不同同文文件件夹夹中中为为锚锚记记创创建建链链按按时时，其其文文件件名名后后缀缀必必定定是是“.htmhtm”，而而不不能能写写成成“.html.html”，否否则则链接也会失败。

链接也会失败。

符号符号#必须是半角符号，而不能为全角符号。

必须是半角符号，而不能为全角符号。

网页设计艺术网页设计艺术17如如果果希希望望浏浏览览者者在在浏浏览览网网页页时时，只只要要浏浏览览者者单单击击E-mailE-mail链链接接时时，就就会会在在浏浏览览端端自自动动打打开开浏浏览览器器默默认认的的E-mailE-mail处处理理程程序序，收收件件人人的的地地址址将将会会被被E-mailE-mail超超链链接接中中的的指指定定地地址址自自动动装装入入，无无需需浏浏览览者者输输入入，就就需需要要创创建电子邮件链接建电子邮件链接。

6.1.5创建电子邮件超链接创建电子邮件超链接网页设计艺术网页设计艺术18创建电子邮件链接的步骤如下：

创建电子邮件链接的步骤如下：

（11）将将光光标标置置于于网网页页中中要要添添加加E-mailE-mail链链接接的的地地方方，或或选选中中文文字字，通通过过插插入入“常常用用”面面板板上上的的“电电子子邮邮件件链链接接”按按钮钮，或或通通过过主主窗窗口口菜菜单单“插插入入”|“电电子子邮邮件件链接链接”命令，将弹出命令，将弹出“电子邮件链接电子邮件链接”对话框。

（22）如如果果未未选选中中文文字字，可可以以在在“文文本本”文文本本框框中中添添加加所所需需文文字字；

如如果果已已经