XIAOWEI·Personal Space

长风携暖意,小站遇知音设计 · 摄影 · 代码

关于我

01

先认识一下

我是罗威旺,朋友都叫我小威。2006 年出生在广西,现在是百色职业学院计算机应用技术专业的学生。

我不是从小敲代码的人,真正接触网页是上了大专之后——之前在中职学过一点,但那是可视化工具,代码一直不太懂。上了大学老师才从代码开始教,我发现自己喜欢的是“想法变成实物”的那一刻。

02

现在在做什么

打前端基础

系统学 HTML / CSS / JavaScript,从「能改」到「能写」。

做这个网站

布局、配色、动效都是自己设计,边做边改。

做素材整理

整理图片与文件,命名、分类、归档都有条理。

下半年目标:把「作品展示」里的小项目补到 5 个。
03

在学的手艺

HTML / CSS入门中
JavaScript刚起步
素材整理日常在用
摄影 / 后期中职起
04

成长经历

  • 2006出生在广西的农村家庭,跟着爷爷奶奶长大。
  • 2019步入初中,疫情那几年学会了自己安排自己。
  • 2022中职加入摄影社,第一次摸到相机。
  • 2025百色职业学院 · 计算机应用技术,开始写代码。
05

这个站是怎么来的

布局、配色、字号、动效都是我自己定的。遇到不会的就查、就问,然后把自己的想法一点点翻译成代码。

从 2026 年开始改,中间推翻重做过好几轮——包括你现在看到的这一页。

06

个人标签

网页制作摄影音乐游戏furry赛车
07

联系我

电子邮箱

Github

QQ

微信

头像

罗威旺 LouWeiWang

计算机应用技术 · 在读学生

用代码记录思考,用热爱点亮日常。

正在努力打磨中
#网页制作

喜欢网页开发,熟悉基础HTML、CSS、JavaScript等前端技术。

上了大学才开始慢慢学会网页制作,虽然中职也学过一些,但老师教的是可视化的,所有代码不是很了解,上了大学老师才教代码制作。

关于我

我是罗威旺,朋友都叫我小威。2006 年出生在广西,现在是百色职业学院计算机应用技术专业的学生。

我不是从小敲代码的人,真正接触网页是上了大专之后。我喜欢把一个想法,变成能点、能看、能动的东西——这个网站就是最好的例子。

基本信息

出生年份 2006 年
星座 天蝎座
所在地 中国 · 广西
所学专业 计算机应用技术

正在做的事

打前端基础
系统学 HTML / CSS / JavaScript,从「能改」到「能写」。
做这个网站
布局、配色、动画都自己设计,边做边改。
做素材整理
整理图片与文件,命名、分类、归档都有条理。
个人信息
头像

罗威旺

求职意向:计算机相关岗位
电话 19148424205
学历 大专
邮箱 lowewa730657707@163.com
专业 计算机应用技术

个人简介

计算机应用技术专业,在学校实操过图片实例拉框标注项目内容,熟悉标注工具与标注规范;熟练使用电脑及常用办公软件,具备良好的专注力与责任心,做事认真细致、有耐心。对AI与科技行业充满热情,对计算机有一定兴趣,学习能力强,愿意从基础岗位做起,通过系统培训成长为专业的数据标注人员。

教育背景

百色职业学院 | 计算机应用技术
2025.09 — 2026.06
主修计算机相关课程,学习计算机基础与应用,课余自行完成各种作业内容,熟悉电脑各类软件与常用工具,为未来计算机行业打好基础。

个人项目

图片实例拉框标注学习实践
学习实践|数据标注方向
学习并使用标注工具对图像目标进行框选标注,理解图像分类、目标检测的标注逻辑与规范。
  • 练习对图像中的目标进行实例拉框标注,明确对象类别与边界
  • 按照标注规则对目标添加属性标签,保证框选准确、标签一致
  • 学习并执行图片质量审核,判断画面是否合格并标注问题位置
  • 熟悉标注任务的自查与互查流程,注重数据质量与规范统一
