2021-02-03 10:42:40
【怎么制作网页图片】网页设计中框架中的图像如何控制其大小?制作网页时如何在图像中设置热区域链接?下面就和小编一起来看看吧!
网页设计中框架中的图像如何控制其大小
css文件可以设置图像的长度和图像的浮动等各种效果。width和height强制改变图像的大小。例如:.a{background:url(tupian.jpg)width=20pxheight=20px}说明。a是类别选择器,调用时<标签名class="类别名">(这里的类别是a),url是图像的位置和名称。width、height是强制变更的图像大小。另一种方法是利用计算机的绘画工具将图像的大小改为目标的大小,保存后也可以直接调用图像。
制作网页时,如何在图像中设置热区域链接?
一、在DreamweaverMX中为图片建立热区1、启动DreamweaverMX(其他版本请模仿操作),打开需要建立图片热区域的网页文件,选择相应的图片时,属性面板自动切换到图片属性状态(如图1)。2、选择热区类型(如椭圆),在照片上拉出热区(参照图1),热区相当于在照片上追加图形层,像调整照片一样,可以用鼠标调整热区的大小和位置。关于网站建设3、在链接右侧的框架中输入链接的网站在替代后的框架中输入说明文字(例如天极网)的目标右侧的下拉按钮,在之后出现的下拉列表中选择链接页面的打开方式(如果需要在新窗口打开链接的页面,则选择_blank选项)。注意:输入在替代框中的文字,以后浏览网页时,鼠标指向该热区时,在网页上显示文字(如图2)。4、重复上述2、3步操作,在图片的不同部位建立多个热区。在FrontPage2003中为图像建立热区1、启动FrontPage2003,打开需要建立图像热区域的网页文件。2、执行视图→工具栏→图像命令,展开图像工具栏3、选择热区类型(例如长方形),在图像上拉出热区时,系统会自动弹出插入超链接对话框4、在地址栏中输入链接的网站点击屏幕提示按钮打开设置屏幕超链接提示对话框,输入说明文字注意:这里的屏幕提示与Dreamweavermx替代功能相同。4、同样,重复上述3、4步的操作,可以在图像的不同部分建立多个热区。