当前课程知识点：现代教育技术 > 第七章网页制作基础 > 7.6CSS技术 > 7.6.1CSS技术（一）

返回《现代教育技术》慕课在线视频课程列表

7.6.1CSS技术（一）在线视频

7.6.1CSS技术（一）

下一节:7.6.2CSS技术（二）

返回《现代教育技术》慕课在线视频列表

7.6.1CSS技术（一）课程教案、知识点、字幕

同学们大家好

今天我们来学习CSS技术一

这节课的内容

首先我们来了解一下什么是CSS

CSS层叠样式表

CSS技术是一种

格式化网页的标准格式

CSS技术

能够实现结构

与格式的分离

我们用html语言来描述网页的结构

我们使用CSS技术来设置网页的格式

那么CSS有哪些优势呢

第一点

CSS解决了html方式

所固有的两种缺陷

格式定义的重复和格式维护的困难

这一点一会儿我们通过实例可以清楚的看到

第二点

CSS大大加强了网页的表现力

CSS提供了更多的设置功能

第三点

大大降低了网站的开发和维护的工作量

多个网页应用统一风格

可以随时进行更新

下面我们就来看一下

而是html和CSS的比较

在这段html代码当中

我们看到

这里边定义了h1段落的对齐方式

center居中

定义了字体为楷体

那么在其他正文中

再次设置为h1的对齐方式是居中

它的字体也是楷体

这样对于两段h1的文字

那么因为文字内容不同

虽然被设置的属性相同

但却要进行两次设置

如果我们使用CSS技术

就可以方便的解决代码重复问题了

这是我们采用CSS技术

我们选用style

定义h1的属性值

在下面的代码中

我们直接去输入h1它的属性值

因为我们在前面已经定义完成了

就不需要再次输入了

这是我们使用CSS的优势

我们在网页中使用CSS技术有三种方式

我们先来看第一种方式

在标记符中直接嵌套样式信息

使用style属性

可以在html标记符中直接嵌入样式信息

他的格式是标记符style

后面property1

就是属性1

value1值1

然后是属性2值2等等

好

下面我们通过一个实例来演示一下

在标记符中

直接嵌套样式信息

打开deramweaver软件

创建html文档

输入文本

一代人黑夜给了我黑色的眼睛

我却用它寻找光明

好

我们输入完成之后

进入到代码式图中

在一代人的前边

我们输入h1按回车键

选择style

在style里边呢

我们首先输入text-align

它的对齐方式

我们输入center居中

分号

然后我们还是把光标放到

text-align的前边

按回车键

选择font-family输入字体

宋体分号

好

把〉括回来

然后在一代人的后面

我们输入/h1

接下来输入段落标记符p

p我们也给他做一个style

首先还是按回车键输入t

text-align

那我们可以选择右对齐

好

接着光标还是回到

text-align的前面

按回车键

输入f

font-family这里边

我们输入楷体

_gb2312；

输入完成之后呢我们在引号的后面

输入〉

然后在寻找光明后面输入/p

在黑夜给了我黑色的眼睛

这句话结束的位置

我们输入换行标记符br

好

我们下面保存一下

记住

一代人标题是h1

然后对齐方式是居中字体是宋体

而黑夜给了我黑色的眼睛

我却用它寻找光明

这句两句话

他的字体是楷体

对齐方式是右对齐

下面我们预览一下

好

关于CSS技术一这节课的内容

我们就介绍到这里

谢谢大家

现代教育技术课程列表：

第一章现代教育技术概述

-1.1 现代教育技术的定义

--1.1 现代教育技术的定义

-1.2视听教育理论

--1.2.1视听教育理论

--1.2.2学习理论

--1.2.3教学理论

--1.2.4传播理论

--1.2.5系统科学理论

--1.2.6联通主义学习理论的教学应用

--1.2.7《联通主义学习理论的教学应用》教学设计

--1.2.8《联通主义学习理论的教学应用》视频介绍

-章末测试

--讨论：现代教育技术的理论基础是什么

--论述：现代教育技术的核心问题是什么

--论述：现代教育技术的理论基础是什么

--讨论：现代教育技术的前沿问题有哪些

-第一章现代教育技术概述--章末测试

-第一章现代教育技术概述--章末测试（二）

第二章教学设计

-2.1教学设计定义及基本过程模式

--2.1.1教学设计定义及基本过程模式

--2.1.2教学目标的编写

--2.1.3教学策略和教学媒体的选择

--2.1.4教学评价

--2.1.5麦克卢汉及其媒介理论

--2.1.6《麦克卢汉及其媒介理论》教学设计

--2.1.7《麦克卢汉及其媒介理论》视频介绍

-2.2 翻转课堂的教学设计

--2.2 翻转课堂的教学设计

-章末测试

--讨论：主流的教学设计包括哪些？

--翻转课堂的教学设计

