网页设计与制作实训报告心得体会总结分享，技能提升与体验成长之路是如何实现的？
- 内容介绍
- 文章标签
- 相关推荐
开学初听说要开「网页设计与制作实训」课时,我攥着课表翻来覆去看了三遍——终于不是对着PPT划水记笔记了!那时候我总想着,等做完这次实训,一定要搞个炫酷到能拿出去晒朋友圈的个人网站,最好加个会动的粒子背景,再整个暗黑系导航栏,完美符合我「网瘾少女」+「技术宅」的双重人设。谁能料到,第一堂实操课就让我栽了个大跟头呢?
老师推开门放下电脑时,屏幕上赫然跳出来一行字:「今天任务:用纯HTML+CSS手写一个响应式博客首页」 。我旁边小胖立 YYDS... 刻哀嚎出声——他上周刚跟我吐槽过「CSS浮动不清零会导致页面崩掉」,如今这「响应式」三个字跟天书似得挂在黑板上晃啊晃!
所谓「响应式」,之前只在选修课上听过大概:就是手机看和电脑看不一样嘛!可真上手才发现,这玩意儿比登天还难——我照着课本抄媒体查询的时候,明明写了max- 乱弹琴。 width:768px想适配手机,后来啊页面一缩放直接变成「文字叠罗汉大赛」;好不容易调好了导航栏隐藏逻辑,刷新一下又发现按钮位置跑到logo上面去了……
中午蹲在食堂啃包子的时候,我给学委发消息吐槽:「是不是我天生就跟前端犯冲?」她拍过来一张截图——是凌晨两点她改代码时拍의 desk : 显示器亮着护眼灯 , 键盘上堆满半块吃剩の薯片 , 浏览器打开十几个标签页 , 从MDN文档到B站UP主の教程全扒拉遍了 ! 那一刻我突然懂了 : 厉害从来不是天生の , 是把「不会」熬成「会」の过程 . 下午回教室 , 我厚着脸皮找老师借来了去年の实训案例 , 一行一行对照着改代码 ; 遇到不懂のflex-wrap属性 , 干脆把W3School教程打印出来贴在笔记本上 , 写一句注释一句 .，太虐了。
开学初听说要开「网页设计与制作实训」课时,我攥着课表翻来覆去看了三遍——终于不是对着PPT划水记笔记了!那时候我总想着,等做完这次实训,一定要搞个炫酷到能拿出去晒朋友圈的个人网站,最好加个会动的粒子背景,再整个暗黑系导航栏,完美符合我「网瘾少女」+「技术宅」的双重人设。谁能料到,第一堂实操课就让我栽了个大跟头呢?
老师推开门放下电脑时,屏幕上赫然跳出来一行字:「今天任务:用纯HTML+CSS手写一个响应式博客首页」 。我旁边小胖立 YYDS... 刻哀嚎出声——他上周刚跟我吐槽过「CSS浮动不清零会导致页面崩掉」,如今这「响应式」三个字跟天书似得挂在黑板上晃啊晃!
所谓「响应式」,之前只在选修课上听过大概:就是手机看和电脑看不一样嘛!可真上手才发现,这玩意儿比登天还难——我照着课本抄媒体查询的时候,明明写了max- 乱弹琴。 width:768px想适配手机,后来啊页面一缩放直接变成「文字叠罗汉大赛」;好不容易调好了导航栏隐藏逻辑,刷新一下又发现按钮位置跑到logo上面去了……
中午蹲在食堂啃包子的时候,我给学委发消息吐槽:「是不是我天生就跟前端犯冲?」她拍过来一张截图——是凌晨两点她改代码时拍의 desk : 显示器亮着护眼灯 , 键盘上堆满半块吃剩の薯片 , 浏览器打开十几个标签页 , 从MDN文档到B站UP主の教程全扒拉遍了 ! 那一刻我突然懂了 : 厉害从来不是天生の , 是把「不会」熬成「会」の过程 . 下午回教室 , 我厚着脸皮找老师借来了去年の实训案例 , 一行一行对照着改代码 ; 遇到不懂のflex-wrap属性 , 干脆把W3School教程打印出来贴在笔记本上 , 写一句注释一句 .，太虐了。