网页设计教程(Dreamweaver cs6 网页设计教程)

一、新建一个站点



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

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


2.设置服务器:


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

1.打开页面属性:


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


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




四、代码缩进快捷键:


五、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.定义书签:<a href="#dibu"></a> 创建链接,跳转到页面底部

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

设计网页的步骤

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


六、CSS样式表:

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

您可以还会对下面的文章感兴趣

最新评论

  1. 穿越火线
    穿越火线
    发布于:2022-04-27 09:30:54 回复TA
    行:<br /> 3.加粗:<b></b> <strong></strong>语法强调 倾斜:<i>&
  1. 祖传撩妹技
    祖传撩妹技
    发布于:2022-04-27 12:55:28 回复TA
    dibu"></a> 在代码底部创建链接 11.播放音频:<embed src="" width="0" height="0"></em
  1. 凶
    发布于:2022-04-27 09:40:31 回复TA
    宽和高,边框 <caption></caption>表格的标题 <tr> 表格的行 <td></td> 表格的列 </tr> </tabel> 10.定义书签:<a href="#
  1. 支全曼茜
    支全曼茜
    发布于:2022-04-27 04:14:20 回复TA
    真不错
  1. 孔丹莲国
    孔丹莲国
    发布于:2022-04-27 04:14:20 回复TA
    主角配角都能演,台上台下都自在—应对人生,要练就能屈能伸的个性。

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友