dreamweaver教程Dreamweaver cs6 网页设计教程




dreamweaver教程Dreamweaver cs6 网页设计教程

2022-07-20 21:33:40 网络知识 官方管理员

一、新建一个站点

dreamweaver教程(Dreamweavercs6网页设计教程)(1)

二、设置站点的服务器和图片存储路径

1.设置图片存储路径:点击上图的管理站点弹出下图界面

dreamweaver教程(Dreamweavercs6网页设计教程)(2)

dreamweaver教程(Dreamweavercs6网页设计教程)(3)

2.设置服务器:

dreamweaver教程(Dreamweavercs6网页设计教程)(4)

三.新建一个HTML文件,修改页面属性:

1.打开页面属性:

dreamweaver教程(Dreamweavercs6网页设计教程)(5)

2.选择标题编码项,文档类型选择HTML5

dreamweaver教程(Dreamweavercs6网页设计教程)(6)

3.配置首选参数,这样新建的HTML文件会默认使用HTML5格式

dreamweaver教程(Dreamweavercs6网页设计教程)(7)

dreamweaver教程(Dreamweavercs6网页设计教程)(8)

四、代码缩进快捷键:

dreamweaver教程(Dreamweavercs6网页设计教程)(9)

五、HTML知识:

1.标题:标题有h1到h6几种样式,都是单独一行,字体加粗变大的效果,h1最大,h6最小

示例:<h1></h1>

2.段落:<p></p>

换行:<br/>

3.加粗:<b></b><strong></strong>语法强调

倾斜:<i></i><em></em>语法强调

下划线:<u></u><ins></ins>语法强调

4.大号字体:<big></big>

小号字体:<small></small>

水平分割线:<hr/>

5.文本标记:<span></span>

6.项目列表:<ul>

<li></li>

</ul>

7.编号列表:<ol>自动排序

<li></li>

</ol>

8.列表项:<dl>

<dt></dt>分组,dt和dd是并列关系

<dd></dd>

</dl>

9.使用表格:<tabel width="600"height="600"border="1">表格的宽和高,边框

<caption></caption>表格的标题

<tr>表格的行

<td></td>表格的列

</tr>

</tabel>

10.定义书签:<ahref="#dibu"></a>创建链接,跳转到页面底部

<aname="dibu"></a>在代码底部创建链接

11.播放音频:<embedsrc="" width="0"height="0"></embed>

六、CSS样式表:

1.链接CSS文件:<linkrel="stylesheet"href=""/>stylesheet是样式表的意思

发表评论:

最近发表
网站分类
标签列表