第8课 网页的数据呈现 课件 2023—2024学年浙教版（2023）初中信息技术八年级上册

网页的数据呈现 第8课 通过体验CSS 样式设置的效果，认识CSS样式表，了解样式表的作用；通过网页中添加样式，掌握样式表的基本结构；能理解使用CSS降低网页代码耦合度所带来的便捷。 学习目标 1、你浏览过的网页中，看到过哪些网页效果? 2、你知道网页中的文字效果是如何实现的? 本课探究 1 网页数据呈现的方式 网页数据呈现的方式 你知道网页数据呈现方式有哪些？ 文本、图像、链接、表格、列表、图表和图形、视频和音频、动画和交互效果、表单以及其他媒体和插件等。 2 CSS样式 CSS样式 你知道什么是CSS？ CSS全称为层叠样式表 (Cascading Style Sheets), 也是一种标识语言，CSS样式可以方便地设置网页效果。 CSS样式 CSS的样式： 字号、字体、颜色、位 置以及图片的大小...... CSS样式 CSS的优点： 1、样式与内容分离 2、网页加载速度快 3、一致的样式设计 4、容易维护和更新 5、响应式设计 6、可扩展性 ...... CSS样式 教师演示添加样式表的网页效果。 CSS样式 活动一：修改样式表里的属性和属性参数，观察网页外观变化，尝试其他样式的设置。 3 样式表的基本结构 样式表的基本结构 什么是<style>标签？ <style>标签是HTML中用于定义内部样式表的标签。它位于<head>标签内部，用于在网页中直接指定元素的样式。 样式表的基本结构 <style>标签的基本语法： 样式表的基本结构 <style>实例展示： 样式表的基本结构 活动二：用CSS 样式表美化网页。 谢谢大家 $$