html网页制作教程

html是编程语言之一。下面，我们来看看html网页制作教程吧。

01

新建记事本

在桌面上，新建一张记事本，如下图所示：

02

编写代码

打开记事本，编写代码，如下图所示：

03

修改后缀名

把记事本修改后缀名为.html，如下图所示：

04

网页

在桌面上就会有一张网页，如下图所示：

05

运行网页

最后在浏览器上运行该网页，如下图所示：

HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。

在整个网页的设计过程中，考虑到该网页的主题为校庆，因此加入了比较喜庆的红色元素，同时保留了厦大的代表色蓝色，将红蓝进行了混合搭配。

在对整个页面的设计中，主页包含“通知”、“新闻”、“影像”几个模块的部分，采用的是图文结合的方式，

而在后半部分介绍“厦大简介”、“校友风采”、“厦大历史”这几个模块，页面的排版我改成了竖式阅读的方式，制作了几个标题图片，然后结合图文。

除此以外，在校友风采这一块，我采用的是卡片式的排版，即将图片和文字以卡片的形式组合，但是这边因为我暂时还不能把卡片样式做的比较有个性，所以比较朴素。

页面不仅采用了横式的导航栏，而且在左侧也有竖式的导航栏，同时把页尾也放到了竖式的导航栏下，出发点是让用户更多关注页面中央的内容。

在主导航栏这里我做了一些样式，即一级菜单和二级菜单在被点击的时候被有不同的颜色变化。

这次简单地自己做了一个校庆网页，还有很多不足的地方有待改善，比如“厦大历史”板块原来想设计一个时间轴，但是目前来说对自己的难度有点大，所以暂时只做了文字和标题红块的样式；由于我整个框架是构建在table内的，所以页面内的各个元素的层级做着做着自己就有点乱了，下一次做网页还需要更多尝试下用css来进行排版。

总得来说，收获很大，还需要借鉴更多优秀网站的设计以及更加熟练地运用css和html。

---