个人网站设计
想法设计|网站制作
设计一个个人网站,展示个人项目、个人信息、个人经历等,为了解我提供支持。
  • 结合使用AI加个人想法设计网站布局、功能模块、内容布局等
  • 有一定的html、css、js技术代码了解,会结合代码了解去修改网页内容
  • 在网站中设计自己的个人项目,展示项目内容、技术、结果等

个人技能

通过全国计算机一级考试,具备有一定的办公能力
图片实例拉框标注,熟悉内容标注规范经验
熟悉计算机各类应用基础,能独立完成计算机相关问题

自我评价

做事认真细致、有耐心,责任心强,能按要求保质保量完成标注任务;逻辑思维清晰,学习能力强,能快速掌握新项目的标注规范与工具;对AI、科技行业充满热情,对动漫、影视内容有一定兴趣,善于坐得住、沉下心,愿意通过系统培训和岗位实践,在数据标注领域持续成长。

适合个人网站无衬线字体对比

字体阅读体验对比

苹方、微软雅黑、Inter阅读体验对比。

字体的选择直接影响网站的阅读体验。对于中文个人网站,无衬线字体是最常见的选择。

本文对比了苹方、微软雅黑和Inter三种常用字体在不同场景下的表现,帮助你选择最适合的字体方案。

以上内容由Ai生成

感谢阅读,欢迎在下方留下你的想法。

返回博客分享

评论

共 0 条
xiaowei 使用登录名发布,不可修改
0/500
还没有评论,来留个记号吧。

#网页制作

个人标签

喜欢网页开发,熟悉基础HTML、CSS、JavaScript等前端技术。

上了大学才开始慢慢学会网页制作,虽然中职也学过一些,但老师教的是可视化的,所有代码不是很了解,上了大学老师才教代码制作。
返回个人标签

访问验证

「个人账号分享」已加密

输入访问密码后即可查看我在各平台的主页与账号。

密码可向站主索取

个人账号分享

各平台账号汇总

在这里可以找到我在各个平台的账号,欢迎关注支持!
返回作品展示
小威 · 摄影 首页 PERSONAL ARCHIVE / 2019—NOW 首页 · 光影之间,皆是故事
作品 / 01 · 摄影档案

个人摄影分享

黑白为骨,彩色为神。

这不是一本按时间排列的相册,更像一份持续更新的光影档案:把风景、人像和街头瞬间,收进同一个取景框。

关于这组照片 / STATEMENT
比起完美的构图,更在意「刚好」。

相册以黑白为底,把彩色留给真正需要它的瞬间。每张照片都保留拍摄的时间、地点和参数;点开,就能回到按下快门的那一刻。

浏览 / BROWSING

四张页面,一条观看路径

首页、作品详情、联系我与关于我——先看大图,再回到缩略图,四种观看的距离。

首页 · 一屏看见最近的拍摄
01 / 04

首页

一屏看见最近的拍摄

档案 / ARCHIVE

拍摄档案

相册仍在更新。新的照片会先出现在首页,再慢慢归入主题。

收录作品
21
创作主题
6
起始年份
2019
技术栈
HTML · CSS · JavaScript
2019 — NOW / 21 FRAMES

去相册里走走。

如果某一张照片让你停了一下,那就是它被拍下来的理由。

进入摄影作品站
返回作品展示
作品 / 02 · 打字实验室

HTML · CSS · JAVASCRIPT / 2026 键艺打字练习室

把每一次敲击,练成本能。

不是又一个打字测速页。我把它做成一间可以自己排课的练习室:四条路径、164 节小课,从单键到成段,每一节只解决一个小问题。

先想清楚「怎么练」,再决定「长什么样」——所以这个项目的起点是课程结构,不是页面样式。

  • 04课程路径
  • 164节小课
  • 68键位
  • 0运行依赖
