店铺装修- DW软件与HTML图文教程发布时间：2021年10月26日 17:36
虎课网为您提供字体设计版块下的店铺装修- DW软件与HTML图文教程，本篇教程使用软件为DW（CC2016），难度等级为初级练习，下面开始学习这节课的内容吧！
本篇教程学习的是店铺装修-DW软件与HTML，喜欢的一起来学习吧。
那我们开始今天的教程吧。
1.Dreamweaver也是Adobe公司开发的，可以使用PS切图，切完图之后可以直接生成HTML代码，也就是说用PS生成的文件，用Dreamweaver编辑的时候也是非常方便的。
2.Dreamweaver是非常常用的编辑代码的工具，在不用写代码的情况下，可以生成一段自动代码，把代码扔到店铺的模块里面去，直接可以显示想要的效果。
3.可以在百度上搜索【Dreamweaver CC】，就有很多的下载地址，可以根据介绍进行安装了，在虎课网里也有相应的介绍。
4.打开【Dreamweaver CC】，点击【HTML】，在软件界面里有【拆分】和【设计】，以后用的最多的是【拆分】，一般在这里写东西，自动会在代码中生成。
5.比如输入【店铺装修】，框选之后，点击【加粗】，就会生成一个代码，多了一个【Strong】标签，可以把这个代码复制，来到装修模块，就可以实现装修效果。
6.【html】标签叫做html代码，使用DW软件主要是编辑html代码的，html代码就是网页显示的主体的语言，打开任何一个网页，看到的任何东西都是html代码，右键【查看网页源代码】，都会有【html】标签，这个就是网页上通用的内容。
7.HTML就是超文本标记语言，这个就是在浏览器上显示的语言，学会HTML结构，在装修的时候就非常简单快捷了，在HTML百科里面会有很多文档的信息，可以自己去读一下。
8.首先看页面的组成部分，第一行是【doctype html】，这个就是网页协议，可以不用管，代码是【<】开始和【>】结尾，这个是它的格式，里面写上【html】，在代码里面是忽略空格和回车的。
9.在结尾处写上【</】会自动补全代码，所有的内容都包含在这两个的里面，在里面有两个子元素，【<head></head>】这个是头部信息，还有一个是【<body></body>】。
10.在头部里面又包含一个子级，【<title></title>】，写一个【店铺装修】，在预览的时候，标题就变成【店铺装修】了。
11.网页中所显示的内容，有的字比较大，有的字比较小，有的字显示蓝色，而且页面中还有图片，这些东西都在【body】当中了。
12.在【body】里面输入内容，主体中就有这么一个内容了，所有学习的重点都在【body】中。
13.【h1】是标题1的意思，把字包含起来，在浏览器里刷新一下，文字就变大而且加粗了，输入【<h1 style="color:red">】刷新，颜色就变成红色了，代码就执行这样的内容。
14.输入【<img src=""/>】，把图片的链接地址复制一下，粘贴，在空白处点击一下，一张图片就插入进来了。
15.这个页面装修的样子都是通过堆代码堆过来的，无论页面多么复杂，只要会了代码之后，做一些复杂的页面也是非常简单的。
以上就是店铺装修- DW软件与HTML图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！
站内热门
- 扫码下载APP
- 官方微信
