【3.A.S.T】网络安全爱好者's Archiver

黑客学习

良思俊旭 发表于 2009-9-12 07:20

【转载】编写HTML

由于HTML语言编写的文件是标准的ASCII文本文件,因此可以使用任意一个文本编辑器来打开并编写HTML文件,例如Windows系统中自带的记事本.如果使用Dreamweaver等软件,则能以可视化的方式进行网页的编辑制作.

使用记事本编写

实例:使用记事本编写HTML页面

操作步骤:

1.单击"开始>所有程序>附件>记事本"命令,打开"记事本"程序.
2.在记事本中直接输入下面的HTML代码:
<html>
<!--声明HTML页面开始-->

<head>
<!--声明HTML头部开始-->
</head>
<!--声明HTML头部结束-->

<body>
<!--声明HTML主体开始-->
第一个HTML文件
</body>
<!--声明HTML主体结束-->

</html>
<!--声明HTML页面结束-->
3.单击记事本菜单栏中的"文件>保存"命令,弹出"另存为"对话框.
4.在"保存类型"中选择"所有文件","编码"为ANSI,"文件名"为1-end.htm,单击"保存"按钮.
5.关闭记事本,回到存盘的文件夹,双击1-end.htm文件,可以在浏览器中看见最终的页面效果.

使用Dreamweaver制作页面

实例:使用Dreamweaver制作页面

操作步骤:

1.单击"开始>所有程序>Macromedia>Macromedia Dreamweaver8"命令,启动软件的主程序.
2.单击"创建新项目"中的HTML,进入页面编辑窗口.

在Dreamweaver8软件的主编辑环境中,视图分为"代码视图" "代码和设计视图"和"设计视图"3种.
代码视图:在可视化网页的背后可以控制网页的源代码,如果想查看或编辑源代码,可以进入该视图.
设计视图:Dreamweaver是可视化的网页编辑软件,所以设计视图是最常用的.设计视图中看到的网页外观和浏览器中看到的基本上是一致的.
代码和设计视图:在这种视图下,编辑窗口被分割成了上下两部分,上面显示的是源代码视图,下面是可视化视图,这样就可以在选择和编辑源代码时即时地在可视化视图中看到结构.
Dreamweaver默认进入的是代码和设计视图,可以看到,软件上半部分的代码视图和下半部分的设计视图是互相联系 密不可分的,在代码视图中所做的任何修改都会影响到设计视图,反之亦然.

3.在空白的位置输入"Dreamweaver制作的最简单的页面"文字,以此作为页面的正文.
4.单击"文件"菜单下的"保存"命令,在对话框中选择存盘的位置,按照前面介绍的方法将文件命名为2-end.htm,然后单击"保存"按钮,这样就又制作完成了一个页面.
5.关闭Dreamweaver,回到存盘的文件夹,双击2-end.htm文件,可以在浏览器中看到最终的页面效果.

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.