第7章 用 frontpage制作网页.pptVIP

第7章 用frontPage制作网页 南海学院计算机系制作 目录 7.1 认识 FrontPage 7.2 FrontPage的进一步 7.3 框架 7.4 表单设计 7.5 发布站点 7.1 认识 FrontPage 单击任务栏“开始”按钮，选择“程序”选项，单击“Microsoft FrontPage”选项就可以了。 1、HTML简介 1、HTML是编写WEB页的“超文本标记性语言”，它是全球广域网上描述网页 内容和外观的标准。 2、HTML语言是1998年欧洲粒子物理研究室的物理学家TIM BERNERS-LEE提出的;世界上第一个浏览器是：MOSAIC。 3、HTML语言书写时不分大小写，标记大多数是成对出现的； 注意：在标记性语言中，它会忽略文件中的空格和回车的。 4、HTML的代码分两部分，标记和内容，其一般格式为：〈标记〉内容〈/标记〉 5、标记〈head〉和〈/head〉中间的是网页头部， 〈title〉和〈/title〉之间的是网页的标题， 〈body〉和〈/body〉之间的叫“体”，显示在浏览器的窗口中 空白页的HTML html ==页开始 head meta http-equiv=Content-Type content=text/html; charset=gb2312 meta name=GENERATOR content=Microsoft FrontPage 4.0 meta name=ProgId content=FrontPage.Editor.Document titleNew Page 1/title /head body /body /html ==页结束 Head中的页标题、字体 标题： title中国大学/title 字体格式：红色、隶书、7号字 font color=#FF0000 face=“隶书” size=7大学城/font/p pi中国大学/i/p （斜体） u …… /u （下划线） b …… /b （粗体） 2、分段 /p ………… /p 例： body p(1)世界 真精彩！ /p p(2)世界/p p 真精彩！/p /body 3. 建立个人站点 [文件]-[新建]-[站点] 4. 新建主页 选择“导航” [文件]-[新建]-[网页] 在主页下新建网页（此时出现一个“主页”图标） 双击“主页”图标（主页的名称：Index.htm) (可以在“导航”下将已有网页添加到“导航”） 5、插入滚动字幕 选择菜单[插入]-[组件]-[字幕] 输入文字 设置文字格式及滚动方向等 预览效果 6、插入图片 选择菜单[插入]-[图片]-[来自文件] 7、文件的保存 当网页中插入图片、声音等对象后，要将这些对象一起保存在指定的文件夹中。 如果点击“保存”按钮，就会出现如下对话框： 建议保存在 Images中 8、插入背景图片 选择 [格式]-[背景] （或者在网页任意处按右键选择“网页属性”） 在“背景”中选中“背景图片”，选择所需的图片 9、插入艺术字 在Word或Excel中插入艺术字，设置效果 通过画图变成图片，再粘贴到网页上 10、插入背景音乐 在网页中按右键，选择“网页属性”； 在“常规”中的“背景音乐”的“位置”单击“浏览”按钮； 预览效果。 11、插入超级链接 选中对象（文本或图片等） [插入]-[超链接] 单击“浏览”按钮， 选择链接的对象 12、视频文件的加入 [插入]-[图片]-[视频] 选择.AVI文件（视频剪辑） 注意：视频剪辑只有在预览时才可见 13、HTML中的注解 !-- 注解内容 /-- 例： !--bgsound src=贝多芬第五交响乐.RMI loop=-1/-- 作为注解的内容呈现灰色，不被执行 7.2 FrontPage的进一步 书签的使用 图片处理 剪切 添加文字 旋转 自动缩略图 图片热点 表格和定位对象 模板和框架的应用 1、链接到指定位置书签的使用 1）定义书签 选中对象（文本或图片等） [插入]-[书签] （此时书签所在文字下方出现虚线） 2）超级链接到书签 插入超级链时， 除了选择URL,还必须选择书签，即网页中的某个指定点。 （如果不是本文档中的书签，则书签名没有提供下拉表，可直接输入书签名） 2、插入表格 选择[表格]-[插入]-[表格] 单元格高度和宽度 [表格]-[属性]-[表格/单元格] 指定高度/宽度（输入象素值） 表格中可以插入图片和文字 表格中也可以设置背景图片(表格和单元格） 3、图片处理 图片工具栏 使用自动缩略图 单击“自动缩略图”可以自动产生