手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-14 19:59:24

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DW之切换网页字体的大小效果
DW之切换网页字体的大小效果
DW之切换网页字体的大小效果
© 手抄报圈