怎么制作网页

简单的制作网页的方法(这里使用的是Windows自带的文本编辑器和浏览器来制作一个简单的网页)

操作方法

  • 01

    新建一个文本文档 打开后输入一下html代码(包括html、head、title、body基本标签)保存

  • 02

    然后右键-->属性-->重命名 将其后缀修改为html格式的如图所示 提示忽略即可点击确定

  • 03

    点击右键打开方式 浏览器即可打开如图所示的界面 (这里一个网页就基本完成了)

  • 04

    但是只有html的网页太单调也不能满足我们的要求 这时我们应该创建一个样式表来定义网页中元素的样式 所以一个网页基本要有html文件和css文件

  • 05

    如图所示 看一下css的代码 我这里把网页的背景颜色设置为红色的

  • 06

    然后在html文件中使用link标签将css文件引入到html文件中 才能起到作用

  • 07

    同样的方式运行html文件 你会发现背景真的变成红色了成功

  • 08

    一个网页就是由html文件标签和css样式设置 组合完成的 加油吧

(0)

相关推荐

  • 使用Pages(页面)面板制作网页

    下面通过一个具体的实例来说明Pages(页面)面板的实际作用,具体操作步骤如下. 1.新建一个Fireworks文件. 2.在弹出的[新建文档]对话框中设置画布的宽度为932像素.高度为538像素,背 ...

  • office 2010哪个组件可以制作网页?

    office 2010哪个组件可以制作网页?提到office 2010的组件,很多网友第一时间想到的就是:word.excell以及PPT这三款常用的办公软件,其实,office 2010的组件还不仅 ...

  • 如何使用ps和DW制作网页?使用ps和DW制作网页的方法

    想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧! ...

  • 如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果?

    相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其 ...

  • 用word制作网页教程(word文档怎么做页面)

    信息化急速发展的现代社会也是网页流量迅速发展的时代,那么你们知道如何制作网页吗?其实用Word文档就可以制作,下面一起来看看如何用Word文档制作网页吧!我们在视图中把Word文档改为Web版式,具体 ...

  • 建造网站新手教程。制作网页

    简单的建造个人简陋网站. 制作网页 操作方法 01 首先我们需要一个域名和空间,需要的可以到free点3v点do这里 申请一个免费的100m空间和域名 02 注册一个账号,带*号的选项是必须要填的.按 ...

  • 如何用Dreamweaver制作网页表格

    DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Ad ...

  • 怎么用html5制作网页,怎么让IE8兼容html5

    现在用html5做网页的已经很多了,但是毕竟还有很多人在用IE8,而IE8是不支持html5的,那么怎么用html5制作网页,怎么让IE8兼容html5呢?小编这里写了一个html5网页模版,一起来看 ...

  • 如何制作网页

    网页三剑客,顾名思义,是一套强大的网页编辑工具,最初是由Macromedia公司开发出来的.  Dreamweaver与Flash.Firework 并称为 Macromedia的网页制作三剑客,由于 ...

  • 怎样学习制作网页

    学习制作网页能够提升对网络网络的认识,提高计算机技能,怎样学习制作网页呢? 操作方法 01 首先,可以告诉想学网页制作的朋友.学习制作网页和学习其它知识一样,是要有基础的.在基础之上学习起来会比较轻松 ...