视频: 3.1 DW 新建HTML、CSS、布局文档 2024
您可以使用Dreamweaver的“新建文档”窗口创建一个新的HTML页面,该窗口提供比欢迎屏幕更多的选项,包括访问您创建的任何模板Dreamweaver以及预先设计的布局的集合,这可以让您在设计上有一个良好的开端。
您可以使用“新建文档”窗口创建多种文件,并且可以混合和匹配选项。起初这种多功能性可能会让人困惑,因为你有这么多的选择。在Dreamweaver CC中,此对话框已经过简化,因此您只需从三个部分的每一个中选择一个选项即可。
<!要创建新的HTML页面,请按照下列步骤操作:选择“文件”→“新建”。 <新建文档>窗口打开。在最左边的第一部分中,您可以选择要创建的页面类型:
-
空白页面:
选择此选项可创建HTML页面以及更复杂的PHP或JSP格式的页面。
-
流体网格布局: 此选项打开流体网格布局功能,您可以使用该功能创建响应式网页设计,以便自动调整到不同的屏幕尺寸。
-
-
网站模板: 选择此选项可使用jQuery Mobile创建可自定义的移动Web应用程序设计。
-
从屏幕左侧,选择空白页面。
-
-
在页面类型列表中,选择HTML。
在布局部分中,选择。包含的布局提供了使用CSS设计HTML页面的开端。 -
如果要更改文档类型,请使用DocType旁边的下拉列表。
-
默认情况下,Dreamweaver CC使用HTML 5创建页面,大多数设计者认为这是当今网页的最佳选择。如果您正在使用较早版本的HTML的网站(例如XHTML 1.0 Transitional),请务必更改此设置。
点击窗口右下方的创建。 <新建文档>窗口关闭,并在工作区中创建并打开新的空白页面。
-
注意:
如果您使用的是Macintosh,则交换“创建”和“取消”按钮。
-
选择文件→保存以保存您的页面并为其指定文件名。
Dreamweaver会自动将所有新文件命名为Untitled,然后按创建的顺序依次为1,2等等。习惯于给你的文件名称有更多的含义给你。另外请注意,网站中的文件名不应包含空格或特殊字符(尽管连字符和下划线都可以)。
即使页面仍然是空白的,尽快创建它们,习惯于在本地站点文件夹中保存新的网页。在创建链接或将图像添加到页面时,Dreamweaver需要能够在站点文件夹中标识页面的位置。首先保存一个页面是最好的,因为许多Dreamweaver功能在保存页面之前将不起作用。