使用Dreamweaver进行简单的图文混排2/HTML

实现过程

1 首先我们打开Dreamweaver2021 并点击新建文件

在这里插入图片描述

2 选择文档格式为HTML5,设置标题为“图文混排”
3 将预先下载好的图片重命名并保存在制定的位置

在这里插入图片描述

4 回到Dreamweaver开始编写代码
5 首先我们使用标签插入图片,由于我们将html文件与图片保存在同一个文件夹,故此我们可以直接使用图片的相对路径。

在这里插入图片描述

6 插入图片后使用alt属性对图片进行描述,align属性利用left值使图片靠左,使用hspace属性设置图片左右两侧右30的空白区域,使用width属性将图片尺寸调整到合适大小
<img src="1.jpg" align="left" hspace="20" alt="java">
  • 使用<p>标签插入文本并进行文字的填充
    在这里插入图片描述
7 填充完成文本插入下划线后将字体与字号进行修改
8 保存后使用option+fn+f12使用浏览器预览效果

在这里插入图片描述

###欢迎加入QQ群一同交流学习937864538
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Adobe Dreamweaver是一个功能强大的网页设计工具,可以用来创建HTMLCSS和JS网页。下面是一个简单的步骤指南,帮助您使用Adobe Dreamweaver创建外卖网站: 1. 创建一个新的网站。在Adobe Dreamweaver中,选择“文件”>“新建”>“网站”,然后填写网站信息。您可以选择将网站保存在本地计算机上,或者上传到远程服务器。 2. 创建网站的HTML页面。在Adobe Dreamweaver中,选择“文件”>“新建”>“HTML页面”,然后开始编辑您的网页内容使用HTML标记来创建网页的结构,使用CSS来设置样式。 3. 添加JavaScript代码。在HTML页面中,可以使用<script>标记来添加JavaScript代码。您可以使用JavaScript来创建交互式元素、动画和其他功能,例如注册和登录表单、购物车等。 4. 创建网页布局。使用CSS来设置网页布局。您可以使用CSS网格、弹性盒子和其他布局技术来创建响应式、适应不同屏幕大小的网页布局。 5. 测试和优化网站。在Adobe Dreamweaver中,可以使用内置的浏览器预览功能来查看网站的外观和功能。通过测试和调整,可以优化网站的性能和用户体验。 6. 上传网站到服务器。完成网站的设计和优化后,可以使用Adobe Dreamweaver中的FTP功能将网站上传到远程服务器上,使其可以在互联网上访问。 以上是一个简单的步骤指南,帮助您使用Adobe Dreamweaver创建外卖网站。当然,在实际应用过程中,还需要根据自己的需求和技能来进行具体设计和开发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值