(辽师大版)六年级信息技术下册课件 进入Frontpage.ppt

1、、前页、limei_、1、常用网页制作软件介绍、2、WWW的基本知识、3、HTML语言介绍、4、前页2003应用、主要内容、(1) Dreamweaver :可以看到的网页编辑工具(2) Fireworks :专为网络图形设计的工具软件(3) Flash :矢量图形编辑和交互式动画制作软件、1.2网页制作常用软件、网页三剑客、1 .常用网页FrontPage 2003是微软公司最近推出的Microsoft Office System软件包的重要组成部分。 FrontPage是以强大的向导功能和易用性而闻名的网页制作软件，1.2网页制作常用软件，front page 2003，1，1 .常用网页

2、制作软件介绍，2. WWW的基本知识，2.1网站2.2网站、网页地址。 基本结构：服务器目录文件名、2.3一般的3种网页、ASP (active server pages ) JSP (Java server pages ) PHP (hypertext preprocessor。 使用一些规则标记(tag )标记文本、定义网页的数据格式、描述网页信息和控制信息的显示。 以HTML语言编写的文件称为HTML文件。 以HTML语言编写的网页实际上是一个扩展名为. htm或. HTML的文本文件，可以使用任何文字处理软件(如记事本)编写。 3. HTML语言简介、例1-文本布局示例、3. HTML

3、语言简介、初识HTML :例3-表格示例、3. HTML语言简介、3.2 HTML文件的基本构成(2)HTML标签：控制文本显示的外观和布局。 3. HTML语言配置文件、3.3 HTML标签的格式、(1)标签名称文本内容标签名称(2)标签名称属性1=值1属性2=值2文本内容标签名称、3. HTML语言配置文件、标签名称写为“”大多数HTML标签是开始标签和结束标签HTML标记不区分大小写。 其中，标记名称和属性由空格分隔。 如果标记有多个属性，则属性之间也必须用空格分隔。 3.4 HTML网页的结构，(1)标题(Head ) :用和标记定义。(2)正文主体(Body ) :用和标记定义。 3

4、. HTML语言配置文件、3. HTML语言配置文件、3.5 HTML页面的文本布局标记和常规HTML文件以开头，以结尾。 1 )标头(Head) HTML文件的标头由和标签定义。 的双曲馀弦值。 这是用来定义web文件的标题。 2 )正文主体(Body )由和标签定义。 其中，bgcolor是背景色，color是文本色。 n是六位十六进制数。 如果网页使用背景图像，则格式为：3. HTML语言概述、1 .文本布局1 )段落标记指定文档中的独立段落。 对齐属性。 控制段落的对齐方式。 值分别为左、中、右、左和右，分别表示左、中、右和两端的对齐。 默认值为左侧。 2 )换行标记可以强制换行文本。

5、 此标签仅为起始标签。 3 )水平线标记水平线标记用于在网页中插入水平线。 在情况回顾、3. HTML语言概要、2 .文本格式1 )标题标签标题文本内容中，n取值范围为1到6的数字。 其中h1字符最大，h6字符最小。 2 )字形标记的字形标记用于设定文字的粗体、斜体、下划线、上标、下标等。 3. HTML语言概述3 )字体标签(1)size属性：控制字符大小n的可能值范围是17个数字，缺省值是3。 标签和标签都控制文本的大小。 在任一种情况下，希望文章的标题由标签控制，而其伪预订字符由标签控制。 (2)color属性：用于控制文字的颜色。 n是十六进制的六位。(3)face属性：指定字符使用的

6、字体字体名称的选择取决于Windows操作系统安装的字体。 例如宋体、楷体_GB2312、时间新罗马、Arial等。 3. HTML语言概要3 .插入图像标签将图像插入网页，设置图像大小和相邻文本的放置方式。 (1)src属性：表示图像文件所在的地方。 其中，URL是图像文件的存储位置。 (2)alt属性：图像的文字说明，鼠标指针指向图像时，该图像的说明性文字突出。 (3)width和height属性：设定图像显示区域的宽度和高度。 其中width和height属性的值n1和n2是像素数或百分比。 3. HTML语言概要；(4)边框属性：设置图像文件的边框。 此处，n为像素数。 (5)对齐属性

7、：设置图像相对于文本的位置关系。对齐方法为top (上对齐)、middle (相对垂直中心)、bottom (相对下对齐)、left (左对齐)、right (右对齐)和texttop (文本上方)。3. HTML 超链接文本用于以蓝色带下划线的方式显示表示超链接的文本。 使用图像作为超链接：案例审核、3. HTML语言概述、5 .使用表定义表的标记如下：定义表空间。 定义表格的标题。 定义表格标题。 定义表的行。 定义表格单元格。 border属性用于设置表边框的宽度width和height属性用于设置表或单元格的宽度和高度cellspacing和cellpadding属性， align属性

