当前课程知识点:计算机文化基础 >  第9课:从图像传感器看世界的物联 >  实践:HTML入门实践 >  综合样例(上)

返回《计算机文化基础》慕课在线视频课程列表

综合样例(上)在线视频

综合样例(上)

下一节:综合样例(下)

返回《计算机文化基础》慕课在线视频列表

综合样例(上)课程教案、知识点、字幕

下面我们就把这个例子

来给做一遍

这里头的这几个知识点

我们刚才都作了介绍了

好具体的步骤

我们来看一下

首先把这个页面中

要用到的这些素材

我们做一个准备

标题 背景

还有一种插图

我们都事先准备好

另外呢

我们页面中的这些文字

我们也都准备好

然后呢

我们就可以

新建一个文件夹

取一个名字

然后把这个图像素材

都放到images

这个子文件夹中

然后我们就打开记事本就行了

把这个文档类型声明等这样的结构

给它写入

写入好这种效果呢

就这个样子的

然后我们就把它保存一下

保存为index.html

放在我们这个网站的根下

然后就可以双击这个index.html这个文件

在浏览器中把它打开

这个时候

我们就可以看到

浏览器打开之后

我们看不到任何的东西

因为我们还没有在里头写上

页面上可以见到的

这些文字和图片

然后我们再查看源

再次打开记事本

按照我们刚才介绍的

往里头输入内容

设置这些格式

继续来编辑这些网页

不断地来进行保存和刷新

的这种操作

我们就可以看到效果

然后我们就可以反复的

来进行修改

最后就可以得到我们要的这个结果了

好下面我们就演示一下

比如说我们再新建一个文件夹

叫web

然后我们把用到的这个素材

这个图片

整个这个文件夹

我们都拷到

这个web这个文件夹里头来

这个文字内容

我们可以先打开

一会来使用

好下面我们就可以把记事本打开

然后把我们这个文档结构

来把它粘贴过来

不要的地方

可以把它删掉

好下面就可以保存一下

执行文件另存为这个命令

然后把这个路径找到

放在刚才我们这个网站的根下

然后直接在这文件名中

输入

index.html

直接在这输入

然后点一下保存按钮就行了

刚才做的呢

我们也可以先关闭掉

然后现在呢

我们就到web这个文件夹里头

我们就会发现

我们刚才做的这个index.html

这个文件就生成了

下面呢

我们就可以双击它

把它打开

打开来之后呢

我们就会发现

里头是空的

这个时候呢

我们就可以点查看源文件

然后在里头进一步修改

下面呢我们就开始

往里头加入内容

首先我们就可以把

我们这个文字内容

先全部贴过去

好我们选中这个文字的素材

然后编辑

然后把这些内容呢

就贴到body这个标签里头

好这个时候呢

我们就可以查看一下效果

保存一下

然后我们刷新

我们会发现

这个文字内容呢

都进到这个网页里头来了

但是呢

它都在一个段落里

我们需要把它分段

然后再设置格式

好我们再打开这个记事本

我们先设置

段落

增加这个p标记

分成了三个段落

我们就会发现

这个段落已经分成了三个段落

好回来

下面呢我们再为这个页面

加一个背景

这个背景我们用background这个属性

好里头的这个图片呢

我们来打开看一下

在wab这个文件夹里的

images这个子文件夹下

有这么三张图

背景图是bg.jpg

好我们就来写入

我们就会发现这个背景图

已经可以看得到了

它就是一张小图

然后平出之后的这种效果

下面我们再为这个页面

加上一个标题

把清华大学这几个字

我们再弄一个标题

我们用这个h1

这个大标题

然后让它居中对齐

好这效果也出来了

计算机文化基础课程列表:

第1课:说在前面的话

-由一个短片引出......

--由一个短片引出......

-梳理IT产业大脉络(上)

--梳理IT产业大脉络(上)

-梳理IT产业大脉络(下)

--梳理IT产业大脉络(下)

-你的第一门计算机入门课

--课程介绍及要求

-实践:图像处理入门

--实践小作业要求

--操作前的几点准备

--操作1:素材整体布局

--操作2:制作收割后裸露土地的效果

--操作3:人物主体抠像

--操作4:图像合成的余下步骤

-第1课习题作业

-第1课导学帖

--第1课导学帖

第2课:揭开计算机的神秘面纱

-现代计算机为什么是电子数字的?

--数字装置与模拟装置

-二进制与十进制有什么区别?

--了解二进制

-为什么莱布尼兹没有认识到二进制的重要性?

--与、或、非

--二进制数的数字实现

-从ENIAC到现代通用计算机

--ENIAC到现代计算机

--新材料带来新发展

-摩尔定律会失效吗?

--摩尔定律失效

-讲座:计算机世界中的巨无霸

--计算机世界中的巨无霸

-参观:感受世界巨无霸(太湖之光)

--神威太湖之光简介

--探秘神威太湖之光

--神威太湖之光应用领域

-参观补充:走进济南国家超算中心

--走进国家超算中心

-实践:我的计算机有多快?

--我的计算机有多快?

-第2课习题作业

-第2课导学帖

--第2课导学帖

第3课:数字世界中形形色色的“数”

-数码相机是如何“计算”出一张数字照片?

--照相机如何感知世界

--如何拍摄彩色照片

-认识图像数字化过程中的采样和量化

--采样和量化

--像素、分辨率和色深

-计算机是如何感知声音波形的?

--声音量化三要素

-换一种思路来数字化文本信息

--机内码是如何产生的

--字符集的发展历程

-实践:常用网络资源下载

--常见下载方法介绍

--常见文件类型下载

- 第3课习题作业

