零基础学做网站教程

当前位置:

第七课:dreamweaver如何文字图像添加超链接

以下为学做网站论坛关于“第七课:dreamweaver如何文字图像添加超链接”讲解视频教程

  • 线路一
  • 线路二
  • 提示:如果“线路一”课程不能播放,请点“线路二”播放课程

在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添加链接。

dreamweaver如何文字图像添加超链接步骤方法

  1. 第一步是打开Dreamweaver工具;dreamweaver如何文字图像添加超链接步骤方法
  2. 然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提哦;dreamweaver如何文字图像添加超链接步骤方法6
  3. 在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题;dreamweaver如何文字图像添加超链接步骤方法
  4. 首先我们要了解Dreamweaver的整体框架,了解在哪里编写代码;dreamweaver如何文字图像添加超链接步骤方法
  5. 找到设置超链接的选项,进行设置;dreamweaver如何文字图像添加超链接步骤方法
  6. 点超链接的设置后,会出现一个对话框,是对链接进行设置的;dreamweaver如何文字图像添加超链接步骤方法
  7. 相同的方法,再添加一个谷歌的跳转链接,同理;dreamweaver如何文字图像添加超链接步骤方法
  8. 两个链接都制作成功后,我们可以稍作小小的修改,是网页更加好看一些,在两个链接中添加换行的标签;dreamweaver如何文字图像添加超链接步骤方法
  9. 代码程序编写好后,记得保存html文件,Ctrl+s就可以了;dreamweaver如何文字图像添加超链接步骤方法
  10. 网页文件保存好后就可以预览效果了,在Dreamweaver页面中,按F12就可以预览了;dreamweaver如何文字图像添加超链接步骤方法
上一课: 下一课:

发表评论

*

* 绝不会泄露


相关教程

  1. DW教程第十三节:怎样在图片上写文字
  2. 网站图片与文字顶部对齐的CSS写法
  3. 图片与文字混排对齐CSS样式【vertical-align属性】
  4. 3、html文字加粗标签【b,strong标签】
  5. 关于文字和图片不能设置成一排的问题
  6. [HTML教程] 第二课:HTML标题、段落、链接、图像标签
  7. PS教程第六节:photoshop查看图像模式
  8. 2、HTML网页超链接A标签学习
  9. 网站字体类型 如何正确书写网站文字字体
  10. PS教程第五节:photoshop如何校正倾斜的图像