网站设计及制作基础知识.pptVIP

实例2：网页模板——编辑网页模板 (6)修改图片文件： 在设计视图下点击选择图片文件，在属性面板源文件选项中，点击浏览文件，选择图片文件，在高和宽中可以修改图片的高和宽。 网页基础 网页模板 代码应用 实例导航 实例3：代码应用 随着网络技术的高速发展，网页元素不断丰富，实现的功能也越来越多，在网页中如想实现较为复杂的功能，可以借助代码实现，目前有很多成熟的代码模块，只需加在网页源代码的恰当位置即可实现相应功能。 网页中的漂浮框 网页基础 网页模板 代码应用 实例导航 实例3：代码应用——漂浮框的实现 (1) 定义站点： 首先在本地建立文件夹并设置站点，本例需要三个文件，在站点中建立images(图片)文件夹和dm(代码)文件夹，在images文件夹中加入想实现漂浮的图片(本例中为piaofu.jpg)。 网页基础 网页模板 代码应用 实例导航 实例3：代码应用——漂浮框的实现 (2) 编辑欲加入漂浮框网页： 在Dreamweaver本地文件中打开需要加入漂浮框的页面，选择代码视图，在源代码中，按规则加入如下的代码。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title网页漂浮代码/title /head BODY DIV id=img1 style=WIDTH: 150px; HEIGHT: 112px; POSITION: absolute; visibility: visible; a href=# target=_blankimg src=images/piaofu.jpg width=“150 height=“150 border=0/a/DIV SCRIPT src=“dm/piaofu.js/SCRIPT /BODY /HTML 网页基础 网页模板 代码应用 实例导航 实例3：代码应用——漂浮框的实现 (2) 编辑欲加入漂浮框网页： 在Dreamweaver本地文件中打开需要加入漂浮框的页面，选择代码视图，在源代码中，按规则加入如下的代码。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title网页漂浮代码/title /head BODY DIV id=img1 style=WIDTH: 150px; HEIGHT: 112px; POSITION: absolute; visibility: visible; a href=# target=_blankimg src=images/piaofu.jpg width=“150 height=“150 border=0/a/DIV SCRIPT src=“dm/piaofu.js/SCRIPT /BODY /HTML 网页基础 网页模板 代码应用 实例导航 在网页中加入层，并设置层的宽高，位置和有效性 实例3：代码应用——漂浮框的实现 (2) 编辑欲加入漂浮框网页： 在Dreamweaver本地文件中打开需要加入漂浮框的页面，选择代码视图，在源代码中，按规则加入如下的代码。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title网页漂浮代码/title /head BODY DIV id=img1 style=WIDTH: 150px; HEIGHT: 112px; POSITION: absolute; visibility: visible; a href=# target=_blankimg src=images/piaofu.jpg width=“150 height=“150 border=0/a/DIV SCRIPT src=“dm/piaofu.js/SCRIPT /BODY /HTML 网页基础 网页模板 代码应用 实例导航 设置层中漂浮图片的属性，包括超链接，图片链接，宽高和边款。 实例3：代码应用——漂浮框的实现 (2) 编辑欲加入漂浮框网页： 在Dreamweaver本地文件中打开需要加入漂浮框的页面，选择代码视图，在源代码中，按规则加入如下的代码。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title网页漂浮代码/title /head BODY DIV id=img1 style=WIDTH: 150px; HEIGHT: