人教版（2024）美化网页方法多教课内容ppt课件

这是一份人教版（2024）美化网页方法多教课内容ppt课件，共17页。PPT课件主要包含了学习目标，更多HTML美化效果，CSS衣柜，小熊装扮游戏，更多CSS美化效果等内容，欢迎下载使用。
知道用HTML代码简单美化网页的操作方法。
知道串联样式表的作用，初步学会用它美化网页。
能根据需求，分析不同方法的特点并合理选择，提高解决问题的效率。
学习活动一 ——我们来找茬
学习活动二——用HTML代码美化网页
补充代码：打开代码编辑器根据提示对网页进行美化。小组讨论：使用这种美化方式是否便捷，美化效果好不好？
科技节体验项目— 机器狗机器狗是一种模拟真实犬只形态和部分行为的机器设备，能够实现行走、坐下、翻滚等多种动作。机器狗的出现为人工智能和机器人研究提供了新的想象空间，也让更多人得以近距离接触机器人技术。 
写CSS代码时，需要先指定网页中的元素，然后对元素的颜色、字体等进行描述。观察HTML代码美化和CSS代码美化，你能总结出CSS代码的一般格式吗？
校园科技节bdy{ backgrund-clr:#b0e5ec;}h2{ fnt-family:黑体； fnt-size:50px; clr:#009688;}h1{ fnt-family:黑体； fnt-size:40px; clr:#f8645a;}p{ fnt-family:隶书； fnt-size:24px;}
bdy{ backgrund-clr:#b0e5ec;}h1{ fnt-family:黑体； fnt-size:40px; clr:#f8645a;}
bdy{ backgrund-clr : #b0e5ec;}
学习活动三——用CSS代码美化网页
补充代码：打开代码编辑器根据步骤提示对用CSS对网页进行美化。
观察修改后网页显示效果的变化，说一说CSS美化与HTML美化有哪些不一样呢？
用在线人工智能模型，美化HTML代码把已有的HTML代码：将已有的HTML代码提交给模型，然后要求它使用CSS美化就可以了。