新建一个html代码页面,三分钟教你创建一个简单的网页

原标题:三分钟教你创建一个简单的网页

前沿:我们都是当代科技时代的见证者,SO 我们怎么能不会点技术,不会点技术在這个科技以及数据爆发的时代,不被累死就被饿死;下面小编就教你创建并编写一个属于自己简单的网页。

1bde174d06043d5c8fa09650ba822460.png

我们這里为方便大家掌握代码我们采用的工具是:Adobe Dreamweaver CC 2015

素材可为任意图片或者文档,废话不多说,我们现在开始

1.首先打开 开发软件Dreamweaver,打开后第一个画面图片如下:

bd668b458412829e18c2739595e33c88.png

2.然后我们单击软件中也就是上图中所显示的HTML按钮(红色方框中),图片如下:

19ab809ff91ef411eb8160113a40ec6d.png

3.在出现的画面中点击确定按钮,我们就可以开始编写程序代码啦。

3a545a9b0a8a4b0f9e5523122bc62505.png

4.這就是我们编写代码的窗口啦,其中有软件以及为预设好了的代码,这样就不用去手写了,因为这些代码都是必须要有的。在图中有红色框中的位置是属于我们在浏览器中看到的标题文字,也是当前页面的标题文字。第二张图有图解。

962c5440c9d14f5b9cc05ddc400ef40a.octet-stream

c27ac7a4b955a24ab36a482083cfd7f4.png

5.在這里我们起名为:‘我的首页’,相对应代码为“title我的首页/title”

6d5356f8d16d4c4c89ae3903db030555.octet-stream

6.好的,现在标题弄好了,咋们就该做,浏览器里面可看见的内容啦;浏览器内容是在代码的body/body进行实现的,下面我们开始。

68f51d40d4c72b3b0104d3a178c65e9b.png

7.好了我们的内容页也简单完成了,现在我们保存一下,用浏览器打开进行预览。

55bc39e80ac795dfa834f07b743ef1d7.png

8.现在我们就用浏览器打开看看效果:

944b9a76e06ef5b3b5d7535bec724fd5.png

好了這就是简单的一个网页的创建过程,如果你还想知道更多或者学习更多东西,欢迎订阅并关注【人工智能未来科技】微信公众号,有更多技术文章和论坛等待你得加入。

责任编辑:

  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值