评论关闭

简单网页制作过程的举例

作者:hslsmile  发表于:2014年07月29日 10:30  分类:程序   
分享到: 新浪微博 更多
 

网页设计根据其内容和版面复杂程度,南昌seo可分别选取不同的工具,从基本的字处理软件到专业的网页编辑软件。在本书后续部分我们将向读者介绍一组功能强大、内容丰富的网页设计专用软件:Dreamweaver MX、Flash MX 和 Firework MX。在此之前,我们南昌seo通过一个实例来介绍用字处理软件制作网页基本步骤。

1.设计网页版面或效果
本例要求制作如图 1-1 所示的网页。

2.编写网页文件
这里直接给出图 1-1 效果网页 HTML(一种网页上组织信息的语言)代码,本书第 2 章将详细介绍这种语言的用法,这里不做解释。该网页文件的 HTML 代码如下:
<HTML>
<HEAD>
<title>网页制作步骤示例</title>
<center><font color=green><b>美妙多姿的 Internet 世界</b></font></center>
</HEAD>
<BODY bgcolor=purple>
<center>
<font color=white>美丽的世界</font><br>
<font color=red>多彩的世界</font> <br>
<font color=blue>神奇的世界</font><br>
<font color=yellow>无限的世界</font><br>
<font color=pink>真实的世界</font> <br>
<font color=orange>虚拟的世界</font><br>
<font color=ivory>多变的世界</font><br>
</center>
</BODY>
</HTML>

3.创建一个文件夹
用来保存网页及相关的素材文件。本例在F盘创建文件夹 wysj,以保存网页文件。

4.编辑文件
启动 Windows 操作系统附件中的“记事本” ,输入以上的代码,如图 1-2 所示。

5.保存文件
将上述文件保存,文件名为 li1-1.html,其中文件扩展名为.html,文件类型为所有文件,如图 1-3 所示。

6.浏览网页
在 IE 浏览器中观察该文件运行结果。启动 IE 浏览器,指向“文件”菜单,单击“打开”命令,选择上面创建的文件 li1-1.html,显示结果如图 1-4 所示。

网页发布:编写好的网页可以使用网页上传软件发布到远程服务器。有时为了测试方便,也可将个人计算机配置成 WWW 服务器用来测试网页设计的效果。

本文固定链接: http://www.yunduanseo.com/?p=1010 | 技术解决方案.品牌营销_云端科技互联网+研究发展中心

报歉!评论已关闭.