网站设计与管理作业一

网站设计与管理作业一

ID:36422289

大小:548.00 KB

页数:31页

时间:2019-05-09

网站设计与管理作业一_第1页
网站设计与管理作业一_第2页
网站设计与管理作业一_第3页
网站设计与管理作业一_第4页
网站设计与管理作业一_第5页
资源描述:

《网站设计与管理作业一》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、作业一网站设计与管理题目一什么是鼠标经过图像?如何制作鼠标经过图像?对选取的图像素材有什么要求(出自第二单元)在网页中插入图片不仅能起到美化页面的作用,而且图片能更加直观地表现网页的内容。在网页中的图像一般有两种存在方式,一是作为网页的内容,二是作为网页或其他对象的背景。在网页中插入图像的格式主要有GIF、JPG和PNG3种。添加图像★常用图像格式(1)GIF图像格式GIF是网页中大量使用的图片格式之一,该格式的图像文件相当小,并且还可以在网页中以透明的方式显示,但是它最多只能储存256色,所以通常用来显示简单图像及字体。如果图像颜色比较丰富,使用该格式会使图像颜色

2、丢失。(2)JPEG图像格式也称为JPG,该格式支持24位真彩色,它精确地记录每一个像素的亮度。在压缩时可以最大限度地保证图像质量,并且文件变小的同时基本不失真,通常用于显示照片等。(3)PNG图像格式PNG格式是一种新兴的网络图像格式,它汲取了JPEG和GIF两者的优点,存储形式丰富,兼有GIF和JPEG的色彩模式;它的另一个特点是把图像文件压缩到极限,以利于网络传输,但又能保留所有与图像品质有关的信息;它的第三个特点是显示速度很快;第四,PNG同样支持透明图像的制作。★插入图像(1)直接插入图像直接插入图像就是将图像直接插入到网页中,它是网页中最常用的图像插入方

3、式,在插入图像时通常将要插入的图像事先保存在站点的某文件夹中,再在Dreamweaver中插入图像。操作方法:首先将鼠标定位在需要插入图像的位置,然后执行“插入

4、图像”命令或利用【常用】选项卡中的图像按钮,打开“选择图像源文件”对话框,在对话框中选择图像文件。(2)使用占位符插入图像在网页制作过程中,如果还没想好要插入什么图像时,可以插入图像占位符来解决这个问题。图像占位符在网页中只占据一个位置,当确定插入的图像后再使用图像占位符将图像插入。操作方法:首先将鼠标定位在要插入图像的位置,然后执行“插入

5、图像对象

6、图像占位符”命令或利用【常用】选项卡中的图像按钮,打开“

7、图像占位符”对话框,在对话框中设置图像占位符的“名称”、“宽度”等属性,单击“确定”按钮,插入占位符。双击图像占位符,即可打开“选择图像源文件”对话框进行图像插入。★创建鼠标经过图像鼠标经过图像是一种动态图像效果,它由原始图像和替换图像两部分组成。在浏览器中浏览网页时,当鼠标光标移动到原始图像上时将显示替换图像,鼠标移出图像范围时将显示原始图像。在创建鼠标经过图像之前,需要先准备两幅图像(原始图像和替换图像),且两幅图像大小相同,当图像大小不一致时,Dreamweaver将自动把图像大小调整为一致。★添加背景颜色或图像操作方法:在属性面板中选择“页面属性”按钮,然后

8、在打开的对话框中选择“外观”,在“背景颜色”栏中选择输入所需的背景颜色或在“背景图像”栏中选择所需的背景图片。★设置图像属性在网页中插入图像后,有时还需要对图像进行设置,如设置图像大小、源文件位置、链接和对齐方式等。选择要设置属性的图像后,在属性面板中即可设置图像属性。(1)命名图像名称在属性面板的“图像”文本框中可以命名或重命名图像。(2)添加替换文本在浏览网页时,为了显示图像说明,可以在“替换”下拉列表框中输入图像说明。当鼠标光标移动到该图像上或当图片在网页中无法显示时,会在图像所在位置显示该图像的说明。(3)设置图像的对齐方式通常情况下,图片是和文本排列在一起

9、的,所以图片的对齐方式是根据文本的相对位置进行划分的。在属性面板中的“对齐”下拉列表框中可以选择对齐方式。(4)设置边距在属性面板的“垂直边距”和“水平边距”文本框中可以设置图像与文本的边距。“垂直边距”通常用于设置图像顶部和底部与文本之间的距离;“水平边距”通常用于设置图像左侧和右侧与文本之间的距离。(5)改变图像大小改变图像大小的方法有两种:一是通过属性面板进行修改,二是通过拖动来实现。小技巧:在利用拖动控制点改变图像宽度和高度时,可以同时按下Shift键来控制拖放比例,以保证不失真。题目二层的初始可见性设置选项有几种?他们的含义分别是什么?(出自第三单元)层的

10、使用层是HTML中的一种页面元素,也是页面中元素的容器借助层可以实现页面元素的精确定位,层在网页中的位置是不受限制的,可以放置在页面的任何位置在一个网页中可以通过层的重叠和设置层的可见性来实现一些特殊效果创建层(1)创建普通层方法一:执行“插入

11、布局对象

12、APdiv”命令;方法二:在布局工具栏中单击“绘制层”按钮。小技巧:单击绘制层按钮,按下Ctrl键不放,在文档窗口中就可以连续绘制出多个不同的层。创建层(2)创建嵌套层在网页中,层可以进行嵌套。在层内部创建的层称为嵌套层或子层,嵌套在层外部的层称为父层。子层与父层有如下特点:子层与父层可以重叠,也可以不重叠。子

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。