Dreamweaver学习:[29]网页中如何编辑AP DIV层

接着上一篇的层元素的内容,通过一些实例来进一步巩固和学习如何编辑层。

操作方法

  • 01

    打开Dreamweaver,新建一个HTML文件。点击绘制层,在窗口内创建一个图层。

  • 02

    在属性面板中更改层的属性,可以通过修改层与窗口的距离来精确层的位置。左、上就是分别与左边和上边窗口的距离;宽、高就是层的宽度和高度。

  • 03

    向层内插入一张图片。点击插入\图像,选择要插入的图像,并更改图像的大小。

  • 04

    在按照刚才插入层的方法,在页面中创建两个图层。

  • 05

    按住SHIFT键,用鼠标挨个选中,可以将三个图层全部选中,然后点击修改菜单\对齐,设成宽度相同和设成高度相同,来更改层的高度和宽度一致。

  • 06

    再在其他两个层中分别插入图像,并更改图像的大小。通过移动可以呈现添加状态。

  • 07

    点击F12预览。

(0)

相关推荐

  • AP DIV元素(绝对定位)如何水平居中网页

    Dreamweaver中,要使AP DIV元素(即绝对定位的DIV标签)能在不同分辨率的电脑上始终保持水平居中是一个头疼的问题,它不像相对定位的DIV可以通过margin:0 auto;水平居中网页. ...

  • Dreamweaver创建表格和表格的编辑方法介绍

    Dreamweaver中如何创建表格和表格的编辑?很多新手都不是很清楚,其实方法很简单的,大家一起来学习吧! 方法/步骤 首先打开我们的Dreamweaver工具,创建一个新的HTML文档 创建文档完 ...

  • 怎样学习制作网页

    学习制作网页能够提升对网络网络的认识,提高计算机技能,怎样学习制作网页呢? 操作方法 01 首先,可以告诉想学网页制作的朋友.学习制作网页和学习其它知识一样,是要有基础的.在基础之上学习起来会比较轻松 ...

  • Dw制作网页基础(设置网页属性和编辑头部信息)

    Dw制作网页基础(设置网页属性和编辑头部信息) 操作方法 01 这里我们主要说的呢是在Dreamweaver中制作网页基础( 包括设置网页属性和编辑头部信息)首先我们像往常一样这里我们需要先建立一个新 ...

  • 怎么在网页中插入视频

    Dreamweaver 是一款网页设计工具,已经问世很多年了,依然有新手不知道怎么用,这里来介绍下. 操作方法 01 打开软件后,在新建中点击"HTML",将新建一个空白的html ...

  • Dreamweaver学习:[11]鼠标经过更换图片特效

    鼠标经过更换图片特效是指在网页中先显示一张图片,当鼠标移动到这张图片时,图片更换为另一种图片的效果.一起学习如何实现这个效果. 操作方法 01 在网站文件夹放入两种图片,一张是之前显示的图片,一张是鼠 ...

  • 网页flash下载 如何下载网页中的flash SWF文件(图文教程)

    当我们浏览网页时,总是有很多制作精美的Flash让我们心动,很想能保存下来慢慢欣赏。但是Flash不能直接保存,必须通过一些技巧才能实现。下面告诉大家6个关于Flash保存的小技巧,希望可以从这里寻找 ...

  • 网页中Flash如何下载

    当我们浏览网页时,总是有很多制作精美的Flash让我们心动,很想能保存下来慢慢欣赏。但是Flash不能直接保存,必须通过一些技巧才能实现。下面告诉大家6个关于Flash保存的小技巧,希望可以从这里寻找 ...

  • 网页中的缓存视频怎么下载

    小编这里要跟大家分享的是关于网页中的缓存视频的下载方法,看视频是大部分用户在工作之余的消遣方式,很多时候我们点击视频进行播放时系统往往会将其缓存,那么我们之后该如何找到这些缓存的视频文件呢,其实方法很 ...