(第六章网页的设计与制作ppt课件1高中信息技术.pptVIP

一、网页的元素 1、文字 ????文字是网页表达信息的基本工具，从凸显主题或者网页美观等方面考虑，文字常被设置成不同的字体、大小或者颜色。 　　2、图像 ????网页中适当地使用图形图像，可以更直观、准确地表达某些信息，并有美化网页、吸引读者的作用。网页中可以使用静态图像，也可以使用动态图像，也就是我们说的动画。 大家看看网页中的图片常见有哪些格式？选中一张图片右击“图片另存为 .. ”，在出现的保存对话框中“保存类型”里可以看到图片的格式。 　3、超链接 ????网站是通过什么来实现多个网页间跳转的呢？我们发现当我们将鼠标放置到自己感兴趣的标题栏目时，鼠标会变成手型，这表示这里有超链接，可以实现网页间的跳转。文字、图片和超链接是网页的三种基本元素，大部分网站都具备这三种元素中的一种或几种。刚才同学提到了网页中还有音乐、视频等元素，其实网页的元素还远不止这些，网页中还常见表格、表单以及更多的网页构件。 4、表单 ????“电视栏目查询”部分使用的是表单，表单可以实现用户和网站的交互功能，网站上的投票功能一般都是用表单来实现的。“TOP10”用的是表格；网页底部状态栏中的移动标语使用的就是网页构件了 二、超文本标记语言HTML ????乍看起来，网页和我们熟悉的 word 文档有不少相似之处，比如，都通过文字、图片等方式表达信息，那么是否可以使用word来制作网页呢？打开word程序，输入一段文字并插入一张图片，选择菜单栏里的“文件”-“另存为..”，在“保存类型”中选择“网页”，保存后打开看看，呀，文档的属性变成HTML，可以在浏览器中浏览，成为网页了。 超文本标记语言（Hypertext Mark-up Language ，HTML），是在WWW中用于指定一个超文本的内容和格式的一种计算机语言。HTML是标准通用标记语言（SGML）的简化版本，是使用超级链接的经过正式定义的文档系统。用HTML编写网页时，它控制着Web页面的布局和构思，成为因特网上描述网页内容和外观的标准。HTML语言是一种标记语言，HTML包含了一对“打开”和“关闭”的标记，其中含有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格或图像。HTML描述的是文件各部分内容的结构，而不是文件内容在网页或显示器上出现的具体形式，只有这样才能保证网页是跨平台的，可以在任何计算机系统上正确显示。也就是说HTML文档应该在不同的浏览器和操作平台之间都很好使用。 超文本标记语言是一种文档结构的标记语言，它使用一些约定的标记对页面上各种信息（包括文字、声音、图形、图像、视频等）、格式以及超级链接进行描述。当用户浏览WWW上的信息时，浏览器会自动解释这些标记的含义，并将其显示为用户在屏幕上所看到的网页。这种用HTML编写的网页又称为HTML文档。　　HTML语法非常简单，它采用简洁明了的语法命令，通过对各种标签、元素、属性、对象等的定义，建立起图形、声音、视频等多媒体信息，还可以建立与其他超文本的链接。一个完整的HTML文件是由头部和主体两部分构成。HTML单元由三部分组成：起始标记、单元内容、结束标记。 其实，网页中包含的文本、图像、超链接等元素是由超文本标记语言HTML来描述的。在 IE 浏览器中将“信息技术基础首页”保存下来，单击菜单栏里的“文件”选择“另存为..”,在打开的保存对话框中保存类型里选择“网页，全部”。保存后就可以用记事本打开该网页的HTML代码了 金手指考试网 / 2016年金手指驾驶员考试科目一 科目四元贝驾考网 科目一科目四仿真考试题C1 三、网页制作工具 ????我们看到代码中有不少“ ” 标记，它们描述了网页文档的结构。比如在 TITLE/TITLE 之间就是网页的名称。我们来修改一下这部分的内容，将它改成你的名字，保存后再用IE浏览器打开该文档，看，网页标题栏中的名称改变了。起初，人们都是以人工方式编写网页结构的HTML代码，虽然代码简单，但对于不熟悉它的人来说，要想让它生成理想的网页还不是一件简单的事情。为了提高网页制作的效率和质量，许多公司开发了 专门用于制作网页的网页制作工具。OFFICE里有一款名为FrontPage的软件， 就是这样一款网页制作工具。启动FrontPage，从菜单栏“文件”中选择“打开..”，找到刚才保存的“信息技术基础首页”，将它在 FrontPage 中打开。在“设计”页和“代码”页，以及“预览”页中观察页面的内容。 想一想，哪一页的情况与记事本中看到的情况相似？（同学：“代码”页）分别在 FrontPage 的“设计”页和“代码”页中修改正文文字“编者的话”，然后预览。体会一下这两种方法的效果有没有不同？还有一个“拆分”页实际上就是“设计”页和“代码”页的组合，在“拆分”页中修改“设计”窗口