编程与网页设计基础课程学习心得

 在Julien老师生动活泼的课堂上，一个学期的学习让我从零基础逐步建立起对现代网页开发的基础认知。这门课程就像一把打开数字世界的钥匙，让我理解了网页从静态文本到动态呈现的技术脉络。

 通过系统的HTML和CSS的学习，我掌握了语义化标签的规范使用（如<header> <nav> <section>等模块的层级搭建），深入理解了盒模型、浮动布局和Flexbox的实战应用。特别在Final Project中制作个人作品网站时，通过（@media screen）初步实践了多设备显示适配，这让我意识到了，优秀的网页设计本质上是在信息架构与视觉美学之间寻找平衡。

 虽然课程未涉及JavaScript，但在学习CSS和简单的伪交互（如:hover状态设计）的过程中，我自发尝试去研究按钮点击效果的实现逻辑。这种对交互逻辑的好奇心，促使我在课外查阅资料时发现了JavaScript与DOM操作的重要性——这就像突然找到了让静态网页"活起来"的控制器，也让我更期待未来的深入学习。

   在制作响应式导航栏的实践中，我经历了从固定像素（px）到相对单位（rem/vw）的思维转变。当发现课程未涵盖Bootstrap等响应式框架时，我通过MDN文档学习了Flexbox的`gap`属性和CSS Grid的基础用法，这种探索过程让我体会到：响应式设计不仅是技术方案，更是以用户为中心的一种设计哲学。

Julien在课程中采用"项目驱动教学法"让我受益匪浅。在重构某烘焙店（Black Goose）官网的案例中，在一个个小项目中去实践当堂课以及之前所学习到的知识，一步步搭建起自己的一个网站，虽然简陋，但却让我感受到了前所未有的满足感

  如今虽然课程已结朿，但我在作品优化过程中发现：当尝试添加表单验证功能时，纯CSS方案的局限性让我直观感受到JavaScript的必要性；而在测试不同设备显示效果时，也意识到需要系统学习Media Query的进阶用法。这些实践中的痛点，都将成为我下一阶段攻克的重点目标。

  这门课程带给我的不仅是标签和属性的堆砌技巧，更重要的是建立了"结构-表现-行为"的分层设计思维。现在我已准备好在这片代码土壤中播下新的种子，用持续的学习浇灌出更精彩的数字花园，课程是已结束，可是这些知识，这个自己亲手搭建起来的第一个网站将成为我继续学习一方面知识的动力。

2023级电子商务（中外合办）1班 杜泽俊