电话

0411-31978321

如何制作属于自己的网页效果好?零基础教程轻松上手

标签: 2025-10-21 

折腾网页的第一天

今天想搞个个人主页,打开电脑就懵了。网上教程全是英文术语,我直接打开记事本就开始瞎敲,心想不就几行字嘛结果用浏览器一打开,满屏乱码跟鬼画符似的。

硬着头皮查资料,才发现记事本得存成特殊格式。重新把后缀改成.html再刷新,哟呵!总算能看到"大家好"三个字了,虽然就仨字占满整个屏幕。

  • 瞎试标签时发现 <strong> 能让字变粗
  • 换行死活不成功,搜半天才知道要用 <br>
  • 加图片折腾半小时,照片铺满屏幕比脸盆还大

被自己丑哭的界面

隔天看着光秃秃的白底黑字,丑得睡不着觉。上网偷师别人家网页,右键点"查看源码"跟做贼似的。把人家代码整段复制过来,结果不是图片不显示就是排版全乱。

下午盯着一堆CSS教程犯困,突然发现个笨办法:在标签里直接改颜色!马上在<body>后面加 style="background:青瓷色" ——没错我连#符号都懒得打中文。结果浏览器根本不认账,老老实实抄了颜色代码#f0fff0。

  • 背景绿得发慌,又加了背景图显得更乱
  • 字太小调到36px,整个标题冲出屏幕
  • 手抖把margin写成margain,调试两小时

按钮差点要了老命

想搞个能点的按钮,看教程说要用JavaScript。信心满满写了个 alert 弹窗,结果点下去纹丝不动。原来把 <script> 写在 <body> 外面了!挪进去之后突然弹出二十几个窗口,吓得我直接拔电源。

关键发现是免费托管服务,传文件时把文件夹压缩成rar直接扔上去。等了半天打不开,原来少传了index文件。重新弄好那刻,用手机刷自己网页手都在抖。

现在这破网页长这样:

  • 顶部挂着自拍配艺术字"欢迎光临"
  • 正文是我家猫的照片集
  • 有个会变色的按钮写着"别点我"
  • 最底下写着建站日期:昨天

虽然丑得像个豆腐块,但每次刷新看到自己名字挂在网址里,比当年领结婚证还乐呵。