菜单
国际教育网
搜索繁体
首页学校升学留学家长进修学习资源

编程与艺术的完美邂逅:用像素艺术和个人网站展现创造力

2025-05-30 08:40发布于浙江

关注


 IG1学生的数字艺术之旅:

PBL项目"像素艺术与个人网站"成果展示

当编程遇见艺术,会碰撞出怎样的火花?在IT Gloria老师的指导下,IG1的同学们通过PBL(项目式学习)完成了充满创意的"Pixel Art & Personal Website"项目!

从设计像素画到搭建个人网站,学生们不仅掌握了HTML/CSS基础技能,更展现了独特的数字艺术表达。一起来看看他们的学习过程&作品吧!




01
项目学习介绍


学生通过本次项目:

✅ 使用 Piskel 创作原创像素艺术(数字设备、游戏角色、个人Logo)

✅ 运用 HTML/CSS 搭建个人网站展示作品

✅ 提升数字创造力、网页设计及基础编程能力


在像素艺术创作环节中,同学们发挥想象力,设计了三种类型的像素画:数字设备(手机、电脑等),游戏角色(原创或经典形象再创作),以及个人Logo(代表自我个性的标识)。



在完成艺术创作之后,同学们开始尝试着搭建个人网站,属于自己的网站里包含了自我介绍和作品画廊(三幅像素画+文字说明),网站有清晰的导航与布局简洁的视觉设计。


在制作过程中,同学们学习了用GitHub Pages/Netlify发布网站,掌握了HTML/CSS基础代码结构,在各项技术实践中,逐渐搭建起了属于自己的网站。



下面来看看大家的作品吧!


Niki


Orthia


Rose


Trista


Vivi


步骤总结

Step 1: 用Piskel设计像素画(PNG/JPG格式)

Step 2: 编写网站代码(首页+画廊+作品描述)

Step 3: 发布并测试网站可访问性





02
学生作品精选

清晰的轮廓、明快的色彩,可爱的造型......同学们设计的像素作品五花八门,各有特色。有的同学用CSS动画让像素画"动起来",充满了趣味。

Vivi 作品


有的同学像素化了经典动画形象,让它们保留了原型的辨识度又多了不少复古怀旧感觉的效果。

Orthia





Rose







Trista







Niki







Camilla 







Yoyo 



Vivi







Zoe 




老师点评



Gloria / IT老师

"这次项目不仅锻炼了学生的技术能力,更激发了他们的艺术创造力。许多同学在网站设计中融入了个性化构思,比如隐藏彩蛋页面、自定义光标等——这些远超课程预期的惊喜,正是PBL的魅力所在!"





结语

从0到1完成一个项目,IG1的同学们证明了——编程不只是冰冷的代码,更是表达创意的画笔,期待他们在下一个PBL项目中继续突破自我!

声明:本文内容为国际教育号作者发布,不代表国际教育网的观点和立场,本平台仅提供信息存储服务。

免费联系常春藤校园信息平台

联系学校

提交成功后可以直接一键联系学校哦!

浙江常春藤国际高中

课程设置:Alevel,IGCSE,其他

快速匹配适合您孩子的学校

全国500所国际学校大全 / 3分钟匹配5-8所 / 1年名校升学备考托管服务

立即匹配

家长关注

预约看校

提交