实验内容
掌握Html语言，利用Html语言进行页面编程；用vs code进行编辑，从头开始构建
设计厦门大学校庆网站页面，有说明、学校介绍、新闻、以及其他的展示,要求有布局、色彩、字体等因素的考虑。
讨论网页背后的设计理念和指导原则。
实验过程
一、 设计理念及指导原则
1、 色彩搭配：红+蓝
在整个网页的设计过程中，考虑到该网页的主题为校庆，因此加入了比较喜庆的红色元素，同时保留了厦大的代表色蓝色，将红蓝进行了混合搭配。
pic1.png
2、 排版设计：图文+卡片式
在对整个页面的设计中，主页包含“通知”、“新闻”、“影像”几个模块的部分，采用的是图文结合的方式，
image
而在后半部分介绍“厦大简介”、“校友风采”、“厦大历史”这几个模块，页面的排版我改成了竖式阅读的方式，制作了几个标题图片，然后结合图文。
image
还有：
image
除此以外，在校友风采这一块，我采用的是卡片式的排版，即将图片和文字以卡片的形式组合，但是这边因为我暂时还不能把卡片样式做的比较有个性，所以比较朴素。
image
3、导航设计：竖式+横式
页面不仅采用了横式的导航栏，而且在左侧也有竖式的导航栏，同时把页尾也放到了竖式的导航栏下，出发点是让用户更多关注页面中央的内容。
image
4、 交互设计：导航+链接
在主导航栏这里我做了一些样式，即一级菜单和二级菜单在被点击的时候被有不同的颜色变化。
image
实验心得
这次简单地自己做了一个校庆网页，还有很多不足的地方有待改善，比如“厦大历史”板块原来想设计一个时间轴，但是目前来说对自己的难度有点大，所以暂时只做了文字和标题红块的样式；由于我整个框架是构建在table内的，所以页面内的各个元素的层级做着做着自己就有点乱了，下一次做网页还需要更多尝试下用css来进行排版。
总得来说，收获很大，还需要借鉴更多优秀网站的设计以及更加熟练地运用css和html。
