踏青网 > 社会 > 正文

​DW学习方法和技巧分享,赶紧收藏

2026-01-31 16:19 来源:踏青网 点击:

DW学习方法和技巧分享,赶紧收藏

Adobe Dreamweaver,简称“DW”,是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

DW分为HTML、CSS、JavaScript等内容。因为内容较多,为大家简单讲一下HTML,文末附送学习教程哦~

HTML文档的基本结构

根控制标记

头控制标记

标题标记

头控制标记

网页显示区域(即内容)

根控制标记

大家不用担心这些编码记不住,其实DW的软件早就帮我们编写好了基本结构。当我们打开DW时,点击新建文件,即出现了基本结构,如下图。

为了方便大家更好的了解,我做了简单的示范。

效果☟

我们看到图片中的标题,即“智者有智”不是很好看,那么,我们要怎么修改他的属性,让他看起来更加美观呢?

如果我想让他居中,只需要在的后面打上"<",再输入居中(center)的第一个字母就可以找到居中啦。

但是最最最最重要的一点是,要再标题的后面再输入"<",他会自动生成

,只有这样,他才能居中,不然他是没有效果的。

DW常用属性

单元格跨越多列:colspan=“”

单元格跨列多行:rowspan=“”

定义表格宽度:width=“”

定义表格高度:height=“”

对齐方式:align=“”

边框宽度:border=“”

背景色:bgcolor=“”

边框颜色:bordercolor=“”

强制换行:

段落标识:

...

空格:ctrl+shift+空格键

图片链接地址:src=”“

背景音乐:

循环次数:loop=”“

媒体播放块:

自动播放:

音频:

视频:

滚动部分:

表单:

输入控件的类型:type=""

文本框:

密码框:

提交按钮:

复选框:

单选框:

重置按钮:

图片按钮:

隐藏域:

按钮:

预览文件:

居中:

文章仅展示基本方法,送你专门的全套学习教程可以领取喔