bwin必赢官网登录网页制作大全_
发布时间:2023-11-13
 还有【格式】菜单栏中的【项目符号与编号】选项,也可以用来设置文字段落的排列,基本上文字的一般处理都与word相似。  1、新建一个网页,之后输入的文字就会在光标所在位置出现,根本得不能再根本的方法,说白了就是打字。只要光标能到的地方都可以正常输入文字。  2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中,【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形

  还有【格式】菜单栏中的【项目符号与编号】选项,也可以用来设置文字段落的排列,基本上文字的一般处理都与word相似。

  1、新建一个网页,之后输入的文字就会在光标所在位置出现,根本得不能再根本的方法,说白了就是打字。只要光标能到的地方都可以正常输入文字。

  2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中,【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形式导入文字,包括txt、doc、htm等纯文本或者包含文字的文件。

  新建图片库:主要用于制作排列众多图片的页面,针对样品列举、图片欣赏等。在打开的对话框中,点击添加导入所需要的图片,设置好缩略图的大小后,在四种布局中选择一种适合用户的(如图2.9)。简单点击后,按确定,一张布满图像的页面就生成了。

  绘制新图形:选择后在页面中插入一块类似画板的蓝域,可以在上面自由作画。一般不用到。

  单击文件菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FRONTPAGE提供的许多网页模板[图一],我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页,这样就创建了一个新的分为两栏的网页了。然后点确定。

  首先把插入点调整到要插入表格的位置,单击“常用”工具栏“插入表格”按钮 ,拖动鼠标,直到高亮的格子的行列数与你要插入的表格相同为止。这里我们用3乘4的,也就是3行4列的。

  实际上这种方法创建单元格只能将各单元格行高和列宽设置为一样的,如果要在创建表格时对表格进行设置, 可以使用插入表格命令。设置好插入点后,选择“表格”菜单的“插入”命令,单击“表格”命令,

  超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链

  任务视图里放着关于站点维护的任务列表,如果站点大到由许多人共同维护,他们就可以通过任务列表知道工作的进展情况了。

  上移、下移一层:类似于Fireworks中的排列,点击后,图像可以在网页中任意拖动确定位置,很好用的功能。

  对比度以及亮度的处理:这是Dreamweaver望尘莫及的。在加强了亮度以及对比度的图片上插入文字,这种安排一定可以大大提高访问量哦。

  编辑:包括用于处理文字的复制、粘贴等操作,调整网页内容(包括文字、图像、控件等等)的多少以及安排。是最基础的工具,经常使用其对应的快捷键。

  插入:用于网页各种部件及其组成部分的创建,很多选项都能创建既复杂又实用的部件,这方面较Dreamwaver更容易被初学者接受。(图2.1)

  格式:对于文字的处理大多集中在这里,这里的选项是用来协调整个网页以及整个网站的内容编制,也是个较常用到的菜单栏。(图2.2)

  现在市面上的有许多制作网页的工具,office中也有一个专门作网页的工具FrontPage,其操作与word相似,比较容易上手。下面以FrontPage 2000为例,介绍网页制作的基本知识。

  单击任务栏“开始”按钮,选择“程序”选项,单击FrontPage就可以进入。

  选择“查看”菜单的“工具栏”命令,单击其中的“表格”选项,这时就会显示“表格”工具栏。

  单击“手绘表格”按钮 ,用拖动鼠标的方法画一个表格。双击鼠标退出画表格状态。

  可以看出,FrontPage对于图片的处理能力已经远在Dreamweaver之上了,只不过比起dw和fw的配合使用来说,还有一些距离。但它的简单快捷非常省事省力,适合初学者。接着我们在图像上点击右键,选择图像属性。这里常用的就是图像的环绕样式,以及一些其他设置(如图2.13)。

  §选择【插入】菜单栏中的【Web组件】选项,在出现的对话框中选择动态效果中的“字幕”(如图2.5)。在出现的对话框中首先在文本框中输入文字,而后对速度、大小进行调整。这里值得说明的是左下角的样式按钮,点击之后出现的新窗口中可以进行样式的调用等,在新窗口的左下角有一个格式按钮,在这里可以进行文字格式的一般处理(即上文所述的)。这在以后的文字相关处理中都用这种按钮后的按钮情况。(如图2.6)回到字幕对话框后按“确定”,这样一个网页中的滚动字幕就制作好了。

  FrontPage中对于文字与图像的处理与word很相似,用过word的人对于FrontPage中这部分的操作很容易上手的。不过,毕竟是网页制作软件,在Web的基础上,又增加了很实用的功能,也能做出复杂而且高级

  FrontPage中对于文字以及图像的处理基本集中在这三个菜单栏里:编辑、插入、格式。

  文本被分成左右两栏了。文本周围有虚线包围。这些虚线实际上就是表格的框线,我们利用表格把网页分为了左右两栏。

  在普通模式看到的虚线可以便于我们编辑。由于表格框线,所以它在普通模式里是虚线显示的,而在浏览器里它就不显示出来。也就是说用一个看不见的表格把文字分开。

  将行数设置为3,列数设置为4,将边框粗细设置为5,将单元格间距设为3,确认指定宽度复选框选中,并选择单位为百分比,设置百分比为80,使表格宽度为浏览器宽度的80%,单击“确定”按钮。

  新建的表格边框变粗了。这是因为我们刚才设置了边框的粗细为3,另外单元格之间的分割线也变宽了,这是因为我们设置了单元格间距的结果。我们的设置也自动变为了下一次创建表格的默认设置。

  §选择【格式】菜单栏中的【动态HTML效果】选项,出现相应浮动选项框(如图2.7)。只有当你在网页中选择了文字或者图像,浮动框中的选项才会启动。这里我们先在网页中输入文字处理一下,把鼠标移到文字行,在浮动框中依次选择“网页加载”、“逐字放入”。DHTML效果在FrontPage中以淡蓝色方框表示。(如图2.8)

  字体:框中选择想应用的字体。字体文件都保存在windows目录中的fonts子目录中,可以自行删改添加。

  字形:有常规、倾斜、加粗和加粗倾斜四个选项。一般来说正文选用保持常规,加粗用于标题,倾斜则用于突出正文中的内容以及使文字美观。

  §选择【插入】菜单栏中的【Web组件】选项,在出现的对话框中选择动态效果中的“悬停按钮”。通过与上文相仿的简单设置就可以搞定一个动态按钮,简直可以和辛辛苦苦用Fireworks做出来的媲美呢。

  在FRONTPAGE的诸多功能中,制表功能也是一个很重要的方面。我们不仅利用表格显示一些有规律的数据,而且还经常对表格中的单元格进行调整,在其中放入文本和图形,达到对网页进行布局的目的。

  创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

  如果要新建网页,可以不用向下箭头键选择,而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。

  表格工具栏的其他按钮都与表格菜单的各条命令相对应,它们的使用方法也是一样的。

  一般情况下,直接输入就可以了。当达到单元格末尾时文字会自动换行的。可是在没有达到末尾时就要换行的话,不是按回车键不就可以了,因为这样做就把文本分成了两个段落,文本的行距就会变大。

  艺术字:用过word的人应该都很了解这个了,就是方便的创建含有文字特效的图片文件。知道保存页面后才会以图片形式导出。点击后选择一种合适的文字艺术效果,再输入文字就行了(如图2.10)。艺术字生成后可以修改,有艺术字浮动框(如图2.11)。可以进行艺术效果的重新选择,文字内容的重新输入,样式的调整等等。

  进入后你会发现PRONTPAGE界面和WORD很相似[图一],这是因为编辑WEB页面和编辑WORD文档有很多同样的设置,这些设置所用的图标和WORD中的是一样的。

  视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左],使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言,不断更新是很重要的。随着站点的成长,维护站点的工作量会越来越大。建立站点可能很快,但是如果没有这6种视图的帮助,维护起来就很困难了。

  这里我们把水平对齐方式调整为“水平居中”对齐。单击“确定”按钮,文本就水平居中对齐了。

  我们还可以把水平和垂直对齐方式组合使用,这样就可以任意的调整对齐方式了,也可以同时选中多个单元格,一起设置对齐方式。

  首先要知道为什么要选中单元格。有时我们要对单元格进行某种操作,比如要删除几个单元格,首先就要把这些单元格先选中。

  字号:可以直接在输入框中输入想使用的字号,也可以在选项中选取。一般来说在浏览器中9磅和10.5磅看起来最美观最舒服。

  预览:无论在【字体】中进行什么操作,都可以在预览框中看到样品,方便选取合适的搭配。

  剪贴画:会启动剪贴画寻找器。在这里你可以方便地在本机或者在互联网上搜索到剪贴画用来装点你的页面。

  来自文件:导入本机或者局域网中的图片,相比较剪贴画,获得图像的质量、类型和格式都很丰富,是最常用的导入图像方式。

  §选择【插入】菜单栏中的【Web组件】选项,在出现的对话框中选择动态效果中的“横幅广告管理器”(就在上文说到的“字幕”下)。设置好广告图片的长和宽,选择一种合适的过渡效果,设置好时间后点击添加。在完成了所需广告图片的添加后,设置连接页面。最后点击确定,这样一个网页中的横幅广告就制作好了。(如图2.14)

  在已经创建的图片上点击左键,出现图片浮动框(如图2.12)。这里的所有图标按钮都可对图像进行操作处理,从左到右依次是:

  文本:在图像上加入文字,这可是Dreamweaver很难做到的哦。不过它会帮你自动转换文件格式到gif。

  应该这样来做。按SHIFTENTER键,这样文本就强制换行了。我们再输入换行文字,这时行距就正常了。

  单元格里的文本与单元格的对齐方式有时也需要调整。我们可以用“格式”工具栏的左对齐、居中对齐、右对齐进行设置。

  在这里还有专门的设置方式。首先单击要调整格式的单元格,单击鼠标右键,选择“单元格属性”命令,在这里你不仅可以设置水平对齐方式还可以设置垂直对齐方式。