浙教版八年级信息技术上册《第8课网页的数据呈现》课件_第1页
浙教版八年级信息技术上册《第8课网页的数据呈现》课件_第2页
浙教版八年级信息技术上册《第8课网页的数据呈现》课件_第3页
浙教版八年级信息技术上册《第8课网页的数据呈现》课件_第4页
浙教版八年级信息技术上册《第8课网页的数据呈现》课件_第5页
已阅读5页,还剩12页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页的数据呈现第8课

通过体验CSS样式设置的效果,认识CSS样式表,了解样式表的作用;通过网页中添加样式,掌握样式表的基本结构;能理解使用CSS降低网页代码耦合度所带来的便捷。学习目标1、你浏览过的网页中,看到过哪些网页效果?2、你知道网页中的文字效果是如何实现的?本课探究1网页数据呈现的方式网页数据呈现的方式你知道网页数据呈现方式有哪些?

文本、图像、链接、表格、列表、图表和图形、视频和音频、动画和交互效果、表单以及其他媒体和插件等。2CSS样式CSS样式你知道什么是CSS?

CSS全称为层叠样式表(CascadingStyleSheets),也是一种标识语言,CSS样式可以方便地设置网页效果。CSS样式CSS的样式:

字号、字体、颜色、位置以及图片的大小......CSS样式CSS的优点:1、样式与内容分离2、网页加载速度快3、一致的样式设计4、容易维护和更新5、响应式设计6、可扩展性......CSS样式

教师演示添加样式表的网页效果。CSS样式

活动一:修改样式表里的属性和属性参数,观察网页外观变化,尝试其他样式的设置。3样式表的基本结构样式表的基本结构

什么是<style>标签?

<style>标签是HTML中用于定义内部样式表的标签。它位于<head>标签内部,用于在网页中直接指定元素的样式。样式表的基本结构<style>标签的基本语法:样式表的基本结构<style>实例展示:样式

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论