LIVE PRACTICE READY
LINE 01 / 03 MODE EN

点这里,直接敲键盘试试

WPM0
ACC100%
COMBO0
KEYS0
Esc 重来Enter 换一行
01

四条路径,一张课程地图

不是四个入口,是四条从零到成段的路线。点开任意一条,直接落到对应课程。

EN / TT / ZH / WB
02

练习页不是一张大表单

拆开看,它只保留四件事:当前要打什么、下一键是谁、打得怎么样、键在哪里。

ANATOMY
  1. 01
    当前字符

    橙色块标记,眼睛不用在整行里找位置。

  2. 02
    逐键反馈

    打对整块变绿,打错变红并轻震一下。

  3. 03
    固定 68 键

    5 × 15 网格,宽键只跨整数列,指法颜色只标负责的手指。

  4. 04
    五项数据

    速度、准确率、连击、错误、用时,没有更多。

03

成品长这样

四张现场截图,横向滑动查看。

SIDE A / 04 SHOTS
键艺 KeyCraft 首页
01首页四条路径,一屏看懂
课程列表页面
02课程四条路径按自己的节奏走
打字练习页面
03练习逐键反馈与实时数据
68 键指法页面
04指法68 键与九区手指分工
04

从 0 到 164

先搭课程,再做练习,最后才打磨视觉。

BUILD LOG
01

课程先行

把 4 条路径拆成 164 个可以一次学完的小节。

02

练习引擎

逐键反馈、五项实时数据、暂停与重开。

03

键位与手型

68 键固定布局,九区手指分工。

04

主题与收尾

深浅双主题、纯色无渐变,零依赖交付。

打开就能练 · 不需要安装

键艺 KeyCraft · 打字练习室

打开练习室
返回作品展示
作品 / 03 · 解谜档案

白昼档案馆

白天发生的事,也需要有人归档。

一间只收存「白天发生、却无法归档」事件的档案馆。你以临聘-017 的身份入职,读完十份卷宗,把被涂改的答案一份份校正回去。

它不是答题页:读完档案,你还得亲手拨时钟、按楼层、敲电话、对灯语,答案才算归档。

  • 10份卷宗
  • 18段解谜
  • 09段追查
  • 0运行依赖
白昼档案馆 · 封面 DAYLIGHT ARCHIVE · ROOM 03 已归档 封面 · 一屏交代身份、时长与规则
临聘-017 / 值班校对员 15:17 · 全馆统一快 3 分钟
馆内须知 / NOTICE
不要把答案写在纸上,只能写进评论里。

页面借用了纸质档案的秩序:编号、骑缝章、装订线、被涂黑的段落。红章只在答案正确时出现,其它时候,它只是一道提醒。

但也只是「像」档案。真正的解谜不在纸上——时钟要拨、楼层要按、灯要照,读完之后的动作才是答案。

现场 / SCENES

四张页面,一条入职路线

从封面签收,到卷宗目录、正文与证物,最后把答案带回检索台。四张截图对应四个动作,不是四张壁纸。

卷宗目录 · 十份档案按解锁顺序排开
01 / 04

卷宗目录

十份档案按解锁顺序排开

取证 / TOOLS

三件会动的证物

每份卷宗都配一件取证工具。看懂档案只是第一步,把它拨对,才会显影。

CLOCK / DA-001

时钟 · 站台

总站不算第 1 站,每站 3 分钟。把文字读成算式,再拨到 15:17。

12 份时刻记录
FLOOR / DA-002

楼层 · 门牌

704 不一定是七楼。先把门牌折成楼层,再决定电梯停在哪一层。

9 层按钮
MORSE / DA-008

灯语 · 摩斯

灯塔按长短闪。把光转成字母,地址才会从海面上浮出来。

3 组灯语
结局 / ENDINGS

三种收尾,一种没被写进攻略

前两条结局要求完成九段追查;第三条要在九条暗语全部接通之后,才看得见。

A · STAY

留在馆内

