
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.4 创建第一个网页
了解了HTML文档的基本结构之后,下面我们就来编写第一个最简单的HTML文档。我们可以使用记事本编写,也可以使用Dreamweaver编写。出于刚开始编写HTML文档需要熟悉标签的考虑,我们还是使用之前最熟悉的EditPlus编写HTML文档。使用EditPlus编写如下内容:
<html> <head> <title>使用前端技术展现Web系统</title> </head> <body> <h1 align="center">学习《使用前端技术展现Web系统》课程</h1> </body> </html>
将编写的代码保存为index.html(或.htm后缀)文件,使用浏览器打开该HTML文档,显示结果如图1.4所示。

图1.4 创建第一个网页
如果我们要做专业的前端开发,使用EditPlus作为开发工具其效率是比较低的,为了提高前端开发工作效率,还是建议使用专业、强大的网站开发工具Dreamweaver。Dreamweaver除了能对HTML代码的关键字加亮显示以外,还可以同时显示代码及浏览器展示效果,如图1.5所示。这种所见即所得的工具,当页面内容复杂时,使用它可以大大降低代码编写和维护的难度,从而提高程序员或美工人员开发和维护的效率,降低了项目用工成本,是编写HTML文档不可多得的优秀工具之一。

图1.5 Dreamweaver主界面