千娇百媚官网

今天闲着没事,突然想搞个自己的网站玩玩,标题就叫千娇百媚官网。这事儿说来话长,我就从头到尾唠唠。

为啥搞这个

前几天刷短视频,看到一个视频里说人人都该有个官网,展示自己生活啥的。我琢磨着,我这种爱分享的博主,确实该折腾一下。加上最近天气热,窝家里没事干,就想亲手建个地方放我的实践记录。

准备工作

我翻开电脑,打开浏览器,找了些免费的建站工具对比。选了个看着简单的,注册了个账号,捣鼓了半天。开头就有点麻烦,注册邮箱居然被标记成垃圾邮件,搞得我重新试了三次才弄

小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

  • 选定了个模板,背景选了粉色系,觉得特配"千娇百媚"这名。
  • 添加了基础页面,主页面放了个大标题,还有段自我介绍。

具体动手环节

动手开始做内容了。我先上传点自己的照片和视频,想做个"娇媚生活"模块。结果搞砸了,图片太大加载超慢,页面卡得跟蜗牛爬似的。我试着重启电脑,检查网络,折腾半小时才发现是文件问题。

后来学会压缩图片,缩小尺寸后,页面跑得飞快。接着写第一篇帖子,讲我的护肤经验。编写文字时,样式老跑偏,左边图片挤到右边去了。我点来点去,修改CSS设置,调整了好几次,终于对齐了。

途中掉坑里

最头疼的是手机端显示问题。手机上预览网站,布局乱成一锅粥,文字堆成堆。我赶紧翻教程,学习响应式设计。试了各种办法,比如重置布局参数,花了大半天才让手机屏幕看着顺眼。

中间还遇到个搞笑失误,忘了保存修改,不小心关掉浏览器白忙活一阵。气得我差点想放弃。

收尾和测试

搞定内容后,我测试网站功能。点开导航条切换页面,检查链接跳转没报错。又找了朋友帮我看看,他说页面加载快多了,不过颜色太粉他眼晕。我当场改了下配色,调淡了些。

加了个留言区功能,准备日后收集反馈。折腾完检查整体,确认没大毛病就发布了。

弄完后的感想

整个活儿前后忙了三天,累得我腰酸背痛,但总算上线了。现在打开官网,能看我分享的美容贴士,感觉特爽。说起这档事,我不禁想起去年一件糗事。

隔离期间我宅家学编程,觉得自己牛上天了,跟家人吹牛说会建网站。结果实际操作啥都不会,被家里小孩笑话说"老爸你只会点鼠标"。这回我证明了一把,虽然过程跌跌撞撞,但成就感爆棚。

建网站就跟带娃似的,付出有回报,回头看看还挺有意思。