利丰村镇银行:往页怎么制作

来源:百度文库 编辑:高校问答 时间:2024/05/02 09:44:06

使用框架
  --------------------------------------------------------------------------------

  框架是把Web浏览器的视窗分成几个部分,每个部分都是独立的Web页面,这样便可同时显示多个页面。
  可以很容易地用FrontPage创建一个多框架的web页面。为了创建具有框架的Web页面,可从“文件”菜单的“新建”子菜单中选择“网页”命令,弹出“新建”对话框,选择“框架网页”选项卡。
  在左边的列表中可选择不同类型的框架模板,选定模板后,按“确定”按钮即可创建一个具有框架的网页。
  在创建有框架的Web页面时,应注意有些web浏览器不支持框架。虽然使用不能显示框架的浏览器的用户已很少,为确保这些用户仍然能够浏览到Web站点上的内容,可以填上要告诉那些低版本浏览器的使用者的话,例如请对方更换浏览器等。
  在新建的框架的窗口中,单击“设置初始页”按钮将会弹出“创建超链接”对话框,可以链接到一个指定页面;单击“新建网页”按钮将创建一个新页面,然后在该页面内对该页进行编辑。在编辑页面时,若感觉页面被放在一个狭窄的框架中太拥挤,可选择“框架”菜单中的“在新窗口中打开网页”命令,这样便打开一个新的满屏窗口,可以自由地在页面中增加内容。
  利用FrontPage的框架页面模板在Web页面上引入了框架布局,我们还可以在此基础上,根据需要进行进一步的设计。
  1、增加新框架

  要给框架页面增加新框架,就是像拆分表格的单元格一样,把一个框架分为两个框架。 其操作如下:
  (1)按住Ctrl键,将鼠标放在框架边框上,当鼠标变为上下箭头时,可把边框拖到一个新位置,当松开鼠标按钮时,一个新的空白内容的框架就形成了。
  (2)也可以通过命令来操作:首先单击要拆分的框架内部,选“框架”菜单中的“拆分框架”命令,在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮,单击“确定”按钮即可。

  2.删除框架

  若框架页面看起来太乱,可删除某些框架。要删除一个框架,可先单击该框架选择它,再选择“框架”菜单中的“删除框架”命令即可。

  3.改变框架属性

  在设置好框架的整体布局后,我们还可以对每一框架的具体属性进行设置,操作如下:
  (1)单击需设置属性的框架,选择“框架”菜单中的“框架属性”,则弹出“框架属性”对活框。

  (2)在对话框的“名称”文本框中可输入框架名,这样便于识别不同的框架;在“选项”区域中,若选中“在例览器中可以调大小”复选框,则客户在浏览站点时,可重新定义框架尺寸,通过在“显示滚动条”下拉列表框中选择不同的描述项,可设置让滚动条是否出现。
  (3)在“框架大小”区域中,可设置框架大小,可以定义一个绝对像素值或相对于浏览器窗口的百分比,若要用浏览器来设置相对于该页面中框架的尺寸,可选“相对”;在“边距”区域中,可设置内容页面与框架边框分隔的像素数值。
  (4)要改变开始页面,可以在“初始网页”文本框中输入一个新的页面名字或URL。
  (5)单击“框架网页”按钮,则弹出“网页属性”对话框。
  (6)在该对话框的“框架”选项卡中,在“框架间距”文本框中,可输入以像素为单位的边框宽度;若要使框架边框消失,则不要选中“显示边框”复选框。
  (7)单击“确定”按钮,关闭“网页属性”对话框,再单击“确定”按钮,关闭“框架属件”对话框,完成框架属性设置。
  动态网页

  --------------------------------------------------------------------------------

  DHTML是动态网页的意思,它其实并不是一个标准的术语。事实上没有一种技术叫作DHTML。DHTML是利用CSS(层叠样式表),JavaScript,HTML等技术而建立的能与访问者产生互动的网页。比如在动态网页里,当访问者单击了某一张图片后,这张图片会自动的移动,这就是DHTML效果。也就是说,当网页下载完毕后,它无需再与服务器连接就能产生变化了。FrontPage2000提供了一套容易制作动态网页的方法,你可以建立起属于自己特色的动态网页。

  1、使用DHTML的基本步骤

  1).在页面点选需要使用DHTML的对象,比如文本,图片。对于文本需要拖曳鼠标选定;

  2).在DHTML工具栏,选择通过开启的下拉列表选择一种事件,文本和图片所具有的事件是不同的;接下来再应用下拉列表选择一种效果;最后选择该效果的的实现方法;

  3).当你为对象使用了DHTML后,保存该页面并预览,你会发现你选定的对象按照你设置的DHTML的效果出现;

  4).如果想删除某一个对象的DHTML效果,先选定该对象,然后单击DHTML工具栏上的删除效果图标即可。

  2、DHTML的事件

  在DHTML制作中,我们听得最多的是“事件”这个术语。什么是“事件”呢,顾名思义,就是发生的一件事情,比如你用手打开门,那么这就是一个事件。换到网页制作中,开门变成了单击,也就是说,访问者单击了一个链接,那么出现了事件的结果,门被打开了。

  在FrontPage2000中,当我们打开DHTML效果工具栏后,点选文本或者图片会产生不同事件。但它们的施用方法是一样的,下面我们以文本举例:

  我们先在编辑器里输入一段文本,比如:网页陶吧,然后继续下面的三个步骤:

  选定一段需要产生DHTML效果的文本,这里是:网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件,它不需要用户利用鼠标去触发它,而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。

  选择好事件后,我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果,我们选择飞入。

  对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯,文本可以从底部飞入,可以从左边飞入,也可以从右边飞入,这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的,比如波动。我们这里选择从底部飞入。

  最后保存该页面并预览,你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然,你也可以尝试其它DHTML效果。对于选定图片,你会在DHTML效果工具栏的开启下拉列表看到新的事件,单击和鼠标悬停,它们会有各自的应用效果和实现方法。你可以每一个尝试一下,这样你就能明白这些事件和应用效果和方法之间的关系。

  3、DHTML的小技巧

  DHTML兼容性

  利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果,Netscape Communicator 4.0或以上版本也可以浏览。

  禁止DHTML

  如果想禁用DHTML效果,点选菜单工具/网页选项,在打开的对话框里选择兼容性标签,取消动态HTML前的复选框里勾,这样DHTM效果被禁用。

  快速使用DHTML

  一般情况,在你没有选定某一个对象的情况下,你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。

  4、网页过渡

  网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页,你会发现当前页慢慢向中间合拢,同时出现了另一个新的页面,直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡,可以按照以下步骤:

  1).打开想使用过渡效果的页面,或者新建立一个页面。点选菜单格式/网页过渡,打开网页过渡对话框;

  2).在事件下拉列表里选择一个事件,我们选择进入网页。大家要注意,当你为某页和站点都设置了过渡效果时,网页将比站点过渡效果优先;

  3).在周期文本框里输入持续的时间,然后在过渡效果列表框里点选一个效果,单击确定。利用浏览器打开该页面,因为我们选择的网页过渡是进入网页,所以当你打开该页时你就能看到过渡效果了。

  利用DHTML效果的确是吸引访问者的有力利器,但如果你不愿意和复杂的代码打交道,那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象,比如文字,图片,然后利用“傻瓜”式的操作就可以让你的网页动起来。
  FrontPage技巧

  --------------------------------------------------------------------------------

  FrontPage是极受广大网友特别是网络初学者欢迎的一款网页制作软件。它强大的功能和方便、快捷的操作让使用者感到非常得心应手!下面为大家介绍有关它的几个小技巧!

  一、给图形增加一个缩略图

  在上网过程中,如果觉得网络的速度比较慢,可以给图片增加一个缩略图,以便快速地显示图片的概图。缩略图是指把原图像按比例缩小,作为原图的预览。当访问者点击到图片的链接后,在图片下载的过程中,网页上首先会出现图片的略图,直至原图全部出现,让浏览者能在最快的时间内看到图片的全貌,来决定是否需要再打开此图,也节省了许多上网时间,非常方便。下面我们来看一下如何在FrontPage中完成这样的功能!

  首先制作缩略图。这可以在一些图形软件中制作一个缩略图,并保存到相应的目录中,或者找到现成的素材也可。这里我们就不详细介绍了。接着,在FrontPage中插入图片,然后单击鼠标右键,选“图片属性”。选择“常规”选项卡,单击“替代表示”栏中的“浏览”按钮,找到刚才所制作的缩略图的文件,也可以在“文本”栏中填入相应的说明文字,单击“确定”按钮即可。

  二、怎样插入竖直线

  我们都知道用 <hr> 可以插入一条水平线,但如何插入一条竖直线呢?
  我们既可以利用插入表格的方法,也可以利用 <hr> 的方法。
  先看看用 <hr> 方法插入竖直线。建立一个表格,然后在某一单元格内插入一条水平线,然后将此线选中,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了。

  如果想要更长的线,只将高度设大是没用的,不信你试试,设置高度为200,但在 浏览器中只能看到100像素高。这是因为HTML只承认100像素高的水平线。这时你可以加回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加一条同样的水平线。我们还可以改变线的颜色,以达到不同的效果。

  第二个办法也很简单,就是在一个表格中,单击鼠标右键,选“表格属性”,设置表格的单元格边距和间距均为0。

  再单击鼠标右键,选“单元格属性”,设置某一单元格的指定宽度为1个像素,高度为100个像素,并设置合适的背景色。

  三、设置图片热点连接

  有时你可能不希望一张图片都做上连接,只想为图片的某部分做上连接,这就叫做提片热点连接。如何做到呢?我们点击一下想要做热点连接的图片,你会看到Frontpage2000会自动在编辑区下面弹出一个工具栏。
  你可以使用这些工具加工你的图片。而做热点连接我们只需要使用到工具栏的几个按纽。她们分别是可以选取各种形状来做热点连接。我们选择长方形的热点工具,在图片上拉取一个想要做连接的区域,它就会自动弹出一个超级连接的窗口来,为它做好连接之后你会发现做热点连接的图片多了一个热点区。
  这样就表示热点连接已经做好了。浏览的时候你就会发现这张图片内只有热点区才有连接而热点区以外是没有连接的。

  四、设置背景音乐

  除了设置背景图象或背景颜色,你还可以设置一种背景音乐或声音。但这个设置是在页面属性对话框的“常规”标签下。所以,点击“常规”标签,在显示的对话框中下部你可以看到有一项是“背景音乐”,在该项目下面的“位置”框中你可以键入你所要加入的声音文件所在的路径和文件名。你也可以点击右边的“浏览”键,在弹出的对话框中选择文件所在的路径和文件名。在“循环次数”选单中你可以设定背景声音文件循环播放的次数,如果你选中“循环次数”右边的“不限次数”选框,则你所设定的背景声音将一直循环播放,直到你转到别的网页或网站浏览时为止。

  五、插入Flash动画

  点击“插入”菜单,然后选“高级”中的“插件”,这时会出现“插件属性”对话框,在“数据源”中填入待插入的Flash动画所在的路径,然后在“大小”中填入该动画的尺寸,其他都用默认的就行了。

  这时页面中会出现一个大大的“插头”,看上去怪怪的,点一下预览看看,一切正常!

  其实你还可以直接将〈p align=“center”〉〈embed width=“400”height=“400”src=“ccc2.swf”〉〈/p〉这段代码插入你网页的源代码中,注意“width”和“height”是你Flash动画的实际尺寸,“src”是你的Flash动画所在的路径,别搞错了!

  六、文字上下移动

  首先输入一行文字,如“上下移动”,将文字全部选中,然后单击“插入”菜单,选择“Web组件”命令,这时会出现一个“插入Web组件”对话框,在左边的列表框中选择“动态效果”,在右边的列表框中双击“字幕”,打开“字幕属性”对话框,我们可以看到文本的默认方向是向“左”移动的,把它改为“右”,这时我们还要切换到“html”窗口,找到“< marquee direction="right" >上下移动< /marquee >”,把里面的“right”改为“up”(或down),再切换到“预览”里,就可以看到字体上下移动了。

  七、任意放置图片

  在网页制作过程中,你是否遇到过这种情况:把一幅图片固定好以后,过一会儿又想把这幅图挪到另一个地方去,这可不是简单的事情。不过你可以试试绝对定位法,首先选中该图片,然后单击“格式”菜单下的“定位”命令,在弹出的“定位”对话框中,选择“定位样式”下的“绝对”,这时你可以在“位置与大小”中设置你想要的图片的大小和位置,就可以把图片放到你想要的地方去了。还有更简单的,选中“绝对”后,按下“确定”按钮,回到编辑区,然后把鼠标指针放到图片上面,就可以随意拖动到任意位置了。

  八、如何去掉超链接的下划线

  我们可以用CSS语法来控制超链接的形式、颜色变化。

  下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。

  实现方法很简单,在源代码的<head>和<head>之间加上如下的CSS语法控制:

  <style type="text/css">
  <!--
  a:link { text-decoration: none;color: blue}
  a:active { text-decoration:blink}
  a:hover { text-decoration:underline;color: red}
  a:visited { text-decoration: none;color: green}
  -->
  </style>

  其中:
  a:link 指正常的未被访问过的链接;
  a:active 指正在点的链接;
  a:hover 指鼠标在链接上;
  a:visited 指已经访问过的链接;
  text-decoration是文字修饰效果的意思;
  none参数表示超链接文字不显示下划线;
  underline参数表示超链接的文字有下划线

  同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。
  建立超链接

  --------------------------------------------------------------------------------

  超链接(HyperLink)的出现使网上浏览变得更加便捷,只须用鼠标轻轻点击,便能轻松地从一个页面跳转到另一个页面,从一个Web站点跳到另一个Web站点,从一个国家跳到另一个国家。超链接就是一些特殊的文本或图像,是其它页面的入口。
  1.与当前web站点的页面建立超链接
  (1)在FrontPage中打开要建立超链接的页面(若是新建页面,则要肯定该页面己被保存),选中超链接源,超链接源可以是一个字符、一个单词、一句话或一幅图片等。
  (2)选择“插入”菜单中的“超链接”命令,或单击“常用”工具栏的“超链接”按钮,则弹出“创建超链接”对话框(如图),在该对话框中列出了当前FrontPage中打开的Web站点中的文件夹和文件。

  (3)在该对话框的文件列表中,选择要建立链接的目标文件。
  (4)单击“确定”按钮,超链接建成。

  2.与本机中的其它文件建立超键接
  (1)选择超链接源,打开“创建超链接”对话框。
  (2)在该对话框中单击“制作一个链接到您计算机上文件的超链接”按钮,然后从弹出的对话框中找到自己所要链接的文件,选中它。
  (3)单击“确定”按钮,超链接建成。

  3.与world wide web上某一站点建立超链接
  (1)在FrontPage中打开欲建超链接的页面,选定超链接源。
  (2)选“插入”菜单中的“超链接”或单击常用工具栏的“超链接”按钮,弹出“创建超链接”对话框。
  (3)在“URL”文本框中,输入超链接目标的URL。
  (4)单击“确定”按钮。
  FrontPage组件

  --------------------------------------------------------------------------------
  FrontPage提供了很多组件,利用这些组件能简化用户的操作,可使网页设计更为快捷。下面将对几个常用的组件进行介绍。
  1.使用横幅广告管理器

  其功能是把一张张图片,设定成某种播放效果,并以此效果一张张播放出来。 操作步骤如下:
  (1)从“插入”菜单的“组件”子菜单中选择“横幅广告管理器”命令。
  (2)在弹出的“横幅广告管理器属性”对话框中,“过渡效果”区域是对每幅图片变化的效果和显示时间(以秒为单位)的设置,变化效果有溶解、水平百叶窗、垂直百叶窗等效果。
  (3)“链接到”文本框是链接对象的位置,可通过单击文本框右边的“浏览”按钮,来选择链接的图片。
  (4)在“显示图片”区域,通过右侧的“添加”按钮来添加图片,通过“删除”按钮可移去图片,通过“上移”和“下移”按钮可调整图片顺序。
  (5)单击“确定”按钮,完成操作。

  2.在网页中加入计数器

  设计好的主页放到网络上之后,要统计有多少人次曾经访问过它,可以通过计数器工具来完成。 操作步骤如下:
  (1)从“插入”菜单的“组件”子菜单中选择“网站计数器”命令。
  (2)在弹出的对话框的“计数器样式”区域中选择一种计数器的样式。
  (3)“重置计数器”复选框选项是用来设置计数的起始值,在右边的文本框中输入起始的数字。
  (4)单击“确定”按钮。

  3.插入悬停按钮

  其功能是当鼠标放在它上面的时候按钮就会变亮色或换一种图片。如果设了播放声音功能,当你的鼠标单击或停留在此按钮上时,你会听到声音。
  插入悬停按钮操作步骤如下:
  (1)从“插入”菜单的“组件”子菜单中选择“悬停按钮”命令。
  (2)在弹出的“悬停按钮属性”对话框中的“按钮文本”文本框中输入在此按钮上显示的文字。右边的“字体”按钮用来设置文字的字体、颜色、大小等。而“链接到”文本框是用来设置超链接的,如果链接的是HTML文件,将转到该文件。如果是E-mail地址将启动E-mail程序。其它是对按钮颜色、背景颜色效果等进行设置,这就看你的喜好了。
  (3)如果想用图片作为按钮,可单击“自定义”按钮。
  (4)在弹出的“自定义”对话框中,“播放声音”区域是用来设置当鼠标单击或停留时所播放的声音。在“自定义图片”区域设置图片按钮,“按钮”文本框是初始显示的按钮图片,“悬停时”文本框是当鼠标在按钮上停留时所显示的图片。
  (5)设置好后单击“确定”按钮,以确认所做的操作。这样设置了之后,此按钮就更有生气了。

  4、字幕

  移动文字就是在一个文本框中可以滚动的文字。这曾一度为网页上的新鲜事物,现在滚动文字框随处可见。有的滚动文字为无休止的文字循环,开始时使人感到新鲜,后来会使人感觉厌烦,这就要求用户选择合理的重复方式。在FrontPage中同样提供了滚动文字框的功能。
  要产生滚动效果,首先输入一段文字并选中它,然后从“插入”菜单的“组件”子菜单中选择“字幕”命令,弹出“字幕属性”对话框。
  在“文本”文本框中显示上一步选中的文本,也可直接在文本框中输入文本。
  在“表现方式”选项中,单击“滚动条”单选按钮提供一种类似股票显示机样子的显示方式,文字将无休止地从屏幕上掠过,可以通过不选中“重复”区域中的“连续”复选框以修改显示方式;单击“幻灯片”单选按钮可使文字只移动一次,然后停止在屏幕上,这样移动,可以引起读者的兴趣,而没有“滚动条”方式的无休止移动,可以避免读者的厌烦情绪;单击“交替”单选按钮使文本在文本框区域内来回移动,就像文本框两壁有弹簧,文字在来回撞动。
  在“背景颜色”下拉列表中可以选择自己喜欢的背景颜色。当用户选择好滚动根示的方式以后,单击“确定”按钮即可。
  要删除滚动文字效果,选择滚动文字边框按De1ete键,或选择“编辑”菜单中的“删除”命令。
  创建表单

  --------------------------------------------------------------------------------

  一、使用表单域
  表单域是用来制作简单的交互式网页的,如:登记表、调查表和数据记录表等。FrontPage给我们提供了多种域类型。

  单行文本框:输入单行文本。
  滚动文本框:输入多行或一段文本。
  复选框:复选或忽略清单中的选项,每个复选框可以分别选择或不选。
  单选按钮:选择清单中的选项,但是只能在这组选项中选择一项。
  下拉菜单:从加入菜单中的选项清单中进行选择。
  按钮:在表单中插入功能按钮。插入功能按钮有3种类型,如“提交”用于表单提交;“重置”用于清除表单所填内容,回到初始状态;“普通”用于执行其它客户的操作。
  1.文本框
  “单行文本框”很适合简短回答,如姓名、地址、邮编和电话号码等;如果需要读者填人更详细的信息或说明文字时,最好用“滚动文本框”。当浏览器中出现单行文本框时,用户可单击此框并输入所要求的信息。有默认值的情况下文本长度并不局限于框的长度,如果文本超出右边界,文本则从右向左移动。“滚动文本框”使用方法与上述基本相同,只是文本到了右边则自动回行,并且到了框底部时可以向上滚动。
  这两种文本框在许多方面是一致的,可以同时介绍它们的选项。默认情况下这两种文
  本框宽度都是20个字符,若想改变宽度,应先选中该文本框,出现控制句柄,用光标接近控制句柄,当指针变成双向箭头时,拖动鼠标并把它调整到合适的宽度即可。

  (1).预设文本

  文本框不一定是空的,如果需要可在表单域中初始状态带有文本,这些文本用户可以保留也可以删除掉,操作方法如下:
  选中“单行文本框”或“滚动文本框”,单击鼠标右键,从弹出的快捷菜单中选择“表单域属性”命令,弹出“文本框属性”对话框(如图),在“初始值”文本框中输入文本,单击“确定”按钮。
  在FrontPage的“单行文本框”的属性对话框中,还为用户提供了保密措施,以便遮住对外保密信息,如果想把此表单域设为以保密字方式显示信息,只要将“密码域”设为“是”就可以了。

  (2).设置输入限制

  在一些特定网页中,例如:填写调查表、申请表或填写邮编,有时因少填或未填,用户就不能提交表单,像此类问题,通过FrontPage的“文本框有效性检查”对话框对它进行限制是很方便的。设置输入限制的步骤如下:

  ①.选中文本框或单击鼠标右键,在弹出的快捷菜单中选择“检验表单域”命令,弹出“文本框有效性检查”对话框。
  ②.在对话框中有一个“数据类型”的下拉菜单,提供了四种数据类型:无限制、文本、整数、数字。
  ③.在此对话框的“数据长度”区域中有3个选项:

  要求:若选中此项,如果用户没有输入数据,则不能提交表单。
  最小长度:用来设置输入的最少字符数,若输入的字符数不到设定值,则提交表单时会出现错误信息。
  最大长度:用来设置输入的最多字符数。
  注:在某些特定情况下,例如邮编为固定的几位数字:,我们可以把最小值和最大值设为同一值。
  ④.此对话框的“数据值”区域是用来限制用户在此域中输入值的范围。选中“域必须是”或“同时必须是”复选框,再从下拉列表中选择一个条件,最后在“数值”中输入某个数值。
  限制条件的说明见下表:

  条 件 结 果
  小于 必须输入小于设定值
  大于 必须输入大于设定值
  小于或等于 必须输入小于或等于设定值
  大于或等于 必须输入大于或等于设定值
  等于 必须输入等于设定值
  不等于 必须输入不等于设定值

  2.复选框
  功能:用于实现单项或多项选择。
  (1)插入复选框:从“插入”菜单的“表单”子菜单中选择“复选框”命令。
  (2)设置复选框:右击复选框并从快捷菜单中选择“表单域属性”菜单命令,将打开“复选框属性”对话框。在“名称”文本框中输入此复选框的名字,在“数值”文本框中输入值;“初始状态”项是用来设置复选框的初始状态,其中两种状态是:“选中”和“未选中”;“Tab键顺序”项是用来设置Tab键经过的顺序。

  3.单选按钮

  功能:用户在一组选项中只能选一种。
  每组单选按钮是一个集体,它们只有同一个组名,而不能用同一个值。你可在“单选按钮属性”对话框中为单选按钮设置“组名称”

很多啊,自己看书,操作,让朋友老师教你,反正只要耐心就可以学会了.

可以用软件制作.
看一些制作网页的书

先学会做网页的各种元素,再学会把它们组合起来