4221学习网
首页 | 网址大全 | 脑力倍增 | 电脑学院 | 学习方法 | 英语学习 | 口才交际 | 工作职场 | 成功励志 | 文学小说 | 视频教程 | 视频短片 | 下载中心 | NBA | 奥运 | 图片专区 | QQ·技巧 | 游戏技巧 | 恋爱技巧 | 谈天说地 | 专题教程 | 4221论坛
热门关键字: 视频教程  百家讲坛  美女  记忆力  疯狂英语
 → 当前位置:4221学习网>电脑学院>网页制作>Dreamweaver教程>正文

插入图形

4221学习网 2007-09-28 来源:互联网 收藏本文

训练30小时,让阅读提速5-10倍!---速读记忆训练软件免费下载!(点击下载)

一个页面光有文本是无法吸引人的,下面我们插入一幅图片,使页面更加生动,图文并茂。

  为了保持良好的制作习惯,我们在D:\myweb下建立一个名为“img”的文件夹,将主页中需要的图片都放在这个文件夹下。

图1 站点管理器

 

  我们可以用PhotoShop、Fireworks等图形工具处理好一些图片,将图片放在img文件夹下,为提高主页下载速度,可将图片存为gif或jpg格式。

  将光标定位在正文段落中,单击“Object 面板”中的“Insert Image”按钮,在弹出的对话框中选定图片,点“Select”按钮,图片被插入到文档中(图3)

  此时图片将段落挤开了,我们可以对其对齐方式进行设置。图片处于选中状态时,属性面板中显示的是图片属性,单击“Align”下拉列表框,选择“Right”,看,图和文字混排了(图4)

插入图形    设置图片右对齐

图3 插入图形               图4 设置图片右对齐

 

  是不是觉得图和文字排得太挤了,那好,我们给图片和文字间加点距离。在“属性面板”中的“H Space”框中输入10,敲下回车,图的左右各出现10个像素的间距。同样,我们可以在“V Space”框中也输入适当的数值,使图的上下也与文字有一定的间距(图5)

设置图片与文字间距

图5 设置图片与文字间距

  有的上网者为了加快页面下载速度,会设置不让图片显示,这时我们可以给图形加个说明文字(图6)

图6 设置图片与文字间距

  在属性面板中的“ALT”框中输入“我的形象”,这样在用户浏览器不支持图形时,在这个图片的位置会出现所加的注释;如果浏览器支持图片,将鼠标停在这个图片上一小会儿,也会出现这行说明文字

  多为上网者考虑,要养成给图形加ALT的好习惯。

上一篇:加超级链接   下一篇:添加网页文字
添加到google书签 digg this! 添加到bolaa 添加到yahoo+ 添加到新浪vivi 添加到365key  
收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭

相关文章
·加超级链接
·添加网页文字
·标题和页边距设置
·定义一个本地站点
·(1)插入Flash动画
·软件界面介绍
·6)加入关键字
·什么是Dreamweaver
·3、细化和完善网页
·Dreamweaver中层的应用技巧
发表评论
要记得去论坛讨论,点击注册新会员) 密码: 匿名评论
评论内容:(请自觉遵守互联网相关政策法规。)
最新文章
·什么是Dreamweaver
·软件界面介绍
·定义一个本地站点
·添加网页文字
·加超级链接
·标题和页边距设置
·(1)插入Flash动画
·6)加入关键字
·3、细化和完善网页
·Dreamweaver中层的应用技巧
本类阅读排行榜
·Dreamweaver中层的应用技巧
·网页设计必须注意的几个问题
·Dreamweaver教程:表格设计
·在网页中实现细线边框的两种方法
·Dreamweaver教程:窗口布局
·标题和页边距设置
·(1)插入Flash动画
·软件界面介绍
·什么是Dreamweaver
·3、细化和完善网页
热点视频教程
视频街舞 舞步 教学
视频windowsxp重装系统视频教程
视频李孝利十分钟详细舞蹈教程
视频美女教你跳舞
视频街舞 舞步 教学2
视频双截棍视频教程-定式
视频如何安装双操作系统
视频韩国的太空步教程,后滑、侧滑、旋转太空
视频【WindowsXP入门教程】 - 硬盘分区
视频台球教程-基本杆法
视频[百家讲坛]三十六计01_借刀杀人
视频24式太极拳教学---基本动作
视频 斯诺克台球竿法-后退球
视频动物世界之决战生死线2
视频超级全脑速读训练教程

设为首页 - 加入收藏 - 关于我们 - 联系我们 - 友情连接

4221学习网版权所有-鄂ICP备07006816号
已浏览: