如何使用Dreamweaver制作网页超链接

DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac
和Windows系统的版本。随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。
Dreamweaver自MX版本开始,使用了Opera的排版引擎 "Presto"
作为网页预览。使用Dreamweaver来制作网页,非常的简单快捷,能够很好的提高网页制作的效率,对网页感兴趣的朋友可以试试哦。

操作方法

  • 01

    要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可。第一步是打开Dreamweaver工具;

  • 02

    然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提哦;

  • 03

    在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题;

  • 04

    首先我们要了解Dreamweaver的整体框架,了解在哪里编写代码;

  • 05

    找到设置超链接的选项,进行设置;

  • 06

    点超链接的设置后,会出现一个对话框,是对链接进行设置的;

  • 07

    相同的方法,再添加一个谷歌的跳转链接,同理;

  • 08

    两个链接都制作成功后,我们可以稍作小小的修改,是网页更加好看一些,在两个链接中添加换行的标签;

  • 09

    代码程序编写好后,记得保存html文件,Ctrl+s就可以了;

  • 10

    网页文件保存好后就可以预览效果了,在Dreamweaver页面中,按F12就可以预览了;

(0)

相关推荐

  • dreamweaver制作网页模板

    dreamweaver常是首选的编辑软件.制作模板会大大提高网页的重复使用性,那如何使用dreamweaver制作模板网页呢?这里以建一个唐诗宋词的网页为例. 操作方法 01 刚进入dreamweav ...

  • 如何用Dreamweaver制作网页表格

    DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Ad ...

  • 怎样用Dreamweaver制作网页模板

    制作网页之前,我们一定需要效果图,这样才不会导致不知道怎么去写代码. 操作方法 01 首先我们先打开软件,然后新建一个HTML文件和一个css文件,然后依次点击文件保存为index.html.styl ...

  • 用dreamweaver制作网页时,如何让其居中

    当你制作一个网页时,想让他摆放在正确的位子,要达到美观而又方便的效果就显得尤为的重要了,这里快速的告诉你方法 操作方法 01 前面的内容就不一一介绍了,首先不管是一张图片还是一个网页,他都需要规定它的 ...

  • Dreamweaver如何制作网页并添加背景图片

    对于初学者制作网页,一般选择用Dreamweaver软件,在这里我来简单介绍一下如何新建网页并给网页添加背景图片 操作方法 01 打开Dreamweaver软件如下图所示 02 点击红色箭头所指的连接 ...

  • dreamweaver简单网页制作

    dreamweaver直译就是梦想编织者,作为网页三剑客之一的软件它是用来制作网页的,下面我们就来看看使用dreamweaver如何制作简单网页的吧. 操作方法 01 在桌面上双击Dreamweave ...

  • 使用Pages(页面)面板制作网页

    下面通过一个具体的实例来说明Pages(页面)面板的实际作用,具体操作步骤如下. 1.新建一个Fireworks文件. 2.在弹出的[新建文档]对话框中设置画布的宽度为932像素.高度为538像素,背 ...

  • 如何使用ps和DW制作网页?使用ps和DW制作网页的方法

    想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧! ...

  • Dreamweaver如何建立超链接?DW建立超链接方法介绍

    超级链接一般具有三个特点:蓝色.下划线 和手形标记,那么Dreamweaver如何建立超链接?下面小编就为大家介绍DW建立超链接方法,来看看吧! 方法/步骤 这里我们主要说的是,在我们的Dreamwe ...