1、首先我们需要在桌面上，新建一张记事本
2、然后我们需要打开记事本，编写代码
3、然后我们需要把记事本修改后缀名为.html
4、然后我们需要在桌面上就会有一张网页，这一点很重要。
5、最后我们需要需要在浏览器上运行该网页
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。
1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下：
<html>
<body>
最简单的网页
</body>
</html>
4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。
5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
在整个网页的设计过程中，考虑到该网页的主题为校庆，因此加入了比较喜庆的红色元素，同时保留了厦大的代表色蓝色，将红蓝进行了混合搭配。
在对整个页面的设计中，主页包含“通知”、“新闻”、“影像”几个模块的部分，采用的是图文结合的方式，
而在后半部分介绍“厦大简介”、“校友风采”、“厦大历史”这几个模块，页面的排版我改成了竖式阅读的方式，制作了几个标题图片，然后结合图文。
除此以外，在校友风采这一块，我采用的是卡片式的排版，即将图片和文字以卡片的形式组合，但是这边因为我暂时还不能把卡片样式做的比较有个性，所以比较朴素。
页面不仅采用了横式的导航栏，而且在左侧也有竖式的导航栏，同时把页尾也放到了竖式的导航栏下，出发点是让用户更多关注页面中央的内容。
在主导航栏这里我做了一些样式，即一级菜单和二级菜单在被点击的时候被有不同的颜色变化。
这次简单地自己做了一个校庆网页，还有很多不足的地方有待改善，比如“厦大历史”板块原来想设计一个时间轴，但是目前来说对自己的难度有点大，所以暂时只做了文字和标题红块的样式；由于我整个框架是构建在table内的，所以页面内的各个元素的层级做着做着自己就有点乱了，下一次做网页还需要更多尝试下用css来进行排版。
总得来说，收获很大，还需要借鉴更多优秀网站的设计以及更加熟练地运用css和html。
