网页设计基础知识-网站首页.ppt

HTML语言简介; 网站是一个整体，网页是一个个体，一个网站是由很多网页构建而成。;;一、HTML语言简介;HTML语言简介;HTML语言简介;二、FP简介;FP启动界面; 　2．FrontPage2000的界面 　 菜单栏—以菜单命令形式为用户提供各种编辑网页和制作网页的功能。 　　工具栏—以工具按钮的形式提供菜单命令中的常用命令。 　　视图窗口—列出各种管理器的图标。包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标，可切换到相应的管理器。;　　当选择了不同的管理器后，主编辑窗口内 容将作相应显示。如你单击了视图窗口中的文 件夹管理器，即主编辑窗口将显示站点中的文 件和文件夹的目录清单。;三、网页制作基本方法;　　3．在FrontPage 中预览网页 　　编辑完一个网页后，转换窗口显示标签为“预览”即可看到预览效果。;　　5．保存一个网页文件 　　网页编辑过程或编辑后，都可以将网页保存，方法与Word软件的保存过程相同。见面文件默认扩展名为HTM。; 1．插入文字 文字是网页中使用最多的元素，插入文字与Word操作相同。文字可带有多种属性，如字体、字号、颜色和其他修饰等。;　　2．插入水平线 　　在网页中可以插入水平线来分隔版面。 　　插入水平线的方法：打开“插入”菜单，选择“水平线”，即可插入一条默认水平线。 　　右键单击水平线，选择“水平线属性”，可以对水平线进行设置。如宽度、高度、对齐、颜色等。;　　3．加入图片 　　在网页中可以方便地插入图片，图片可以来自系统剪贴图库，也可以来自文件。 　　插入一幅图片之后，右击图片，在快捷菜单中选择“图片属性”，即可以设置图片的对齐方式、边框粗细、环绕、文本提示等。 　　图片工具栏常用工具的使用：自动缩略图、绝对位置、上移、下移、对比度调节、亮度调节、淡化等。;　　4．增加超级链接 　　网页中的超级链接可分为文本超链接和图像超链接。为文本和图像增加超链接后，当单击这些链接时，会自动转移到超链接所指向的目标文件上。 　　选择要增加链接的文本或图像，右键单击，即可以找到“超链接”命令，超链接可以链接到网页文件、图像文件、Word或Excel文件、电子信箱上，也可以链接其他网站上。;　　5．加入表格 　　在网页中加入表格，能有效地组织数据、控制页面布局。方便对网页上众多元素的编辑。目前大多数网站的网页都是利用表格来制作的。 　　插入表格的三种方法，请参考教程114页。 　　插入表格后，右键单击表格，打开“表格属性”命令，可以设置表格各种属性，如：布局、边框、背景颜色、背景图片、宽度、高度等。;　　表格的调整：创建一个表格后，需要时可以对表格进行调整。常见的操作有：插入行、列，删除行、列，拆分单元格、合并单元格等。 　　利用表格能方便地控制网页布局，基本方法是：在普通网页中先按布局插入一个若干行、列的表格，再将文本、图片等元素安排在各单元格中，设置好各自的对齐方式，最后将表格所有边框线设为“0”。 　　表格工具栏的使用，插入表格后，可以打开表格工具栏，其使用方法类似Word。; 1．框架 框架是一种特殊的网页，是网页设计中一种非常有用的工具，它可以将浏览器窗口分割成几个独立的小窗口，各个窗口包含不同的网页，并且各窗口中的网页内容可以不受其他窗口的影响。 　　通常使用框架来实现网站导航功能。; 2．新建一个框架网页 在“文件”菜单中选择“新建”菜单项，在子菜单中选择“网页”，出现“新建”对话框，单击“框架网页”标签，再选择框架布局。 　　;新建框架2; 4．框架的基本操作 新建一个框架网页后，还可以对框架页面进行调整，常见的操作有：选择框架网页，改变框架的大小、拆分框架、删除框架等。; 6．表单 表单是网页中一种重要的信息收集和交流工具。 表单的基本元素有单行文本框、滚动文本框、单选按钮、复选框、下拉菜单、按钮等。 插入表单，首先打开“插入”菜单，从中选择“表单”，在下一级菜单中选择需要的表单控件，即可将表单控件插入到网页中。; 7．设置表单控件的属性 在网页中插入表单控件后，双击控件即可编辑其相关属性。;　　1．字幕 字幕是网页上的一行滚动文字框。文字不停地沿一个方向滚动或来回滚动，经常被用来制作主页上的欢迎标语。 　　加入字幕的方法：选择网页上的文字或者直接确定位置后，打开“插入”菜单中的“组件”选项，再选择“字幕”，在“字幕属性”对话框中进行各种设置。;字幕; 　　2．横幅广告管理器