-章末测试--作业

-章末测试—（二）

第三章现代教学媒体与环境

-3.1 现代教学媒体及常用设备

--3.1.1 现代教学媒体及常用设备

--3.1.2媒体的选择方法

-3.2数字化校园

--3.2.1数字化校园

--3.2.2微格教学系统

-- 3.2.3多媒体网络教室

-- 3.2.4智慧教室

-- 3.2.5虚拟实验室

-章末测试

--讨论：现代教学环境包括哪些内容？

--列举：现代教育技术主要媒体是什么？列举不少于5种

--论述：智慧教室有哪些基本设备

-章末测试--作业

第四章信息化教学资源的获取与处理

-4.1文本素材的获取与处理

--4.1.1文本素材的格式与获取

--4.1.2利用好的电子书制作生成器软件制作电子书

--4.1.3用MindMaster工具绘制思维导图

-4.2图像素材处理

--4.2.1图像素材的格式及获取

--4.2.2利用光影魔术手软件进行图像处理

--4.2.3 Photoshop 软件介绍

--4.2.4利用Photoshop对素材文件进行局部选取

--4.2.5利用Photoshop对选区进行操作及对选区内容的整合

-4.3声音素材处理

--4.3.1 声音素材的常见格式及获取

--4.3.2利用Adobe Audition软件进行声音素材的编辑

-4.4视频素材处理

--4.4.1视频素材的常见格式及获取

--4.4.2利用格式工厂软件进行视频格式转换

-章末测试

--讨论：现代教学软件包括哪些？列举不少于5个。

--讨论：信息化教学资源的获取有哪些方式

-章末测试--作业

-文本素材的获取与处理

期中测试

-期中测试--作业

第五章多媒体课件设计与制作

-5.1多媒体课件概述

--5.1.1多媒体课件概述

-5.2Powerpoint课件制作

--5.2.1powerpoint课件的宽高比

--5.2.2powerpoint的母板技术

--5.2.3powerpoint的图片处理功能

--5.2.4PowerPoint课件设计原则、色彩运用及字体使用

-5.3Flash课件制作

--5.3.1Flash软件简介及工作界面

--5.3.2flash软件的文档操作和绘图功能

--5.3.3使用FLASH软件编辑图形（把标题里的大写字母除首字母外变小写）

--5.3.4铅笔工具、刷子工具、任意变形工具的使用

--5.3.5套索工具、文本工具、墨水瓶工具的使用

--5.3.6创建形状补间动画

--5.3.7为动画添加形状提示点

--5.3.8创建逐帧动画

--5.3.9图层的使用

--5.3.10创建形状补间动画

--5.3.11创建影片剪辑元件和按钮元件

--5.3.12创建引导层动画

--5.3.13创建遮罩动画

-章末测试

--课件制作：利用FLASH制作一个动画，时长不少于1分钟，学科内容自选。

-章末测试--作业

第六章微课设计与制作

-6.1微课简介

--6.1微课的定义和特点

-6.2利用Camtasia Studio制作微课

--6.2.1利用Camtasia Studio进行录屏

--6.2.2利用Camtasia Studio录制Powerpoint

-6.3微课制作辅助软件

--6.3.1语音合成软件基本操作介绍

--6.3.2亿图软件基本操作介绍

--6.3.3Easysketch软件介绍

--6.3.4利用Easysketch软件绘制片头片尾

-章末测试

--论述：如何实现信息技术与课程整合？

--微课制作：利用Camtasia Studio进行录屏制作微课

-章末测试--作业

第七章网页制作基础

-7.1文本分段

--7.1.1文本分段（一）

--7.1.2文本分段（二）

-7.2控制文本在显示效果

--7.2控制文本在显示效果

-7.3列表格式

--7.3列表格式

-7.4创建超链接

--7.4创建超链接

-7.5网站实例

--7.5.1网站实例（一）

--7.5.2网站实例（二）

--7.5.3网站实例（三）

--7.5.4网站实例（四）

-7.6CSS技术

--7.6.1CSS技术（一）

--7.6.2CSS技术（二）

--7.6.3CSS技术（三）

-章末测试--作业

第八章网络教育应用

-8.1网络教育概述

--8.1网络教育概述

-8.2慕课的运用

--8.2慕课的运用

-8.3移动学习及其资源开发

--8.3移动学习及其资源开发

-8.4虚拟现实技术及其教育应用

--8.4虚拟现实技术及其教育应用

-章末测试

--讨论：移动学习如何有效进行

-章末测试--作业

期末测试

-期末测试--作业

7.6.1CSS技术（一）笔记与讨论

也许你还感兴趣的课程:

© 柠檬大学-慕课导航课程版权归原始院校所有，
本网站仅通过互联网进行慕课课程索引，不提供在线课程学习和视频，请同学们点击报名到课程提供网站进行学习。