第4课做一个简单的网页课件1 六年级信息技术下册
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<html>标签 成对出现 <body>标签 <h1>My First Heading.</h1> <p>My first paragraph.</p> </body> </html>
Grammar
金手指考试网 http://www.jszksw.net/ 2016年金手指驾驶员考试科目一 科目四 元贝驾考网 http://www.yuanbeijiakao.net 科目一科目四仿真考试题C1
www.edudown.net
百万教学资源免费下载无需注册
html语言的基本结 构
文档标题
< html > < head > < title > 文档标题 </ title > </ head > < body > 文档正文 </ body > </ html >
文档开始 文档头
文档体
文档结束
注：用 html 语言写的代码由一系列标记组成。
<td width=“？” height=“？” align=“？” valign=“？”> </td>
bgcolor背景颜色 text文字颜色 width宽度 height高度
border边框 bordercolor边框颜色 align水平方向的对齐方式
valign垂直方向的对齐方式
• HTML链接：
Fireworks
二、搭建网站
二、搭建网站
2、网站的根目录
<form> <input type="radio" name="sex" value="male" /> Male <br /> <input type="radio" name="sex" value="female" /> Female </form>
• 复选按钮
<form> <input type="checkbox" name="bike" />I have a bike <br /> <input type="checkbox" name="car" /> I have a car </form>
网页，网页在网络上需要被传输出去，才能被广 大用户看得到。
网页其实是用计算机语言编写的一段段代码， 在网络上传输网页，其实传输的是代码。
一、基础知识
2、网站如何在网络上传输?
网页
HTML等 计算机语言代码
二进制 机器代码
在网络上传播
一、基础知识
3、什么HTML？
（１）html 全称 “超文本标记语言”，是一种 基本的用来编写网页的计算机语言。
表格中的行 <ul></ul> 表格单元格 <li></li>
分段 换行 字体加粗 图像 背景音乐
无序列表 一个列表项
标签的属性
<body bgcolor=“？” text=“？”> </body>
<table width=“？” height=“？” border=“？” bordercolor=“？” bgcolor=“？” align=“?”> </table>
<html></html> 网页代码开 始与结束
<head></hea 代码文档头 d>
<title></title> 网页标题
<p /> <br /> <b></b>
<body></body 代码文档体 >
<table></table 表格 >
<img /> <bgsound />
<tr></tr> <td></td>
根据学习目标，制定计划表，包 含日期和计划内容
制作1个简单的网页
一、 基础知识 二、 搭建网站
二、搭建网站
技术目标
个人网站项目任务
创创建建网网页页、、应应用用表表格格 布布置置““个个人人网网站站””内内容容要要求求。。
应用文字、图象 应用css、创建链接 应用音乐、添加视频 应用框架
创建主页。进行布局，添加站名、导航栏、网站 介绍，添加修饰图片。
“个人网站”设计（1）
个人简介
个人网站 个人收藏
我的相册 美图收藏
来自百度文库
关于学习
学习目标 学习计划 学习效果
“个人网站”需求分析文档
个人网站 个人简介 个人收藏 学习目标
学习计划
以文字、图片的形式对个人进行 简介
包括我的相册和美图收藏两个子 页
在个人网站的制作过程中，根据 学习进度表安排，制作个人学习 目标
制作1个简单的网页
一、 基础知识 二、 搭建网站
一、基础知识
1、什么是网站和网页?
网站是一个在网络上展示各种信息的“商 店”，它一般包含多个网页。
每一个网页都是用来展示信息的“柜台”， 这些信息可以是文字、图片、声音、动画、视 频等等。
网站可分为“静态网站”和“动态网站” 两类。
一、基础知识
2、网站如何在网络上传输? 人们浏览网站，其实是浏览网站中的一个个
创建学习效果子页。设置相关页的链接。在主页 上给不同的链接设置不同的css效果。提交作品。 布置“学会学习”小组网站的内容要求。
二、搭建网站
1、网页三剑客 dreamweaver 网页制作软件 fireworks 平面图象处理软件 网页三剑客 flash 平面动画制作软件
二、搭建网站
– <a href= "http://www.baidu.com.cn">This is a link</a>
•<ta表ble格border="1">
<tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
<td> </td>
空单元格？
• 文本框
<form> First name: <input type="text" name="firstname" /> <br/> Last name: <input type="text" name="lastname" /> </form>
• 单选按钮
创建个人简介子页。应用css修饰文字，设置主页 到个人简介子页的链接，并用css修饰。
创建个人珍藏两个子页。在子页上分别添加音乐 和视频。设置主页到其中一个子页的链接。
创建个人珍藏栏目框架，设置相关页的链接。
技术巩固 技术巩固
创建学习目标、学习计划两个子页，以及关于学 习栏目框架。设置相关页的链接，以及页面背景。
Grammar
金手指考试网 http://www.jszksw.net/ 2016年金手指驾驶员考试科目一 科目四 元贝驾考网 http://www.yuanbeijiakao.net 科目一科目四仿真考试题C1
www.edudown.net
百万教学资源免费下载无需注册
html语言的基本结 构
文档标题
< html > < head > < title > 文档标题 </ title > </ head > < body > 文档正文 </ body > </ html >
文档开始 文档头
文档体
文档结束
注：用 html 语言写的代码由一系列标记组成。
<td width=“？” height=“？” align=“？” valign=“？”> </td>
bgcolor背景颜色 text文字颜色 width宽度 height高度
border边框 bordercolor边框颜色 align水平方向的对齐方式
valign垂直方向的对齐方式
• HTML链接：
Fireworks
二、搭建网站
二、搭建网站
2、网站的根目录
<form> <input type="radio" name="sex" value="male" /> Male <br /> <input type="radio" name="sex" value="female" /> Female </form>
• 复选按钮
<form> <input type="checkbox" name="bike" />I have a bike <br /> <input type="checkbox" name="car" /> I have a car </form>
网页，网页在网络上需要被传输出去，才能被广 大用户看得到。
网页其实是用计算机语言编写的一段段代码， 在网络上传输网页，其实传输的是代码。
一、基础知识
2、网站如何在网络上传输?
网页
HTML等 计算机语言代码
二进制 机器代码
在网络上传播
一、基础知识
3、什么HTML？
（１）html 全称 “超文本标记语言”，是一种 基本的用来编写网页的计算机语言。
表格中的行 <ul></ul> 表格单元格 <li></li>
分段 换行 字体加粗 图像 背景音乐
无序列表 一个列表项
标签的属性
<body bgcolor=“？” text=“？”> </body>
<table width=“？” height=“？” border=“？” bordercolor=“？” bgcolor=“？” align=“?”> </table>
<html></html> 网页代码开 始与结束
<head></hea 代码文档头 d>
<title></title> 网页标题
<p /> <br /> <b></b>
<body></body 代码文档体 >
<table></table 表格 >
<img /> <bgsound />
<tr></tr> <td></td>
根据学习目标，制定计划表，包 含日期和计划内容
制作1个简单的网页
一、 基础知识 二、 搭建网站
二、搭建网站
技术目标
个人网站项目任务
创创建建网网页页、、应应用用表表格格 布布置置““个个人人网网站站””内内容容要要求求。。
应用文字、图象 应用css、创建链接 应用音乐、添加视频 应用框架
创建主页。进行布局，添加站名、导航栏、网站 介绍，添加修饰图片。
“个人网站”设计（1）
个人简介
个人网站 个人收藏
我的相册 美图收藏
来自百度文库
关于学习
学习目标 学习计划 学习效果
“个人网站”需求分析文档
个人网站 个人简介 个人收藏 学习目标
学习计划
以文字、图片的形式对个人进行 简介
包括我的相册和美图收藏两个子 页
在个人网站的制作过程中，根据 学习进度表安排，制作个人学习 目标
制作1个简单的网页
一、 基础知识 二、 搭建网站
一、基础知识
1、什么是网站和网页?
网站是一个在网络上展示各种信息的“商 店”，它一般包含多个网页。
每一个网页都是用来展示信息的“柜台”， 这些信息可以是文字、图片、声音、动画、视 频等等。
网站可分为“静态网站”和“动态网站” 两类。
一、基础知识
2、网站如何在网络上传输? 人们浏览网站，其实是浏览网站中的一个个
创建学习效果子页。设置相关页的链接。在主页 上给不同的链接设置不同的css效果。提交作品。 布置“学会学习”小组网站的内容要求。
二、搭建网站
1、网页三剑客 dreamweaver 网页制作软件 fireworks 平面图象处理软件 网页三剑客 flash 平面动画制作软件
二、搭建网站
– <a href= "http://www.baidu.com.cn">This is a link</a>
•<ta表ble格border="1">
<tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
<td> </td>
空单元格？
• 文本框
<form> First name: <input type="text" name="firstname" /> <br/> Last name: <input type="text" name="lastname" /> </form>
• 单选按钮
创建个人简介子页。应用css修饰文字，设置主页 到个人简介子页的链接，并用css修饰。
创建个人珍藏两个子页。在子页上分别添加音乐 和视频。设置主页到其中一个子页的链接。
创建个人珍藏栏目框架，设置相关页的链接。
技术巩固 技术巩固
创建学习目标、学习计划两个子页，以及关于学 习栏目框架。设置相关页的链接，以及页面背景。