B003 · 做一个介绍页面
这是根据教师 JSON 自动生成的可视化查看页，左边快速扫读，右边直接看作品预览。
基础信息
主能力标签
表达构建
任务类型标签
视听表达
适合学生类型
初次接触网页制作
有一点基础想练排版
训练重点
图片与文字的组合方式
网页结构的基本层次感
排版的视觉优先级
卡点和解决方案
卡点
学生不知道图片和文字该放什么位置，感觉放哪里都不对。
解决方案
引导学生先'对半分'——左边图右边文，或者上图文下图，不要一开始就追求复杂排版，先把基本结构搭起来。
卡点
文字写得太长或太短，比例失调。
解决方案
告诉学生一个简单原则：图片大约占页面的 40%~60%，文字作为补充说明，一两句话就够了，不用写成作文。
可拓展方向
加入更多内容块：比如加入兴趣标签、联系方式、荣誉墙等，变成多区块的综合介绍页。
做多页面版本：首页是概括，第二页是详细自我介绍，用链接跳转。
加入动画：图片入场动画、文字渐显，让页面更生动。
课后作业
回家后把自己的介绍页面发给爸妈或朋友，让他们点评：哪个地方最吸引你？哪个地方可以更好？把反馈记下来，下次上课一起讨论。
作品预览
当前文件夹下没有找到 example.html / index.html / preview.html