网页制作与网站建设.ppt

利用FrontPage2000工具
网页制作与网站建设
网页与Web息息相关，是Web的重要组成部分之一。在Internet上发布网页，传播信息已成为当今流行。FrontPage2000的功能特点：
功能强大、简单易学、操作方便
可以打开任意类型的THML文件；预定义60多个多样化主题；支持几乎所有类型的图像；支持动态的HTML效果；将网页元素放置在网页的任何位置；方便地建立表单，包括文本框、复选框、单选按钮等；方便地制作表格或框架来组织信息、插入控件；将Access数据库合并到网页中；……1.启动和退出FrontPage2000
2.FrontPage2000的主窗口
3.FrontPage2000的视图
(1)网页视图
普通视图方式
HTML视图方式
预览视图方式
(2)文件夹视图4.工具栏
1.常用工具栏
2.格式工具栏
3.DHTML效果工具栏
4.报表工具栏

网页的建立、打开和保存
文本的输入和字符格式的设置
段落格式的设置
[格式]—[段落]文本缩进、段间距、行间距
段落的项目符号和编号
[格式]—[项目符号和编号][样式]—[格式]—[字符]字体、字型、字号颜色等网页属性
设置网页标题
常规——设置背景音乐
网页背景颜色、背景图案
网页中文本和超链接的颜色
设置网页的页边距
表格使用表格布局页面（表格间距、边距、框线均设为0）
新建表格1.拖曳[工具栏]中的表格按钮；2.[表格]—[插入表格]
插入行、插入列、删除单元格
合并单元格、拆分单元格
合并单元格后产生下列情况
表格3.单元格内插入表格插入后的表格对齐效果以该单元格为准
设置表格行高、列宽
选中单元格—右单击[单元格属性]
单元格内容对齐、框线、背景
像素：绝对大小
百分比：相对浏览器窗口
[表格属性]--设置表格的对齐、表格高、宽、表格边距、间距、框线、颜色、背景等
[表格属性]--[浮动]为默认则嵌入表格，若左、右对齐，则在表格的水平空白处可输入文本或图像。
设置表格边框、底纹
表格属性/样式/格式/边框-底纹选中表格，设置表格属性用[表格]—[插入]—[标题]，则在表格的上方自动插入一空行，作为表格标题。
采用表格，能方便在单元格内插入图片。
利用表格布局，在新建表格时可不设其宽度，也可指定相对宽度。
将已有的表格放入指定的单元格中，可先选定表格，表格/选定/表格/复制或剪切，鼠标定位在指定的单元格后，粘贴。
表格可以转换成文本选定表格/表格菜单/转换/文本
文本转换成表格选定文本/表格菜单/转换/表格单元格属性
高、宽（像素、百分比）
对齐（垂直、水平）
框线
背景
单元格属性/样式/格式/字体、段落、框线等。
当设置单元格自定义边框时，所设置的双线凸出效果，在浏览时出现。单元格属性表单
一个表单至少包括表单域及其与之相关的说明性文本。此外还可加入任何网页元素，如图像、表格、活动元素和组件等。
表单域单行文本框、滚动文本框、单选按钮、下拉菜单、按钮（普通、提交、重置）、图片、标签、隐藏域（通常被用来在用户与服务器之间进行隐藏的信息传递）图像
插入图像
从本地磁盘中
从当前打开的站点中
从WWW上
插入图片类型为JPG、GIF[插入]—[图片]—[来自文件]
插入图片类型为SWF(2种方法）1.[插入]—[高级]—[插件]—[浏览]—选择图片文件名以插件方式插入的动画，在预览时可见其效果。图像
2.[插入]—[高级]—[ActiveX控件]—查找相应应用程序—确定—右击控件—ActiveX控件属性—输入文件名以插件方式插入的动画，在编辑网页时就可见其动画效果，并可利用控件属性取消其背景。在ActiveX控件属性/Flash属性/窗口模式/Transparent即可。
在“Object标记”标签中可设置控件大小。图像
使用剪贴画库[插入]—[图片]—[剪贴画]
插入视频文件[插入]—[图片]—[视频]图像
设置图像属性
在[图片属性]—[外观]—[指定大小]，“百分比”是指按照Web浏览器窗口的百分比给出图像的高度和宽度，而不是对图像本身的百分比。
像素：能对图像设置确定的大小，不随浏览窗口的大小而变。
设置背景图片，不带水印，背景随垂直滚动条上下移动；带水印背景保持不动。图像
修饰图像：
利用[图片]工具栏完成对图片的修饰效果可在图片上添加文字，进行图片剪裁、旋转、设置对比度和亮度、冲蚀、凹凸、添加“热点”进行超级链接。
图片定位：（两种方法）1.选中图片—单击[绝对定位]工具按钮，拖曳图片至指定位置，单击空白处即可。2.利用表格布局，在单元格内放置图片，实现将图片放在指定的位置。网页的动画效果
插入视频文件
设置网页标题动态文字
[插入]--[组件]—[字幕]输入文字利用[字母属性]设置字母格式及动态效果
网页元素的动画效果（两幅图片）插入以幅