-第3课导学帖

--第3课导学帖

第4课:最熟悉的陌生人APP

-软件解决的目标是什么?

--软件的目的是什么

-我们使用的软件是怎么来的?

--软件是怎么来的1

--软件是怎么来的2

-操作系统拥有什么样的神力?

--开机过程发生了什么

--操作系统的演变1

--操作系统的演变2

--CPU的管理调度

--虚拟存储技术

--统一驱动外设的方法

-访谈:如何成功研发一款手机APP

--互联网模式下的APP

--ColorV的应用亮点

--如何在互联网中掘金

--ColorV操作讲解

-实践:如何利用注册表进行系统优化

--注册表概述

--用注册表进行系统优化

--注册表与信息安全

-第4课习题作业

-第4课导学帖

--第4课导学帖

第5课:数据如何安好

-数字存储前言

--梳理数字存储历史

--磁、光存储介质

--半导体存储介质

-怎样在存储介质上表示1和0?

--光盘怎样表示1和0

--磁带和半导体怎样表示

-怎样从存储介质读取1和0?

--怎样读取1和0(上)

--怎样读取1和0(下)

-如何找到所需的数据?

--如何找到数据(上)

--如何找到数据(下)

-实践:文章排版基本技能

--引言

--中文输入

--排版的基本编辑对象

--打印字符与非打印字符

--图文混排

--页面设置

--利用样式润色文件段落

--利用表格布局标题

--分栏和首字下沉

--设置页眉与页脚

--设置插图润色排版

--LaTeX入门

-第5课习题作业

-第5课导学帖

--第5课导学帖

第6课:演示文稿制作

-演示文稿制作准备

--操作前的几个概念

--实践前的环境准备

--参考上机练习完成制作

-制作演示文稿

--具体版式幻灯片制作1

--具体版式幻灯片制作2

--具体版式幻灯片制作3

--具体版式幻灯片制作4

--幻灯片切换动画效果

--幻灯片元素动画效果1

--幻灯片元素动画效果2

--幻灯片元素动画效果3

--设置超链接按钮

--设置超链接文本

--设置演示文稿背景音乐

-作品赏析

--咖啡作品:演示效果的普适性

--机器猫作品:路径动画和背景音效

--夏天的风作品:Mac OS制作

--游戏作品:密室逃脱(上)

--游戏作品:密室逃脱(下)

-第6课习题作业

-第6课导学帖

--第6课导学帖

第7课:从单机到联网

-联网目的和资源共享模式的变迁

--中央主机-终端联网

--资源共享模式

--异构网互联

-物联网连入互联网

--互联网与因特网

-访谈:PC在智能穿戴生态系统中的定位

--对话联想(上)

--对话联想(下)

-参观:联想创新中心掠影

--探秘联想创新中心

-第7课习题作业

-第7课导学帖

--第7课导学帖

第8课:+互联网

-从网络组织来描述计算机网络

--计算机网络的定义

--通信线路和设备(上)

--通信线路和设备(下)

--网络软件

-从功能角度来认识计算机网络

--网络体系结构

--IPv4(上)

--IPv4(下)

--IPv6

--查看IP地址/DNS

-实践:网络不通怎么办

--网络连接

--用ping测试连通性

--ipconfig确定配置

--默认网关的MAC地址

--如何知道数据走哪条路

-第8课习题作业

-第8课导学帖

--第8课导学帖

第9课:从图像传感器看世界的物联

-认识图像传感器

--认识图像传感器

--图像传感器的应用

--图像传感器的市场

--图像传感器发展阶段

-图像传感器的应用

--在汽车中的应用1

--在汽车中的应用2

--物联网中的应用

-了解图像传感器技术

--图像传感器的技术

-图像传感器的挑战

--问题与挑战

-讲座:如何在大数据中精准生活

--走进大数据

--探秘腾讯大数据平台

--生活中的大数据

-实践:HTML入门实践

--HTML作业要求

--HTML基本标记

--综合样例(上)

--综合样例(下)

-第9课习题作业

-第9课导学帖

--第9课导学帖

第10课:从信息为王到选择为王

-认识搜索引擎

--这就是搜索引擎

--著名的搜索引擎公司

--搜索引擎技术的发展

--搜索引擎的目标与广告

-信息检索背后的关键技术

--海量数据的获取

--建立快速有效的索引

--搜索结果排名

-搜索引擎的未来

--情境感知的搜索

--社会化搜索

--智能搜索

-实践:Aminer学术搜索

--Aminer介绍

-第10课习题作业

-第10课导学帖

--第10课导学帖

第11课:信息安全知多少

-信息安全的基本要求

--信息安全的基本要求

--早期的计算机安全

-新型的网络攻击有哪些

--联线网络信息安全专家

--信息泄露

--信息安全与社会工程学

--移动安全

-未知攻 焉知防

--未知攻焉知防

--未知攻焉知防2

--信息加密

--安全防范原则

-实践:Excel实践

--认识Excel表格

--实例操作

--实例操作2

--实例操作3

--绘制图表

-第11课习题作业

-第11课导学帖

--第11课导学帖

第12课:说在后面的话

-回顾与展望

--回顾与展望1

--回顾与展望2

--回顾与展望3

--回顾与展望4

-什么是计算

--什么是计算

-访谈:信息技术交叉应用

--对话风投专家1

--对话风投专家2

--对话风投专家3

-嘉宾分享:闲谈数字产业创新

--闲谈数字产业创新(上)

--闲谈数字产业创新(下)

-第12课习题作业

-第12课导学帖

--第12课导学帖

综合样例(上)笔记与讨论

也许你还感兴趣的课程:

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