（一）复习第一课：安装软件，建立第一个站点

本项目：使用Dreamweaver2021开发，常用快捷方式有：调试（F12）、刷新F5

一、首先下载好Dreamweaver2021，这里是网站找了一个免费破解版，你可以搜下百度，下载下来，打开如下所示：

二、为了方便调试，我们建立一个站点，首先在本地找个目录存放站点，例如下：

三、下一步在工具中建立站点，新建站点，按照下面提示操作：

四、管理站点，可以设置上传的服务器信息、默认图片存放地址等。

五、编辑》首选项》可以进行窗体的样式的各种设置。

六、新建一个HTML文件，默认格式如下，这里添加了注释方便记住：

七、快捷键

1. 输入“！”，按enter：快速建立HTML界面；
2. 按住shift+enter：换行；
3. 输入标签首字母（例如p）按tab：快速创建标签；
4. 输入标签（例如p.a）按tab：快速创建标签并带类名；
5. 输入ctrl+D：复制一行；
6. 输入ctrl+/：添加注释；

7. <ul>
       <li><a href=""></a></li>
   </ul>

   如果要写上面的标签，直接写
   ul>li>a 然后按Tap键盘，就可以快速构建

8. <ul>
       <li><a href=""></a></li>
       <li><a href=""></a></li>
       <li><a href=""></a></li>
   </ul>
   ul>(li>a)*3 然后按Tap键，就可以快速撰写

9. <ul>
       <li><a href="#"></a></li>
       <li><a href="#"></a></li>
       <li><a href="#"></a></li>
   </ul>
   ul>(li>a[#])*3    然后按Tap键，就可以快速撰写

   不同的属性：
   ul>(li>a[click="#"])*3

   <ul>
       <li><a href="" click="#"></a></li>
       <li><a href="" click="#"></a></li>
       <li><a href="" click="#"></a></li>
   </ul>