Dreamweaver——HTML新手入门

       今天为大师带来的是 Dreamweaver编程软件的新手入门教程,这是一条目网页设计软件,可以经由过程代码来建造网页 。

需要这些哦
一台拥有XP及更高系统的电脑(台式或笔记本)
Dreamweaver编程软件
方式/
1【Dreamweaver——HTML新手入门】起首;我们打开DW的本家儿界面(如图) 。

Dreamweaver——HTML新手入门

文章插图

2找到HTML并双击打开 。

Dreamweaver——HTML新手入门

文章插图

3      这就是Dearmweaver的编程界面,我们可以看到有几个按钮,然后打开“代码”界面 。

Dreamweaver——HTML新手入门

文章插图

4      代码界面中,像 <body>、<head>、 <turtle>如许的由尖括号括起来的叫做标签,我们一般在<body>里面输入其他标签和代码,每一个标签里的内容竣事时要用</xxx>(xxx为要竣事的标签)为结从头至尾 。

Dreamweaver——HTML新手入门

文章插图

5       新手常用的标签有<hx>(x为数字1-5,调整字体大小)、<input>(输入框)、<a>(超链接)、<button>(按钮)等,在标签里面空格,再继续输入代码可以更改标签的属性,<div align="center">可以使内容居中显示,在body后面空格输入bgcolor="xxxx"可更改布景颜色(xxx为要更改颜色的英文单词) 。 这是一个用上面介绍的标签做出的简略单纯网页 。

Dreamweaver——HTML新手入门

文章插图

6       做好之后找到屏幕上方的浏览器标识,可以选择浏览器运行所做的网页,或者可以F12快捷键直接利用默认浏览器打开 。

Dreamweaver——HTML新手入门

文章插图

7然后就可以运行网页了 。

Dreamweaver——HTML新手入门

文章插图

注重事项所保留的文件为.html文件,若是要查看代码请打升网页后右键查看源代码 。
建议每利用半小时保留一次,以免文件丢掉 。

以上内容就是Dreamweaver——HTML新手入门的内容啦,希望对你有所帮助哦!

    推荐阅读