下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

制作简单的HTML页面

作者:课课家教育     来源: http://www.kokojia.com点击数:3546发布时间: 2016-11-12 08:00:23

标签: 制作网页HTML页面网页设计

Web开发

  对于很多来说,开发网站,制作网页是一种很重要的技能,特别是做生意的,现在是互联网时代,单凭发传单,电视广告,广播是不够的,要适当地运用互联网,在互联网中,网站是一种很好的宣传方式,如果你想自己弄,不需要麻烦别人的话,就需要自己去学,那样才会弄得网站弄得更加完美了。不过网站开发,要从基础学起,现在小编就为大家介绍:制作简单的html页面。这是网站开发的基础,所以大家也要学会后面的教程。

  步骤1:首先我们打开DW软件,再新创建一个空白的HTML文档,如下图所示:

制作简单的HTML页面_制作网页_HTML页面_网页设计_课课家

  步骤2:进行修改HTML文档标题,如下图所示:

进行修改HTML文档标题

  步骤3:在<body>中,添加background(背景颜色),然后选择颜色代码,选择其中的颜色,如下图所示:

在<body>中,添加background(背景颜色),然后选择颜色代码,选择其中的颜色

  步骤4:选择网页背景图片(URL),如下图所示:

选择网页背景图片(URL)

  步骤5:要完成<bodystyle>的设置,还需要一系列的步骤,因为这是HTML网页的背景部分,所以是相当重要的部分。前面已经设置了背景颜色,现在我们要设置网页背景图像的定位,当点击Enter键之后,就会变成红色框里面的代码了,这些代码形成就会变成背景图像,背景颜色以及背景图像位置的程序了,如下图所示:

要完成<bodystyle>的设置,还需要一系列的步骤,因为这是HTML网页的背景部分,所以是相当重要的部分。前面已经设置了背景颜色,现在我们要设置网页背景图像的定位

,当点击Enter键之后,就会变成红色框里面的代码了,这些代码形成就会变成背景图像,背景颜色以及背景图像位置的程序了

  步骤6:完成以上操作后,我们添加一个<h1>以及<hr>,添加完成后,再添加一个水平线,如下图所示:

完成以上操作后,我们添加一个<h1>以及<hr>,添加完成后,再添加一个水平线

  步骤7:最后我们进行预览该页面,然后保存下来,如下图所示:

最后我们进行预览该页面,然后保存下来

  最终效果:

最终效果图,网页制作

  小编结语:大家看到了吧,其实制作一个简单的HTML页面是很简单的,因为你只要记得这些代码,同时没有输入错误,那么就可以完成一个页面了,而且,大家在操作过程中,注意添加必要的要素,不要漏了哪一个。如果大家还有什么不明白的地方,欢迎咨询小编,感谢大家的支持。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程