DW插进图象/图象占位符和互动交流图象的案例实

2020-10-31 15:10 jianzhan

Dreamweaver中怎样插进图象、图象占位符和互动交流图象

1、最先插进图象时,大家必须创建1个站点做为基础所需

2、创建的站点名字为“今天心事

3、接着将插进面板设定为“常见”选项

4、点一下“图象”按钮,向网页页面中插进图象

5、挑选1个照片做为插进图象的所需照片

6、点一下“明确”按钮便可进行插进。

7、插进图象以后,在大家的编码位置,大家是能够看到新出来的1段编码选项的

8、一样这里大家是能够将其调剂为“设计方案”页面,这里大家是能够看到大家所插进的图象的

9、接着大家开展再网页页面中的1个访问选项,这里立即按“F12”或这里大家点一下专用工具中的访问器小标志“1个小的地球”,在网页页面中大家也是能够看到大家插进的1个照片的

10、接着大家开展“占位符的插进”,点一下插进面板“常见”标识下图象按钮菜单中的“图象占位符”按钮

11、弹出以下图中的1个占位符的会话框

12、这里大家将其色调设定为鲜红色,名字设定成asd,接着点一下明确便可

13、一样,插进结束以后呢,这里大家是能够看到大家的编码位置是多出来了1一部分的

14、这里大家立即进到到访问器中开展访问,大家是能够看到大家插进的占位符的

15、插进互动交流图象“这里所谓的互动交流图象便是电脑鼠标挪动到照片以后,大家这里的照片就会变为此外的1个照片”最先这里大家是必须提前准备两张图象来做为插进图象的所需,点一下“电脑鼠标历经图象

16、这里的指令框中大家能够看到的是有两个照片挑选的

17、最先大家挑选第1个照片“初始照片”电脑鼠标不在照片上的情况下大家这里显示信息的是下图中的1个款式

18、接着挑选的是此外的1张图象,这里的是电脑鼠标挪动到初始标志上情况下,大家这里的1个变化所需

19、以下图中的所示內容,这里大家的初始图象和电脑鼠标历经图象都已将挑选结束,点一下明确便可

20、跳入到大家的编码位置,这里大家是能够看到的1个编码转化成一部分,这里所转化成的编码许多的,这也是大家的作用所需吧

21、接着大家储存,按F12 进到网页页面中开展查询,最初电脑鼠标不在图象中的情况下,大家这里是1个照片款式

22、当电脑鼠标 挪动到照片中的情况下,这里大家便是此外的1种标志款式了。

有关强烈推荐:

Dreamweaver编码提醒作用如何打开?

Dreamweaver新项目目录前面的新项目标记去掉小圆点?

dw模版如何制做?Dreamweaver制做网页页面模版的详尽实例教程