开始琢磨网页设计
那天我闲着没事干,就想学点实用的新技能。网上到处在吹网页制作多流行,简单还赚外快。我没啥基础,就是个纯菜鸟,就选了《html5+css3网页设计基础教程》。
翻了下资料,发现教程里说要从零开始打基础。我立马开电脑,下载了个免费的编辑器软件,名字忘了,随便挑了个。安装时折腾了半天,弹出一堆英文错误提示,我直接叉掉重来,总算搞定了。
动手试写代码
教程教的第一件事,就是搞个空白网页。我照着步骤来:
- 先打开编辑器,敲了个最简单的html骨架,开头写"html",结尾加"html",中间塞点东西
- 想加点文字,按说明打上p标签包住句子
- 试着保存文件,选了个乱码的.html格式,打开浏览器检查,结果出来一堆乱码字
- 折腾来折腾去,重新保存了一遍,改成纯文本编码,这才正常显示文字
我加点样式让页面好看点。搞了个css文件,学教程那样,连到html里。测试改变文字颜色时,我写成"color: red",刷新页面啥效果没有。抓耳挠腮看半天,才发现语法多打了个逗号。改完重新加载,这才变红,给我乐得差点跳起来。
拼出个简单网页
练完基本功,我决定做个个人小页面。从零敲起:
- 规划布局,想上下分两栏,顶部放标题
- 在html里写div标签圈住各部分,设id名字
- 用css调宽度和背景色,头回设百分比宽度时,网页整个挤变形
- 反复试了几回,加减数值直到比例顺眼
页面做出来后,在浏览器里打开,左看右看还算完整。虽然简陋得像幼儿园作业,但自己一行行码出来的,成就感爆棚。
学完后的那点感想
刚开始学啥都懵,手残党折腾三小时才搞出个“Hello World”。但教程里反复说多练几遍,我就硬着头皮反复敲。现在回头看,入门不花脑子,主要靠别怕出错,错了就重来。真推荐新手别想太复杂,拿个小项目打底子,练着练着就顺了。





