课程列表、课程详情、讲师主页、活动页、购物车——在线课程站的骨架就这几块。这套模板的做法是每一块都不含糊，尤其在课程详情上给了两套排版：一套适合课时多、章节结构复杂的长课程，另一套适合训练营这种强调成果与节奏的短课程。课程列表也配了侧栏筛选版，按分类、难度、价格筛选的动线是通的。
讲师那条线单独成页并配详情，这对以名师为卖点的机构很关键——学员往往是冲着某位老师来的，讲师主页就是这条流量的落地点。活动模块有列表与详情两页，适合承接公开课与线下沙龙。商城线完整，含商品、商品详情、购物车、结算与心愿单，课程之外的教材、工具包可以顺带出货。账号体系给了登录、注册与找回密码三页。四套首页版式可分别对应综合平台、单一技能、训练营与机构官网四种定位。这套结构同样适用于设计与编程培训、考研考证、企业内训、职业技能认证、成人兴趣课、师资孵化平台……凡是「课程在线售卖、讲师本人就是流量入口、要同时承接长课与短训」的机构都合用。
核心功能
课程详情两套排版，长课程与训练营各用各的信息结构
课程列表配侧栏筛选，分类、难度与价格筛选动线完整
讲师列表与讲师详情配套，名师流量有明确落地页
活动列表与活动详情两页，承接公开课与线下沙龙
商城线完整，含商品详情、购物车、结算与心愿单
账号体系三页：登录、注册与找回密码
四套首页版式，对应综合平台、单一技能、训练营与机构官网
即将上线页与隐私政策页各备一份，新课预热与合规都有位置
页面与技术规格
30 个 HTML 页面，含 4 套首页，实测 198 个文件、7.0 MB
基于 Bootstrap 5.3.2，课程卡片在窄屏自动转为单列
课程筛选走 Isotope，切换分类时卡片带重排动画
视频灯箱采用 Venobox，试听片段可内嵌播放
Swiper 承担课程与评价轮播，GSAP 编排区块进场
下拉选择由 Nice Select 美化，报名表单移动端样式统一
