html代码可以在dw用吗,HTML基础DW使用教程(示例代码)

1、打开文件拓展名:

方法一.打开计算机→组→文件夹和搜索选项→查看,把隐藏拓展名的勾取掉。

方法二.打开计算机→文件夹选项→查看,把隐藏拓展名的勾取掉。

aee56f7de1a068094c727f4d43f28283.png

a9fd8e46224aefc65c025504421c10cb.png

4057ef473664e2cbe08380643558bec4.png

0cd344c7d069ed941dfb40572e5d7181.png

2.桌面新建一个记事本,把.txt后缀改成HTML。

ead8fe8f4cad44b7e01800f820f2accc.png

3.右键打开方式,使用安装好的DW打开文件(不会安装的自行百度)

d25b648c8e0054d26c58750ea5e17731.png

4.使用DW编辑文件.选到代码,不要在设计里面写代码。

7ac4da3bff6bbd4232ecae9e735c0066.png

那么现在正文来了,正确的使用DW编写HTML网页。

选择站点管理→新建站点→填写项目名字→选择网站文件存放的位置(文件路径不要有中文)→一直下一步到直到完成。

e3531d46e9f9b7ab28ad1109951e45ee.png

1155b491f855784ce0cb659795dc921a.png

ebad9a97f0688ff2cad599546a80bfbd.png  

dbb728d382b4a964cb408223b07e9367.png

64596ef657f0d8153f31205684b90aa5.png    

e466e3694b960902398197108e23248d.png

在DW界面左下角(DW8是在左下角,老版本是在右下角)→右键新建文件夹→新建文件。

新建 三个文件夹一个文件 文件夹:images、js、style   一个文件:index.html;images放图片的文件夹、js放JS文件的、style放CSS文件的

578f1abb8efcd9f93bdbac2087537090.png

07d86a47f7f4e00eac742d7c172802db.png

双击index.html

来到这里就可以大胆的写代码了哦!

1640ab720b84846a2ffe543da4b8ede8.png

DW加入js、css、图片、跳转链接:

先将图片、js、css放在站点的对应的目录里

在DW文件里刷新一下展开后将文件拖到代码里面正确的标签下。

js、css文件拖到代码head标签里面;图片、链接 要放在你需要放的代码位置

fb12a5d0ef5804f70c2a57bcebb5c029.png

4b0e77b3b3918258222d955f2d67ecd1.png

c6f18e8a37310d7e1f5ae7df82288251.png

要是HTML写好了或者想看一下效果,怎么操作快捷一点呢?

选择DW上面的小地球,编辑,选择你电脑上的常用的浏览器(不要它默认的IE)

370f33c7644c62fa3b490c99d7cab6f3.png

a8622abe7e60ecbc9c3b44b96504e578.png

b4702ef2ff088813ae5b82ca10a90568.png

8baf024375dd5e02abd05095e74577a5.png

11f9b5fe6e606252a2a6b9c7de4bd1be.png

其实这类教程用视频来做就非常合适,更能让人明白,里面有两个小错误,细心的会发现后面被纠正了我没有写出来;放心的是方法是正确的,平时不用DW8的;

好了,文章就写到这里了,不论怎么样 记得坚持学习下去哦。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值