当前课程知识点:计算机文化基础 > 第9课:从图像传感器看世界的物联 > 实践:HTML入门实践 > 综合样例(上)
下面我们就把这个例子
来给做一遍
这里头的这几个知识点
我们刚才都作了介绍了
好具体的步骤
我们来看一下
首先把这个页面中
要用到的这些素材
我们做一个准备
标题 背景
还有一种插图
我们都事先准备好
另外呢
我们页面中的这些文字
我们也都准备好
然后呢
我们就可以
新建一个文件夹
取一个名字
然后把这个图像素材
都放到images
这个子文件夹中
然后我们就打开记事本就行了
把这个文档类型声明等这样的结构
给它写入
写入好这种效果呢
就这个样子的
然后我们就把它保存一下
保存为index.html
放在我们这个网站的根下
然后就可以双击这个index.html这个文件
在浏览器中把它打开
这个时候
我们就可以看到
浏览器打开之后
我们看不到任何的东西
因为我们还没有在里头写上
页面上可以见到的
这些文字和图片
然后我们再查看源
再次打开记事本
按照我们刚才介绍的
往里头输入内容
设置这些格式
继续来编辑这些网页
不断地来进行保存和刷新
的这种操作
我们就可以看到效果
然后我们就可以反复的
来进行修改
最后就可以得到我们要的这个结果了
好下面我们就演示一下
比如说我们再新建一个文件夹
叫web
然后我们把用到的这个素材
这个图片
整个这个文件夹
我们都拷到
这个web这个文件夹里头来
这个文字内容
我们可以先打开
一会来使用
好下面我们就可以把记事本打开
然后把我们这个文档结构
来把它粘贴过来
不要的地方
可以把它删掉
好下面就可以保存一下
执行文件另存为这个命令
然后把这个路径找到
放在刚才我们这个网站的根下
然后直接在这文件名中
输入
index.html
直接在这输入
然后点一下保存按钮就行了
刚才做的呢
我们也可以先关闭掉
然后现在呢
我们就到web这个文件夹里头
我们就会发现
我们刚才做的这个index.html
这个文件就生成了
下面呢
我们就可以双击它
把它打开
打开来之后呢
我们就会发现
里头是空的
这个时候呢
我们就可以点查看源文件
然后在里头进一步修改
下面呢我们就开始
往里头加入内容
首先我们就可以把
我们这个文字内容
先全部贴过去
好我们选中这个文字的素材
然后编辑
然后把这些内容呢
就贴到body这个标签里头
好这个时候呢
我们就可以查看一下效果
保存一下
然后我们刷新
我们会发现
这个文字内容呢
都进到这个网页里头来了
但是呢
它都在一个段落里
我们需要把它分段
然后再设置格式
好我们再打开这个记事本
我们先设置
段落
增加这个p标记
分成了三个段落
我们就会发现
这个段落已经分成了三个段落
好回来
下面呢我们再为这个页面
加一个背景
这个背景我们用background这个属性
好里头的这个图片呢
我们来打开看一下
在wab这个文件夹里的
images这个子文件夹下
有这么三张图
背景图是bg.jpg
好我们就来写入
我们就会发现这个背景图
已经可以看得到了
它就是一张小图
然后平出之后的这种效果
下面我们再为这个页面
加上一个标题
把清华大学这几个字
我们再弄一个标题
我们用这个h1
这个大标题
然后让它居中对齐
好这效果也出来了
-由一个短片引出......
-梳理IT产业大脉络(上)
-梳理IT产业大脉络(下)
-你的第一门计算机入门课
--课程介绍及要求
-实践:图像处理入门
--实践小作业要求
--操作前的几点准备
-第1课习题作业
-第1课导学帖
--第1课导学帖
-现代计算机为什么是电子数字的?
-二进制与十进制有什么区别?
--了解二进制
-为什么莱布尼兹没有认识到二进制的重要性?
--与、或、非
-从ENIAC到现代通用计算机
--新材料带来新发展
-摩尔定律会失效吗?
--摩尔定律失效
-讲座:计算机世界中的巨无霸
-参观:感受世界巨无霸(太湖之光)
--神威太湖之光简介
--探秘神威太湖之光
-参观补充:走进济南国家超算中心
--走进国家超算中心
-实践:我的计算机有多快?
-第2课习题作业
-第2课导学帖
--第2课导学帖
-数码相机是如何“计算”出一张数字照片?
--如何拍摄彩色照片
-认识图像数字化过程中的采样和量化
--采样和量化
-计算机是如何感知声音波形的?
--声音量化三要素
-换一种思路来数字化文本信息
--字符集的发展历程
-实践:常用网络资源下载
--常见下载方法介绍
--常见文件类型下载
- 第3课习题作业
-第3课导学帖
--第3课导学帖
-软件解决的目标是什么?
--软件的目的是什么
-我们使用的软件是怎么来的?
--软件是怎么来的1
--软件是怎么来的2
-操作系统拥有什么样的神力?
--操作系统的演变1
--操作系统的演变2
--CPU的管理调度
--虚拟存储技术
-访谈:如何成功研发一款手机APP
-实践:如何利用注册表进行系统优化
--注册表概述
--注册表与信息安全
-第4课习题作业
-第4课导学帖
--第4课导学帖
-数字存储前言
--梳理数字存储历史
--磁、光存储介质
--半导体存储介质
-怎样在存储介质上表示1和0?
-怎样从存储介质读取1和0?
-如何找到所需的数据?
-实践:文章排版基本技能
--引言
--中文输入
--图文混排
--页面设置
--利用表格布局标题
--分栏和首字下沉
--设置页眉与页脚
--设置插图润色排版
--LaTeX入门
-第5课习题作业
-第5课导学帖
--第5课导学帖
-演示文稿制作准备
--操作前的几个概念
--实践前的环境准备
-制作演示文稿
--设置超链接按钮
--设置超链接文本
-作品赏析
-第6课习题作业
-第6课导学帖
--第6课导学帖
-联网目的和资源共享模式的变迁
--资源共享模式
--异构网互联
-物联网连入互联网
--互联网与因特网
-访谈:PC在智能穿戴生态系统中的定位
--对话联想(上)
--对话联想(下)
-参观:联想创新中心掠影
--探秘联想创新中心
-第7课习题作业
-第7课导学帖
--第7课导学帖
-从网络组织来描述计算机网络
--计算机网络的定义
--网络软件
-从功能角度来认识计算机网络
--网络体系结构
--IPv4(上)
--IPv4(下)
--IPv6
-实践:网络不通怎么办
--网络连接
-第8课习题作业
-第8课导学帖
--第8课导学帖
-认识图像传感器
--认识图像传感器
--图像传感器的应用
--图像传感器的市场
-图像传感器的应用
--在汽车中的应用1
--在汽车中的应用2
--物联网中的应用
-了解图像传感器技术
--图像传感器的技术
-图像传感器的挑战
--问题与挑战
-讲座:如何在大数据中精准生活
--走进大数据
--生活中的大数据
-实践:HTML入门实践
--HTML作业要求
--HTML基本标记
--综合样例(上)
--综合样例(下)
-第9课习题作业
-第9课导学帖
--第9课导学帖
-认识搜索引擎
--这就是搜索引擎
-信息检索背后的关键技术
--海量数据的获取
--搜索结果排名
-搜索引擎的未来
--情境感知的搜索
--社会化搜索
--智能搜索
-实践:Aminer学术搜索
--Aminer介绍
-第10课习题作业
-第10课导学帖
--第10课导学帖
-信息安全的基本要求
--早期的计算机安全
-新型的网络攻击有哪些
--信息泄露
--移动安全
-未知攻 焉知防
--未知攻焉知防
--未知攻焉知防2
--信息加密
--安全防范原则
-实践:Excel实践
--实例操作
--实例操作2
--实例操作3
--绘制图表
-第11课习题作业
-第11课导学帖
--第11课导学帖
-回顾与展望
--回顾与展望1
--回顾与展望2
--回顾与展望3
--回顾与展望4
-什么是计算
--什么是计算
-访谈:信息技术交叉应用
--对话风投专家1
--对话风投专家2
--对话风投专家3
-嘉宾分享:闲谈数字产业创新
-第12课习题作业
-第12课导学帖
--第12课导学帖