五分钟建站初体验:让小网站在手机上更好看(三)

举报
yd_277712471 发表于 2026/11/13 07:26:24 2026/11/13
【摘要】 上次给小网站换上了自己写的首页,打开地址,终于像自己的地方了。但又看了一阵子,发现两个地方还不够顺手:一个是在手机上看,字有点小,链接也不太好点;另一个是内容都堆在首页上,想多写点东西,没地方放。这一篇就把这两件事一起做了。先说手机上更好看。电脑屏幕宽,手机屏幕窄,同一页东西在手机上会挤在一起。我的办法很简单:字调大一点,行与行之间留点空,读起来不费眼睛;照片的宽度不要超过屏幕,免得左右拖来...

上次给小网站换上了自己写的首页,打开地址,终于像自己的地方了。但又看了一阵子,发现两个地方还不够顺手:一个是在手机上看,字有点小,链接也不太好点;另一个是内容都堆在首页上,想多写点东西,没地方放。这一篇就把这两件事一起做了。


先说手机上更好看。电脑屏幕宽,手机屏幕窄,同一页东西在手机上会挤在一起。我的办法很简单:字调大一点,行与行之间留点空,读起来不费眼睛;照片的宽度不要超过屏幕,免得左右拖来拖去;链接和按钮之间也留点距离,手指点的时候不容易点错。横着并排摆的东西尽量少放,竖着排下来,手机上看着最舒服。


改完还是老办法,拿手机打开看一遍,再横过来看一遍。横屏和竖屏都顺,才算真的顺。有一回照片在电脑上看着正好,手机上却大得把字都顶跑了,回去把照片的宽度改小一点就好了。这种毛病不用怕,改一处、看一次,很快就能调顺。


再说把内容分门别类放好。首页不用什么都装,它只要做好一件事:让人一眼看明白这是什么网站,再顺手找到想看的东西。所以我在首页上只留了三样:介绍、最近在忙的事、几个入口。其他内容另外放,分成两三个小页面:一个写关于我,一个放平时的记录,还有一个放常用的链接。


每个小页面其实就是一个简单的文件,名字起得清楚一点,比如关于、记录、链接,一眼就知道里面是什么。首页上加上几个文字链接,点一下就能跳过去,回来也方便。这样内容多了也不乱,来的人想找什么,点两下就找到了。


中间也遇到一个小麻烦:有个链接点了没反应,检查了一下,是链接里写的文件名少了一个字母,改过来就好了。还有一次新页面上的照片没出来,还是老原因,照片的名字写错了。这些都是上一篇遇到过的小毛病,对一遍名字和路径,基本都能找到。


做完这一步,网站用起来顺多了。手机上打开,字够大、点得准;内容分好了类,想写新的东西也有地方放,不用再往首页上堆。回头看,建站这件事就是这样,一次只做一两件小事,做完看一次效果,慢慢就顺手了。下一篇再说说,怎么把网站地址记下来告诉朋友,平时想到什么就记一笔,慢慢把网站养起来。

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0)

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。