HTML5网页编辑器的设置和使用

网页编辑器是书写html、css等代码的工具软件。一般常用的网页编辑器有dreamweaver、sublime text、webstorm、hbulider等，如图1.8所示为常用的网页编辑器的图标。本教材采用dreamweaver网页编辑器 版本为cs6。dreamweaver简称“dw”，具备好的代码提示功能和强大的辅助操作，因此它非常容易上手，是一款适合初学者学习和使用的网页编辑器。下面和千锋广州html5小编一起来看看吧！
接下来讲解如何使用dreamweaver网页编辑器进行网页编程，软件的安装不再介绍，直接讲解软件安装后如何使用。
运行dw软件，进入软件界面， 选择菜单栏中【文件】→【新建】，打开新建文档窗口，在【文档类型】下拉列表中选择html5，单击【创建】按钮，如图所示，即可创建一个空白的html文档。
新建文档窗口
空白html文档
为了让初学者更好的使用dw工具，需要对dw进行一些初始化的设置，具体如下：
a) 工作区布局设置
运行dw软件，进入软件界面，将布局设置成统一的模式，选择菜单栏中选择【窗口】→【工作区布局(w)】→【经典】，如图。
初始化工作区布局
2. 必备面板
设置经典模式后，需要调出三个常用的面板，分别选择菜单栏【窗口】菜单下的【插入】、【属性】、【文件】3个命令，如图所示。
初始化必备面板
3. 新建默认文档设置
选择菜单栏中【编辑】→【选参数】(ctrl+u)，选中左侧【分类】中的【新建文档】，右边就会出现相应的设置，选择最常用的html文档类型和编码类型，本书设置为html5，如图所示。
默认文档设置
新建文档的选参数设置后，新建html文档时，dw就会按照默认文档设置直接生成所需的代码。
4. 浏览器设置
初学者计算机必备ie浏览器和chrome浏览器，建议讲dw的默认预览浏览器设置为“chrome浏览器”，快捷键f12是使用主浏览器预览网页，一般把ie浏览器设为次浏览器，快捷键ctrl+f12，如图所示。
默认浏览器设置
5. 代码提示
为了加快写代码的速度，会用到代码提示，dw中就有强大的代码提示的功能，只需在【选参数】对话框中设置代码提示，选择【代码提示】选项，然后选中【结束标签】选项中的第二项，单击【确定】按钮即可，如图所示。


说说新网络时代下企业的网站建设需求
云服务器有哪些功能
响应式网站建设的特点是什么？对企业来说有哪些帮助？
这几点误区足矣让你在网站推广中“前功尽弃”
网站开发注意这些事项让网站更出彩
政府网站绩效评估主体、模式及评估方式选择研究
百度指数在企业建站中的应用
三个方法提高网站关键词排名