第4课《做一个简单的网页》ppt课件1_六年级信息技术下

制作1个简单的网页 一、 基础知识 二、 搭建网站 1、什么是网站和网页? 网站是一个在网络上展示各种信息的“商店 ”，它一般包含多个网页。 每一个网页都是用来展示信息的“柜台”，这 些信息可以是文字、图片、声音、动画、视频 等等。 网站可分为“静态网站”和“动态网站”两类。 一、基础知识 2、网站如何在网络上传输? 人们浏览网站，其实是浏览网站中的一个个 网页，网页在网络上需要被传输出去，才能被广 大用户看得到。 网页其实是用计算机语言编写的一段段代码 ，在网络上传输网页，其实传输的是代码。 一、基础知识 2、网站如何在网络上传输? 一、基础知识 网页 HTML等 计算机语言代码 二进制 机器代码 在网络上传播 3、什么HTML？ （）html 全称 “超文本标记语言”，是一种基本 的用来编写网页的计算机语言。 一、基础知识 标签 成对出现 标签 My First Heading. My first paragraph. 金手指考试网 / 2016年金手指驾驶员考试科目一 科目四 元贝驾考网 科目一科目四仿真考试题C1 Grammar 文档开始 文档头 文档标题 文档体 文档正文 文档结束 注：用 html 语言写的代码由一系列标记组成。 文档标题 html语言的基本结 构 网页代码开 始与结束 分段 代码文档头换行 网页标题字体加粗 代码文档体图像 表格背景音乐 表格中的行无序列表 表格单元格一个列表项 标签的属性 bgcolor背景颜色 text文字颜色 width宽度 height高度 border边框 bordercolor边框颜色 align水平方向的对齐方式 valign垂直方向的对齐方式 HTML链接： This is a link 表格 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 空单元格？ 文本框 First name: Last name: 单选按钮 Male Female 复选按钮 I have a bike I have a car “个人网站”设计（1） 个人网站 个人简介个人收藏关于学习 我的相册 美图收藏 学习目标 学习效果 学习计划 “个人网站”需求分析文档 个人网站 个人简介以文字、图片的形式对个人进行 简介 个人收藏包括我的相册和美图收藏两个子 页 学习目标在个人网站的制作过程中，根据学 习进 度表安排，制作个人学习目 标 学习计 划根据学习目标，制定计划表，包 含日期和计划内容 学习效果个人网站制作结束后，个人的学 习体会 制作1个简单的网页 一、 基础知识 二、 搭建网站 技术术目标标个人网站项项目任务务 创建网页、应用表格布置“个人网站”内容要求。 应用文字、图象创建主页。进行布局，添加站名、导航栏、网站 介绍，添加修饰图片。 应用css、创建链接创建个人简介子页。应用css修饰文字，设置主 页到个人简介子页的链接，并用css修饰。 应用音乐、添加视频创建个人珍藏两个子页。在子页上分别添加音乐 和视频。设置主页到其中一个子页的链接。 应用框架创建个人珍藏栏目框架，设置相关页的链接。 技术巩固 创建学习目标、学习计划两个子页，以及关于学 习栏目框架。设置相关页的链接，以及页面背景 。 技术巩固创建学习效果子页。设置相关页的链接。在主页 上给不同的链接设置不同的css效果。提交作品。 布置“学会学习”小组网站的内容要求。 创创建网页页、应应用表 格 布置“个人网站”内容要求。 二、搭建网站 1、网页三剑客 v dreamweaver 网页制作软件 v fireworks 平面图象处理软件 v flash 平面动画制作软件 网页三剑客 二、搭建网站 Fireworks 二、搭建网站 二、搭建网站 2、网站的根目录 一个网站是多种文件的集合（当然包括网页文件） ，在电脑中我们一般使用文件夹存放文件，所以在电脑 中我们也使用一个文件夹来存放一个网站的文件。这个 文件夹称为网站的根目录。每个网站都应该有对应的根 目录。 由于一个网站包含的文件往往很多，我们也提倡在 每个网站根目录中再创建多个子文件夹，来分类存放该 网站的文件。【例】 二、搭建网站 【例】 二、搭建网站 3、网站的主页和子页 主页一般是网站的第一个页面。有的网站在主页之 前还有一个引导页。一个网站中除了主页和引导页之外 的网页都叫作子页。 主页就好像是一本杂志的封面加上目录，它应该有 网站的名字，应该简要呈现网站的主要内容，应该有网 站各个栏目的目录（“导航栏”），并且应该具有一定的 欣赏性。【例】 二、搭建网站 二、搭建网站 二、搭建网站 缺少网站的名字 二、搭建网站 网站引导页 二、搭建网站 主页 主页一般命名为index或default。所有网页 最好都不用中文命名。【例】 每个网页文件都会有后缀名，一般是htm、 html、asp、aspx、jsp、php等等。静态网页的 后缀名一般是htm或html。 二、搭建网站 【例】 二、搭建网站 不知道哪个是网站主页 不提倡使用中文命名网页 4、初步认识Dreamweaver 创建站点管理 新建、保存、关闭、打开网页 快捷预览网页效果：F12 二、搭建网站 创建站点管理的步骤： 点击“站点”菜单，选择“新建站点” 选择“高级”页、“本地信息” 设置“站点名称”、“本地根文件夹”、“默认图 像文件夹”，确定即可。 二、搭建网站 新建网页： 点击“文件”，选择“新建” 选择“基本页”、“HTML”，创建即可。 二、搭建网站 保存网页： 点击“文件”，选择“保存”，或直接按 CTRL+S键 输入文件名，点击保存即可。 二、搭建网站 打开网页： 点击“文件”，选择“打开 找到要打开的文件，双击该文件即可。 或找到要打开的文件，单击它，然后点击 “打开”按钮 二、搭建网站 【练习】 在dreamweaver中为网站“myweb”创建站 点管理，并且新建一个主页，命名为index，保 存在html文件夹中。（ 若命名时不小心删除了 后.html，保存的时候dw会自动补上） 二、搭建网站 5、安排网页的版面：使用表格 添加网页内容之前，应该先规划网页的版面 布局，就好像出黑板报一样 我们一般使用表格对网页进行布局规划 【例 】 二、搭建网站 【例】一个主页的版面设计 表格的边框是被“隐形”了的 表格的基本操作 （1）创建一个表格 点击工具栏上的表格按钮 ，在弹出的表格属性 框中设置表格的基本属性行和列，然后确定即可。其 他的属性或行和列都可以在表格创