今天琢磨着做个大学网站模板，一开始也没想太多，就是觉得市面上那些模板要么太花哨，要么死贵。

先定个基调

我打开电脑，新建个文件夹，名字就叫“大学网站”。得想清楚大学网站需要啥板块。首页肯定得有，然后院系介绍、新闻动态、招生信息这些跑不掉。我拿张纸随便划拉了几下，大概列了七八个页面。

动手搭架子

打开代码编辑器，我先从最简单的HTML结构开始写。header部分放校徽和导航栏，main区域留出内容区，footer就塞版权信息和联系方式。写CSS的时候头疼死了，光调个导航栏的间距就折腾半天，总感觉不对齐。

做到响应式布局时彻底卡壳了。手机上看排版全乱套，图片把文字挤到一边去。我查资料发现得用媒体查询，试了好几个数值才勉强搞定。期间浏览器预览了不下五十次，每次都有新问题。

• 导航栏在小屏幕上会折行
• banner图拉伸变形
• 表格在手机端显示不全

慢慢填内容

框架调顺后开始往里面塞假数据。新闻列表用ul标签堆了十几条，院系介绍页放了虚拟的师资力量。最麻烦的是课程表，用table标签画格子画到眼晕，还特意加了隔行变色的效果。

检查时发现footer忘了加联系电话，又返回去补代码。全部弄完已经凌晨三点，浏览器里刷新看着成品，虽然粗糙但功能齐全，心里还挺踏实。