今天突然想到,得跟你们聊聊那个HTML网页设计期末大作业。这玩意儿整得我跟打仗似的,但好歹弄出来了。一开始老师就说期末得交个网站出来,主题随便选,我想这太简单了,选了个旅游网站,结果从头到尾没省心过。
草稿阶段
刚拿到任务那会儿,我脑子里一锅浆糊。找了个笔记本,拿铅笔瞎画了个草图,想着头部放个logo,下面加点导航链接,内容区域分成几块,乱七八糟的。画完一看,还不如小学生涂鸦,歪歪扭扭的。
动手码代码
第二天我开了电脑上的编辑器,开始真干起来。先写了那个头部部分,整了个大大的标题标签,放上几个链接当导航菜单。可写完一预览,浏览器里全乱了,字都叠在一起,看着就心烦。
- 改来改去,发现链接该用列表标签来套住。
- 又添了点内容进去,像是标题和正文段落。
这还没完,接着我搞内容区域,分成左右两块。左边塞了一堆图片标签,右边写了段文字介绍旅游景点。结果图一多,加载时死慢死慢的,气得我直挠头。
调样式环节
最难的就是调那个显示效果了。我手写了CSS文件,给每个地方套上颜色或大小。调导航菜单时,背景色老变成大花脸,要么红要么绿的,搞不懂为花了整整一下午,才找到问题:原来有个地方忘记加分号了,这种小错漏捅了篓子。
- 图片老撑破框框,我就加了个固定尺寸控制住。
- 导航链接点上去没反应,查半天才发现是写错标签名了。
调调,眼睛都看花了,终于大致顺眼了点。保存了文件再试,还真能跑起来了。
收尾
一切弄完,我还加了点底部的版权声明之类的。打包上传给老师前,自己点了好几次链接检查,深怕啥破洞。交作业时感觉就像解放了似的,这过程真跟折腾似的。
你们知道吗,这大作业让我想起去年暑假帮亲戚做电商页面那会儿。人家不懂这些,非让我两天内赶出来,结果熬夜到凌晨,代码写了一堆bug,害得人家开网站老卡死,被人一顿骂。后来我就再也不乱接活了,费力不讨跟喝西北风没两样。