HTML站点介绍&利用Dreamweaver进行映射

学HTML5的第一个作业居然是用Dreamweaver创建一个站点然后打包上传，emmm…干脆把写过程写成一个教程叭。
注：Dreamweaver是一个付费软件，当然，你要是在网上找别人的也有，但是一定要注意木马问题，毕竟不是官方的程序。受政策原因是不能发链接分享的，有问题私聊吧。
考虑很久，为了方便学习，还是补上这个帖子，要工具去这个位置拿吧
传送门链接

网站站点

Dreamweaver可以用于创建单个网页，但在大多数情况下，是将这些单独的网页组合起来成为站点。Dreamweaver不仅提供了网页编辑特性，而且带有强大的站点管理功能。

什么是站点

Dreamweaver中的站点包括本地站点、远程站点和测试站点3类。
注意：静态网页是标准的HTML文件，采用HTML编写，是通过HTTP在服务器端和客户端之间传输的纯文本文件，其拓展名是htm或html。动态网页以.asp、.jsp、.php等形式为后缀，以数据库技术为基础，含有程序代码，是可以实现如用户注册、在线调查、订单管理等功能的网页文件。

站点及目录的作用

站点是用来存储一个网站的所有文件的，这些文件包括网页html文件、图片文件、服务器端处理程序、音频文件和视频文件等。

合理创建目录

站点的目录结构与站点的内容多少有关。
在设计网站目录机构时，应该注意以下几点：

• （1） 无论站点的大小，都应该创建一定规模的目录结构，不要把所有的文件都存放在站点的根目录中。如果把很多文件都放在根目录中，很容易造成文件管理的混乱，影响工作效率，也容易发送错误。
• （2） 按模块及其内容创建子目录。
• （3） 目录层次不要太深，一般控制在5级以内。
• （4） 不要使用中文目录名，防止因此而引起的链接和浏览错误。
• （5） 为首页建立文件夹，用于存放网站首页中的各种文件，首页使用率最高，为它单独建一个文件夹很有必要。
• （6） 目录名应能反映目录中的内容，方便管理维护。

---

站点的创建

先在一个位置创建一个文件夹，英文命名后在其下面创建images和style子文件夹，分别用来存放图片和CSS样式文件。

为什么要这么做呢？这是一个习惯问题，你创建站点时也可以一堆文件放一块儿，但是为了方便整理，一家人就是要整整齐齐，分门别类的放好。好习惯要从一开始培养。
接下来，打开以下Dreamweaver（简称DW）：

在菜单处打开站点选项卡下的新建站点：


然后找到你刚刚组建的文件夹：

对站点名称进行命名后进行保存即可。
本以为作业这样就好了，谁知道老师说，你还需要再创建一个网页才行。那么继续
利用快捷键Ctrl键+N进行新建：

什么也不用管，创建就对咯。当当当当，喜提几行代码与一个空白网页：

新建是建了，但是你仔细看，右侧没有发现网页的文件，对咯，你还没有保存
保存的快捷键是Ctrl键+S，对文件名进行修改后便可以保存（不修改也可以的）

这样右侧才会出现你说创建的网页

做网页要记得实时保存，大忌呀，刚学那会不知道，写一半没保存停电就啥都没了，又得加时间自己重新做，如果这是一个后期的大项目呢？那岂不是损失巨大？写后保存是个好习惯，请牢记Ctrl键+S保存。
然后呢？这是站点的介绍，就结束啦，后面再讲标签叭。

---

同为小白，有问题欢迎指出纠正。
转载注明出处。