购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.4 创建第一个Web页面

任何一个复杂的网页都是由基本的网页元素构成,下面我们就来看一看如何创建基本的Web页面。

2.4.1 用记事本创建页面

对于一些简单的web页面,完全可以使用记事本完成页面的创建。例如,我们要使用记事本创建一个只显示一段文字的简单页面,就可以按照以下步骤进行操作。

创建一个记事本文件。

修改记事本文件的后缀名为html。

鼠标右键点击新创建的文件,在打开方式中选择以记事本打开文件。 在打开的文件中输入以下代码:

保存文件,这样就完成了一个简单Web页面的制作。

2.4.2 用Dreamweaver创建页面

启动Dreamweaver后,在启动界面中选择“html”图标,如图2.1所示,这样就可以创建一个基本的html文档。另外,通过选择“文件”→“新建”命令,选择“新建HTML文档”也可以创建一个基本的html文档。

使用Dreamweaver创建的html文档与使用记事本创建的html文档有很大的不同。使用记事本创建的html文档,所有的html代码都需要自己输入,而使用Dreamweaver创建的html文档,系统已经默认为用户提供了基本的html文档结构,用户只需要在主体部分添加代码即可。

2.4.3 保存Web页面

在保存Web页面的时候,我们希望根据站点的结构将相关的Web页面保存在相同的文件夹中,这样当某些Web页面中的超链接发生改变的时候,系统会提示更新这些超链接,以保证站点下所有页面都能正常运行。

2.4.4 预览Web页面

在Dreamweaver的设计视图中,我们可以预览网页的效果,但是这种预览并非网页在浏览器中真正的效果,如果要预览Web页面的实际效果,可以单击文本窗口上面的“在浏览器中预览”按钮,这样就可以在浏览器中预览当前的Web页面了,用户还可以根据需要指定在哪种浏览器中进行预览,以适应更多浏览器。 u5onWo5MrhUuSeFnd0g8aJUnL5lfb9/8LHWpRUQ7ww8EbW4YGhdTyOFLIImn1oOU

点击中间区域
呼出菜单
上一章
目录
下一章
×