城市继续忘记你。你接过值班表,成为下一任「监工」式的存在。

B · LEAVE

带着档案离开

你拿回自己的名字,异常回流城市。门在身后合上,钟仍停在 15:17。

暗语 / PASSCODE

拆三张封条

游戏里,被删除的评论只对暗语开口。这里放一个轻量版:点开三张封条,九字馆训会自己浮出来。

白昼档案馆没有夜晚 白昼档案馆没有夜晚。第三阅览室的灯,其实一直亮着。
台账 / LEDGER

一份单文件档案

没有构建、没有后端、没有联网。打开 HTML 就能从头玩到尾,进度只留在本机浏览器。

卷宗
10
互动解谜
18
追查
09
技术栈
HTML · CSS · JavaScript
15:17 / 第三阅览室

推门进去,值班从 15:17 开始。

如果读完第一份卷宗,你下意识看了一眼时间——那就算入职了。

进入档案馆
返回作品展示
PROJECT 04探索 / 科幻

行星开发

把九颗天体,按真实比例摆进一页可以漫游的档案。

单文件三维太阳系:拖拽旋转、点选天体、在系统总览与行星档案之间切换。模型、纹理与数据全部写在同一份 HTML 里,双击就能从太阳出发。

天体
09
基准
EARTH · 04
轨道
1.00 AU
周期
365.25 D
依赖
00
行星开发 · 地球与月球轨道总览
系统总览 · 地球与月球(Chrome 实机截图)拖拽旋转 / 点击标签 / 滚轮缩放
09颗天体太阳 + 八大行星
03套视图系统 / 行星 / 设置
14项交互旋转 · 缩放 · 跳转
01个文件无后端 · 无外链
01 / SYSTEM

先看见轨道,再看见星球

系统视图把九颗天体按 AU 间距收进同一张图:太阳居中,八大行星沿虚线轨道运行,标签跟着轨道走。左下角的编号,始终对应当前选中的天体。

太阳系系统视图 · 九颗天体与轨道
SOL SYSTEM · 09 BODIES系统视图 / 轨道与标签
真实间距按 AU 展开,内行星不会挤成一团,海王星也不会飞出画面。
可读标签天体名称固定在轨道外侧,缩放时不会互相压字。
一键切换点任意天体进入行星档案,返回系统视图不丢位置。
02 / PLANETARY FILE

每一颗天体,都有自己的一页

切进行星视图,左侧数据栏会整组换掉:直径、公转周期、重力、气温、卫星与表面构成。下面翻两页看看。

土星 · 冰环与卫星档案
SATURN · 07 / 09行星档案 / 环系与卫星
GAS / RINGED

土星 · 戴着冰环的王冠

环由水冰颗粒组成,宽达数万公里,却只有几十米厚。页面把六个主要卫星直接标在轨道上,点开就能看它们的直径与轨道周期。

直径
116,460 km
公转周期
29.45 地球年
重力
10.44 m/s²
云顶温度
约 -140°C
ROCK / DESERT

火星 · 红色荒原与失落的水

氧化铁把地表染成锈红色。奥林匹斯山、水手号峡谷与极地冰盖都被收进同一页档案,卫星标签会跟着轨道缓慢移动。

直径
6,779 km
公转周期
687 地球日
重力
3.71 m/s²
平均温度
约 -63°C
火星 · 两颗卫星与表面档案
MARS · 05 / 09行星档案 / 卫星与地表
03 / INTERFACE

同一台仪器,三种握法

桌面端把数据放在左右两栏,手机端则把行星图移到最上方,档案折成两列。编号、分隔线和金色强调在两端保持一致。

行星档案 · 手机端布局
MOBILE · 414 × 896触控布局

