2025-05-30 08:40发布于浙江
IG1学生的数字艺术之旅:
PBL项目"像素艺术与个人网站"成果展示
当编程遇见艺术,会碰撞出怎样的火花?在IT Gloria老师的指导下,IG1的同学们通过PBL(项目式学习)完成了充满创意的"Pixel Art & Personal Website"项目!
从设计像素画到搭建个人网站,学生们不仅掌握了HTML/CSS基础技能,更展现了独特的数字艺术表达。一起来看看他们的学习过程&作品吧!
学生通过本次项目:
✅ 使用 Piskel 创作原创像素艺术(数字设备、游戏角色、个人Logo)
✅ 运用 HTML/CSS 搭建个人网站展示作品
✅ 提升数字创造力、网页设计及基础编程能力
在像素艺术创作环节中,同学们发挥想象力,设计了三种类型的像素画:数字设备(手机、电脑等),游戏角色(原创或经典形象再创作),以及个人Logo(代表自我个性的标识)。
在完成艺术创作之后,同学们开始尝试着搭建个人网站,属于自己的网站里包含了自我介绍和作品画廊(三幅像素画+文字说明),网站有清晰的导航与布局简洁的视觉设计。
在制作过程中,同学们学习了用GitHub Pages/Netlify发布网站,掌握了HTML/CSS基础代码结构,在各项技术实践中,逐渐搭建起了属于自己的网站。
下面来看看大家的作品吧!
Niki
Orthia
Rose
Trista
Vivi
Step 1: 用Piskel设计像素画(PNG/JPG格式)
Step 2: 编写网站代码(首页+画廊+作品描述)
Step 3: 发布并测试网站可访问性
清晰的轮廓、明快的色彩,可爱的造型......同学们设计的像素作品五花八门,各有特色。有的同学用CSS动画让像素画"动起来",充满了趣味。
Vivi 作品
有的同学像素化了经典动画形象,让它们保留了原型的辨识度又多了不少复古怀旧感觉的效果。
Orthia
老师点评
"这次项目不仅锻炼了学生的技术能力,更激发了他们的艺术创造力。许多同学在网站设计中融入了个性化构思,比如隐藏彩蛋页面、自定义光标等——这些远超课程预期的惊喜,正是PBL的魅力所在!"
从0到1完成一个项目,IG1的同学们证明了——编程不只是冰冷的代码,更是表达创意的画笔,期待他们在下一个PBL项目中继续突破自我!
声明:本文内容为国际教育号作者发布,不代表国际教育网的观点和立场,本平台仅提供信息存储服务。
全国500所国际学校大全 / 3分钟匹配5-8所 / 1年名校升学备考托管服务