首页 > 网站建设 >

网站建设时怎么在网页中插入前端图像

发布时间:2019-09-26 作者:深圳网站建设

  深圳网站建设公司发现一个页面光有文本是无法吸引人的,插入图片会使页面更加生动。
  为了保持良好的制作习惯,在站点所在目录“D:\myweb”下建立一个名为“img”的文件夹,将主页中需要的图片都放在这个文件夹下。可以用PhotoShop、Fireworks等图形工具处理好一些图片,将图片放在“img”文件夹下,为提高主页下载速度,可将图片存为GIF或JPG格式。
1.通过可视化工具插入图像
(1)打开Dreamweaver后,将光标移动到待插入图片的位置,单击一下,进行当前焦点确认。
(2)在Dreamweaver上方的菜单栏中单击“插入”菜单,在弹出的二级菜单中选择“图像”子菜单。
(3)在接下来弹出的选择图片窗口中,选择图片来源于文件系统,然后单击“确定”按钮。
(4)在弹出的浏览框中单击进入存放图片的目录,并通过浏览查找拟插入到网页中的图片。在浏览时,可以通过右侧的图像预览来确定该文件是否是需要的图片文件。
(5)选中需要的图片,单击“确定”按钮。
(6)如果选中的图片不在站点文件夹中,软件会弹出保存文档的提示,这时单击“确定”按钮,接下来把该图片文件复制到站点文件夹中。
(7)在弹出的文件信息中,单击“确定”按钮。
(8)此时可发现,该图像已经插入到页面中了。
2.通过标签插入图像
  在制作网页时,可以使用HTML语言中的<img>标签将图像插入到网页中,从而达到美化页面的效果。
语法:<imgsrc="图像文件的地址">
说明:在该语法中,src参数用来设置图像文件所在的路径,这一路径可以是相对路径,也可以是绝对路径。
实例代码如下:<imgsrc="images/spacer.gif">网站建设公司本文关于“网站建设时怎么在网页中插入前端图像”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题:网站建设时怎么在网页中插入前端图像
本文地址:https://www.198bona.com/news/4075.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