信息技术：6.1《网站和网页 》课件(浙教版必修1).ppt

6.1　信息集成 1、网页的基本元素 文本 ：基本组成部分 图像 ：更加直观准确地表达某些信息，并且可 以起到美化网页，吸引读者注意力的作用。 超链接 ：可以方便地转入其他网页进行浏览。 网页的其他元素 音乐 表格 表单 2．网页制作工具 （1）HTML语言 概念：是一种使用一组特定的标记来描述文档结构的语言，HTML的源代码由网络浏览器解释执行。 结构：HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML语言的特点 它们是成双出现的 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title新建网页 1/title /head body /body /html （2）用网页制作工具软件制作网页 Frontpage * * 信息集成 概念：信息集成的过程主要指将文本、图象、声音、动 画、视频等媒体素材，有计划有目的的组织在一起，为表达某一主题服务。 ①选题立意阶段 这一阶段的中心任务是确定要表达的主题和设计的目标，并用一个贴切而有特色的名字来表达。 归纳主题: 提问：平时上网喜欢哪些智力玩具？ 网站名：古玩今玩 ②设计规划阶段 这一阶段的任务是根据第一阶段确定的主题设计作品的内容和结构，并收集、整理和选择作品中需要使用的素材。 1、设计作品的内容和结构 总体设计 从系统的角度出发，设计出作品的总体框架，把握所要表达的主体内容。 教师演示：打开“古玩今玩”网站，展示五个模块 超级链接：实现从一个网页到另一个目标的连接，另一个目标可以是一个网页，也可以是图象、动画、视频，甚至可以是一个程序。 详细设计 从微观上勾画出每个页面的布局，需要展现的内容、各页面之间的超级链接方式。 网站Logo：Logo 是标志、徽标的意思, 是网站的标志。就一个网站来说，Logo 即是网站的名片。而对于一个追求精美的网站，Logo更是它的灵魂所在，即所谓的“点睛”之处。 2、素材的选择 文字、图象、动画、视频和音频信息都是素材。 / /index.asp ③开发制作阶段 资料 Dreamweaver是Macromedia公司开发的集网页制作和网站管理于一身的“所见即所得”的网页编辑器。为了配合其使用，该公司又开发了用于图像处理的Fireworks、用于矢量动画编辑的Flash，这三者被人们称作网页三剑客。 ④评估测试价段 看网站是否达到你预计的效果； 检查内容是否有错误； 检查各处链接是否正确等。 美化网页，丰富网页的内容，增强网页的功能。 “功能强大，简单易学”的特点，采用“所见即所得”的 编辑模式，不必了解HTML的语法。 基本使用方法与Word十分相似 网站制作简介 1、新建站点 站点是网页等一组网络资源的集合，我们把制作的所有素材和网页集合成一个网站，便于维护和管理。在本地机上它事实上是一个等待发布的本地文件夹。 在FrontPage中，新建一个“只有一个网页的站点”时网站会自动新建一个名称为index.htm的网页，我们一般将它设置为首页。首页内容和结构的安排要符合网站的主题，色彩和设计的版式要符合网站的整体风格。首页是浏览者进入网站时看到的第一个页面，就像一本杂志的封面和目录。首页设计得恰当与否，直接影响到网站的形象，往往是决定浏览者是否驻足欣赏的关键。 添加新网页 网页是网站的基本构成部分，学会添加新网页是制作网站的基础。添加网页的操作步骤如图： 利用表格布局网页 网页中的表格除了可以用来定位和布局外，还可以当作普通表格来使用，但注意此时的表格边框粗细不能设置为0。 利用表格布局网页 添加图像 我们经常看到的网页都是图文并茂的，图片不仅能直观地表达信息，还往往给人以美的享受。在网页中可以插入多种格式的图片，但我们一般应选用那些压缩比高的格式的图片，例如GIF、JPG等格式的图片。 网站中素材的分类存放 插入动画 动画的格式有很多种，GIF图片可以直接插入、FLASH动画、视频动画等需要以“插件”方式插入。