|
- 帖子
- 235
- 积分
- 410
- 威望
- 572
- 金钱
- 372
- 在线时间
- 3 小时
|
由于HTML语言编写的文件是标准的ASCII文本文件，因此可以使用任意一个文本编辑器来打开并编写HTML文件，例如Windows系统中自带的记事本．如果使用Dreamweaver等软件，则能以可视化的方式进行网页的编辑制作．
使用记事本编写
实例：使用记事本编写HTML页面
操作步骤：
１.单击＂开始＞所有程序＞附件＞记事本＂命令，打开＂记事本＂程序．
２.在记事本中直接输入下面的HTML代码：
<html>
<!--声明HTML页面开始-->
<head>
<!--声明HTML头部开始-->
</head>
<!--声明HTML头部结束-->
<body>
<!--声明HTML主体开始-->
第一个HTML文件
</body>
<!--声明HTML主体结束-->
</html>
<!--声明HTML页面结束-->
３.单击记事本菜单栏中的＂文件＞保存＂命令，弹出＂另存为＂对话框．
４.在＂保存类型＂中选择＂所有文件＂，＂编码＂为ANSI，＂文件名＂为1-end.htm，单击＂保存＂按钮．
５.关闭记事本，回到存盘的文件夹，双击1-end.htm文件，可以在浏览器中看见最终的页面效果．
使用Dreamweaver制作页面
实例：使用Dreamweaver制作页面
操作步骤：
１.单击＂开始＞所有程序＞Macromedia＞Macromedia Dreamweaver8＂命令，启动软件的主程序．
２.单击＂创建新项目＂中的HTML，进入页面编辑窗口．
在Dreamweaver8软件的主编辑环境中，视图分为＂代码视图＂ ＂代码和设计视图＂和＂设计视图＂３种．
代码视图：在可视化网页的背后可以控制网页的源代码，如果想查看或编辑源代码，可以进入该视图．
设计视图：Dreamweaver是可视化的网页编辑软件，所以设计视图是最常用的．设计视图中看到的网页外观和浏览器中看到的基本上是一致的．
代码和设计视图：在这种视图下，编辑窗口被分割成了上下两部分，上面显示的是源代码视图，下面是可视化视图，这样就可以在选择和编辑源代码时即时地在可视化视图中看到结构．
Dreamweaver默认进入的是代码和设计视图，可以看到，软件上半部分的代码视图和下半部分的设计视图是互相联系 密不可分的，在代码视图中所做的任何修改都会影响到设计视图，反之亦然．
３.在空白的位置输入"Dreamweaver制作的最简单的页面＂文字，以此作为页面的正文．
４.单击＂文件＂菜单下的＂保存＂命令，在对话框中选择存盘的位置，按照前面介绍的方法将文件命名为2-end.htm，然后单击＂保存＂按钮，这样就又制作完成了一个页面．
５.关闭Dreamweaver，回到存盘的文件夹，双击2-end.htm文件，可以在浏览器中看到最终的页面效果． |
|
发表于 2009-9-12 07:20
| 