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制做网页页面模版的详尽实例教程