8、用于分别设置单元格之间的间隙和单元格内部的空白，bgcolor和background属性用于设置表格或单元格的对齐方式，分别用于设置表格的背景颜色和背景图像。3. HTML语言介绍、示例1-文本布局示例、示例2-HTML页的其他标记、3. HTML语言介绍、示例2-HTML页的其他标记、3. HTML语言介绍、前页2003建站欣赏、4 .前页4.1前页2003界面、标题栏、菜单栏、公用工具栏、格式工具栏、视图栏、标签栏、工作区、 4. FrontPage 2003是设计视图代码预览预览分割视图、4. FrontPage 2003应用、4.2站点的创建、站点是站点文件专用的文件夹，需要名称和根，

9、然后全部4. FrontPage2003应用程序，4.2站点创建，站点创建，向导创建，模板创建，自定义站点，4. FrontPage2003应用程序，“文件”-。 4.3网站视图，4. FrontPage2003应用程序，新建：“文件”- -“新建”- -“新建”任务窗格-。 打开- -单击“打开”或“主页”工具栏上的“打开”按钮，在显示的“打开文件”对话框中选择相应的网页如果需要打开的文件位于打开的网站上，请在文件夹视图中打开该网页保存-使用“保存”或“主页”工具栏上的“保存”按钮，并根据需要使用“文件”菜单上的“另存为”命令。 4.4创建网页，4. FrontPage2003应用程序，4.

10、 FrontPage2003应用程序，字符格式：选择字符-“格式”-“字体”命令。 您可以设置各种漂亮的字体，但最好使用普通字体，因为用户只能使用本地计算机上安装的字体查看网页。 搜索、替换、复制、剪切！ 格式化段落使用Enter键分割段落。 段落之间插入了空行。如果需要换行而不是其他段落，请按Shift Enter键。 按Enter键在HTML代码中插入标签，按Shift Enter键插入标签。4. FrontPage2003应用程序，网页属性设置设计状态文件-右键单击属性，查看、编辑4.5源代码，预览4.6编辑的网页，frontp PP 插入水平线，4. FrontPage2003应用，插

11、入- -水平线修改：双击水平线选择水平线的右水平线属性，插入4.7网页中的元素，插入图像， 4 .设定fff图像属性双击图像选择图像-格式-属性选择图像右击图像属性编辑图像通过图像工具栏旋转等，4.7网页中的要素的插入、字幕的插入、4. FrontPage2003将应用插入点设定到插入移动字幕的位置插入选定作为移动字幕的文本-web组件-插入web组件-组件类型-动态效果-。 插入-web组件类型-动态效果-选择效果-交互式按钮插入-web组件-插入web组件-组件类型-计数选择样式-单击“超链接”命令或在“主页”工具栏上的“超链接”按钮(2)在“插入超链接”对话框中选择要链接到的网页，然后单

12、击“确定”按钮、4.8超链接4. FrontPage2003应用程序，1 .在“选择图像”工具栏上，单击矩形、圆形或多边形热点按钮以适合所需的形状。 2 .在图像上，绘制通过鼠标拖动操作选择的形状。 要绘制多边形，请单击多边形的第一个角，单击多边形另一个角的位置，然后双击最后一个完成的多边形。 3 .释放鼠标按钮后，将显示“插入超链接”对话框，您可以使用插入超链接中所述的方法创建超链接。 建立、热点超链接、4.8超链接、书签超链接和4. FrontPage2003应用程序，并应用书签，可以更好地控制用户到达网页中的特定位置。 书签是网页中标记的位置或标记的文本。 1 )插入书签(1)选择文本作

13、为书签，或将光标置于要插入书签的位置。 (2)插入-向导-确认，2 )创建向导超链接(1)选择定义超链接的文本或图像。 (2)“插入”-“超链接”命令-“链接到”-“在本文档中的位置”选择要链接的书签。 - -确定、4.8超链接、创建电子邮件链接、4. FrontPage2003应用程序、(1)选择文本或图像作为电子邮件超链接。 (2)插入-超链接-链接到-电子邮件地址-确认。4.8超链接、下载文件超链接、4. FrontPage2003应用程序、(1)选择文本或图像作为文件超链接(2)插入-超链接-选择压缩文件-确定。4. FrontPage2003应用程序，1 .创建表有三种常用方法： (1)“表”-“插入”-“表”(2)“常规”工具栏上的“常规”；2 .将光标置于设置表内或选择表。 表格-表格属性表格3 .设定储存格属性并将游标置于储存格上-表格属性储存格表格的其他作业(插入、表格、4.9表格的web配置、储存格间距边框的粗细(通常为0 )储存格边距(通常为0 )、4.front page 示例4-在贵州旅游网络中创建首页，4. FrontPage2003，4. FrontPage2003应用程序，示例5-框架页，4.front page 2003应用程序，4.front page 2003 1 .框架页创建文件2 .在另存为对话框右侧的框架网页预览图中，深蓝色区域或边