手机端不是把桌面缩小:行星占据上半屏,档案在下方重新分组,六个数据项变成两列两行。单指旋转、双指缩放,底部行星导航缩成一条可横向滑动的刻度。

  • 移动端重排行星图在上、档案在下,数据改成两列,长文本不再横向溢出。
  • 触控优先旋转、缩放、复位都留出拇指热区,按钮避开手掌误触。
  • 同一套刻度桌面与手机共用编号、分隔线与强调色,只是换了排列方式。
在手机上打开看看
04 / LEDGER

一个文件,装下整个太阳系

没有构建、没有后端、没有外部图片:渲染器与所有程序化纹理都在这份 HTML 里,断网也能打开。

天体
09 颗 · 太阳 + 八大行星
主要卫星
21 颗 · 地球、火星、土星等
纹理
程序化生成 · 不含外部图片
技术栈
HTML · CSS · JavaScript · Three.js(内联)
运行
双击打开即可,无网络请求
SOLAR JOURNEY / 2026

从太阳出发,把九颗天体翻一遍。

如果第一反应是拖动鼠标绕着地球转一圈,那这个项目就介绍完了。

进入行星档案

作品展示

个人摄影分享
摄影/分享
键艺打字练习
打字/练习
行星开发
探索/科幻
白昼档案馆
网页/游戏/解密

博客分享

极简网页配色思路运用技巧

设计思考

讲解两个颜色搭配逻辑

阅读全文

网页留白设计完整指南

排版技巧

卡片、行高、页面边距规范

阅读全文

适合个人网站无衬线字体对比

前端

字体阅读体验对比

阅读全文

反馈问题

网站还在慢慢完善。遇到问题、想要的功能,或者只是想留句话,都可以写在这里。

昵称 已按当前登录身份自动填写,不可修改
0/500
感谢提交反馈
长按拖动排序
文章 昵称 评论内容 时间 状态 操作
暂无评论
01

修改管理员密码

02

导出完整 HTML 文件

将当前所有数据(文章、作品、更新日志、标签、评论、登录文案等)导出为一个完整的 HTML 文件。

数据更新于 22:35:56
01

网站数据

1当前在线
0今日访客
0今日访问
0累计访客

访问数据只保存在当前浏览器;接入服务器后可替换为全站真实数据。下方趋势图按天统计最近 7 天。

02

最近 7 天访问

010-23
010-24
010-25
010-26
010-27
010-28
010-29
03

内容数据

3文章
6作品
6个人标签
45更新日志
0评论
0反馈

内容数量不可归零;删除单条内容请到「内容管理」,每条都能撤销。

04

互动数据

0点赞
0分享
0文章互动
0作品互动

「归零」只清空数字,不会删除文章、作品或评论内容;归零后可以在下方「撤回」原样还原。

可撤回:删除账号(22:34:59)
用户管理更新于 19:11:01
共 1 位
用户 身份 状态 地区 互动 最近活跃 操作
xiaowei127.0.0.1 · 中国管理员正常中国—10-29 22:25

点任意一行查看该用户的完整信息与操作(拉黑 / 封禁 / 改密 / 删除等)。数据来自本机登录记录、评论与反馈;接入服务器后可显示真实 IP 与属地。

02

访问限制

纯静态站点无法读取访客真实 IP;规则保存在本地,接入服务器后由服务端执行。

博客文章 / 极简网页配色思路运用技巧
未保存
整块样式 字体 字号 已把现有正文转成 4 个可编辑块 · 记得点「保存内容」生效
发现 2026/10/17 17:20:42 的自动草稿(4 个块)
正文

讲解#E6F7FF与#89C2FF搭配逻辑,柔和护眼配色方案。

正文

在网页设计中,色彩搭配是非常重要的一环。低饱和度的蓝色系能够营造出柔和、专业的视觉效果。

正文

本文将详细介绍如何使用#E6F7FF作为背景色,搭配#89C2FF作为强调色,打造舒适护眼的配色方案。

正文

以上内容由Ai生成

已同步首页更新公告

要退出管理员登录吗?

退出后需要重新输入账号和密码,才能再次进入后台管理。

删除账号 · 可撤回