首页 > 电脑专区 > 电脑教程 >

DW之切换网页字体的大小效果

来源:互联网 2023-02-21 22:08:13 423

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

HGp办公区 - 实用经验教程分享!

HGp办公区 - 实用经验教程分享!

DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

方法/步骤

  • 1

    要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可。第一步是打开Dreamweaver工具,然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提哦;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 2

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

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 3

    新建好html文件后,给网页添加相关的标题,加入在title标签的中间;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 4

    下一步在body标签中插入div标签,在div标签中可以插入相关的要添加的内容,选择插入--布局对象--div标签;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 5

    下一步会出现插入div标签的提示框,在ID的选项中填入fontzoom,直接点击确定就可以了;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 6

    下一步在div的标签中添加相关的内容,在内容前面添加上 标签能够起到空格的作用;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 7

    下一步在div的标签中插入p标签,点击插入标签的选项;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 7本页面非法爬取自百度经验
  • 8

    下一步在插入html标签中,找到p标签后,点击插入就可以了;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 9

    下一步插入可以切换的大中小标签的的代码,能够起到切换的作用;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 10

    下一步添加javascript的代码起到切换字体的大小的作用,一般添加在head头的中间的;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 11

    下一步注意Ctrl S保存下网页,同时注意下给网页命个名字哦;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 12

    最后一步预览下效果吧,是不是觉得非常简单呢?可以任意的切换字体的大中小;

    HGp办公区 - 实用经验教程分享!

    HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

    DW之切换网页字体的大小效果HGp办公区 - 实用经验教程分享!

  • 注意事项

    • 百度经验首发,请勿随意转载;

      HGp办公区 - 实用经验教程分享!

      HGp办公区 - 实用经验教程分享!

    • 本经验是由本人亲自试验编写,图片文字全部为原创,亲自操作;HGp办公区 - 实用经验教程分享!

      HGp办公区 - 实用经验教程分享!

      HGp办公区 - 实用经验教程分享!

    • 对于网页菜单栏的制作,可能很多人在各大网站都有看到过,漂亮的网页菜单栏能给人赏心悦目的感觉,喜欢热爱网页的朋友们可以尝试下;HGp办公区 - 实用经验教程分享!

      HGp办公区 - 实用经验教程分享!

      HGp办公区 - 实用经验教程分享!

      HGp办公区 - 实用经验教程分享!

      HGp办公区 - 实用经验教程分享!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!HGp办公区 - 实用经验教程分享!


    标签: 字体效果

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码