6.1网站和网页概要.ppt

title标签：标记标题；base标签：标记文档的URL基准和目标框架；link标签：标记文档关联关系；isindex标签：标记单行文本输入框；meta标签：标记网页的基本数据信息。 * 网页的组成元素和构成部件 制作网页的常用工具 网站和网页的概念 6.1网站和网页 网页设计基础知识 文本 图形图像 超链接 网站和网页的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。 而我们想要制作一个网站，就需要单独编辑若干个html文件，然后通过“超链接”把它们连接在一起，这样一个属于自己的网站就制作出来了。 网页是单个页面，主页也是网页之一，但是网页并不一定是主页， 主页通常都是一个网站的首页，就像百度的首页就是 而我们现在讨论的这个页面，就是百度网站中的一个网页。 一、HTML语言简介 　　1．HTML语言（超文本标记语言） 　　HTML是HyperText Markup Language的缩写，是一种用于编写超文本文档的标记语言。是目前网页编辑的主流语言，只要有浏览器软件即可以运行HTML文档。 　　一个网页（也称为 Web页）对应于一个HTML文件（通常以.htm 或.html为扩展名）。 而HTML文件就是用HTML编写的文本文件，主要由标签和元素体组成。 HTML利用不同类型标签标记不同的元素体，确定和解释网页各种内容的显示格式，由浏览器来显示网页。 一、HTML语言简介 HTML语言简介 　　2．HTML语法 ①〈元素名〉元素体〈/元素名〉 ②〈元素名 属性名=“属性值”〉元素体〈/元素名〉 ③〈元素名〉 　　HTML中，所有标签都用尖括号括起来，分成两类：成对标签和单独标签。（如①②和③）成对标签中的首标签和尾标签标记一个元素体的开始和结尾。 元素体可以是标题、文字、图像、表格、超文本或文件等。一般，改变元素在HTML文件中的次序会改变HTML文件的输出形式。 HTML语言简介 　　3．HTML文件 　　HTML文件由一个“HTML”元素构成，以html开始，以/html结尾。 HTML文件的结构： html HTML文件开始 head 文件头开始 title,base,link,isindex,meta…文件头 /head 文件头结束 body 文件体开始 HTML文件的正文 ……….文件体 /body 文件体结束 /hmtl HTML文件结束 二、FP简介 　1．软件简介 FrontPage2000 是微软推出的网页制作工具，功能强大、操作简便，它采用图形化的界面和“所见所得”的方式编写网页。大大提高了网页制作的效率，是目前较流行的网页制作与站点管理工具。 二、FrontPage2000简介 FP启动界面 　2．FrontPage2000的界面 　 菜单栏—以菜单命令形式为用户提供各种编辑网页和制作网页的功能。 　　工具栏—以工具按钮的形式提供菜单命令中的常用命令。 　　视图窗口—列出各种管理器的图标。包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标，可切换到相应的管理器。 FP界面1 　　当选择了不同的管理器后，主编辑窗口内 容将作相应显示。如你单击了视图窗口中的文 件夹管理器，即主编辑窗口将显示站点中的文 件和文件夹的目录清单。 FP界面2 　　主编辑窗口—用户编辑网页的窗口。有三种显示方式，即普通、HTML和预览。普通显示方式用于编辑网页，HTML显示方式用于查看HTML代码，预览显示方式用于在需要时预先观察网页的实际显示效果。 三、网页制作基本方法 三、网页制作的基本方法 　　1．新建一个网页 　　单击“文件”菜单，选“新建”命令，选择网页模式，即可自动生成一个带有内容提示的网页。 　　2．设置网页属性 　　右击网页空白处，选择“网页属性”命令，可以设置网页的位置、标题、背景图案、背景音乐和所用语言等。 　　3．在FrontPage 中预览网页 　　编辑完一个网页后，转换窗口显示标签为“预览”即可看到预览效果。 预览网页 　　4．在浏