三九宝宝网宝宝成长宝宝手工

静态网页设计与制作热点工具的用途

01月06日 编辑 39baobao.com

[求网页制作与网页设计成品作业一份]如果你是要网页制作与网页设计成品作业一份有基础的朋友,就选择Dreamweaver,Frontpage等专用软件来制作了 想为自己做一个网站或为公司做一个网站,没有打算往这一块领域发展的...+阅读

静态网页的布局模式主要有:

1、表格布局

2、层布局

3、div+css样式表布局

4、布局表格等 备注:

1、表格布局容易把握,是最简单的一种总局方式,适用于初学者。 设计网页的第一步是设计版面布局。所谓布局,就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。网页设计常用布局方法是表格布局。另外一种方便的工具,就是使用框架。框架的作用就是把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。 案例:①在网页中插入表格,不显示边框只用来布局;②在单元格内插入文字、·图片,设置丰富的效果;③通过拆分单元格或者插入嵌套表格来细化某些单元格内部的布局。

2、层布局较难把握,经常会受屏幕的分辨率影响,网页中很少用,主要用于浮动广告。

3、div+css样式表布局,难度较大,作者需了解一定数量的html代码。是应用较广泛的一种,也是最难的一种布局。

一、准备一张图片。 准备一张需要给不同区域添加不同热点的图片。

二、插入图片: 打开Dreamweaver,新建一个网页,将图片插入到页面中。

三、找到地图工具: 单击鼠标左键点击图片,这时候软件下方的属性面板就会变成和图片相关的属性,注意看左下角部分,如图一中的红色框内所示。 注:如果没有上图显示的热点地图工具,是地图工具属性隐藏了,可以点击属性面板右侧的三角符号打开,如下图:

四、绘制热点: 注意方块、圆形、多边形三个小图标,它们就是我们要用的“图片热点”工具,不同的热点工具可以绘制出不同形状的热点区域。 先点击方块按钮,将鼠标移动到图片上,这时候鼠标就变成了十字,在你想加链接的地方画一个方块。添加热点后的图片区域会出现一个浅蓝色蒙版,意味着该区域已经添加了热点。依次添加其他区域的热点。

五、给热点添加链接: 热点区域画好后,下面的属性面板就会变成该热点区域的属性,如下图: “链接”就是点击此处跳转的链接地址; “目标”就是点击此处时窗口的打开方式; “替换”就是鼠标悬浮在该区域时提示的文字。一般使用"_blank",指超链接将在新窗口打开。 注:可以采用画一个区域,添加对应的连接,也可以依次把所有的区域热点画完,然后点击热点区域,依次添加对应的连接。初学者建议一个一个的添加。

六、修改热点:对热点区域进行拖动或者局部调整 如果需要修改热点区域,或者需要进行微调,如中国地图添加热点,不可能把所有的热点区域都做到刚好覆盖对应的区域,那就需要对已经添加热点的区域进行调整。 点击热点区域,热点区域四周会出现浅蓝色的点。光标放在浅蓝色的点,点击鼠标左键,即可调整热点区域的大小。

七、对个图片添加热点: 如果一个页面中有多个图片需要添加热点,那么久需要给每一张图片对应的热点设置不同的热点名称,如图示,地图(M)处的文本框中的字符就是当前热点的名称。 可以使用map

1、map

2、map3。。。也可以使用不同图片的内容对热点进行命名,如top_map,foot_map,act_map。。。总之,不同图片的热点名称不同即可。

以下为关联文档:

网页设计网页模板制作过程谁能简单描述一下啊网页设计过程是网站模板设计的关键内容 如果你是想制作一个静态的网站。那么掌握网页制作流程就差不多了,这一章只要学习网站设计就可以。但大多数人不会愿意制作静态的网站,...

推荐阅读
图文推荐