网页制作技巧 Home | Profile | Archives
本站主要向大家介绍一些网页制作技巧。

blogs updatedFeb. 22, 2006
We updated the blogs.forumer.com You can now see new features when you login. Thank you for choosing Forumer, Have you created a community yet? If not, give it a try http://www.forumer.com
0 Comments | Post Comment | Permanent Link

友情链接Dec. 23, 2005

 不锈钢反应锅 低温试验箱 减震器 不锈钢反应锅 发酵罐 螺旋板换热器

 

 打包机 液压机 干燥设备 发电机 化工机械 环保设备 除尘器 高温试验箱

 

 涂料 摩托车配件 电动摩托车 电动车配件 电动车贴牌 红外测温仪 温度计

0 Comments | Post Comment | Permanent Link

dreamweaver2004:用模板作网页Dec. 23, 2005

随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中。现在,拥有自己的Web网站已经成为一种潮流。虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家准备了最新网站设计软件Dreamweaver MX 2004的系列教程,希望对大家有所帮助。

    通常在一个网站中会有几十甚至几百个风格基本相似的页面,如果每次都重新设定网页结构以及相同栏目下的导航条、各类图标就显得非常麻烦,不过我们可以借助Dreamweaver MX 2004的模板功能来简化操作。其实模板的功能就是把网页布局和内容分离,在布局设计好之后将其存储为模板,这样相同布局的页面可以通过模板创建,因此能够极大提高工作效率。

  一、制作模板

  制作模板和制作一个普通的页面完全相同,只是不需要把页面的所有部分都制作完成,仅仅需要制作出导航条、标题栏等各个页面的公有部分,而把中间区域用页面的具体内容来填充。

第一步:先在Dreamweaver MX 2004中运行“File→New”命令,接着从所示的窗口中依次选定“Template page→HTML template”选项,点击“Create”按钮之后即可创建一个模板文件。

第二步:在页面设计视图下插入网页框架、导航条、Flash标题等所有页面公有的元素,然后运行“File→Save”命令将这个模板保存下来。

小提示:可以先下载一个中意的网页,然后在Dreamweaver MX 2004中打开它,仅仅保留框架等元素之后通过“File→Save as Template”命令将其保存为模板,这样能够省去很多制作模板的时间。

  为了避免编辑时候误操作而导致模板中的元素变化,模板中的内容默认为不可编辑,只有把某个区域或者某段文本设置为可编辑状态之后,在由该模板创建的文档中才可以改变这个区域。先用鼠标选取某个区域(也就是每个页面不同内容的区域),接着运行“Modify→Templates→New Editable Region”命令,并且在弹出的对话框中为这个区域设定一个名称,这样就完成了编辑区域的设置。

  小提示:设定好编辑区域之后需要运行“File→Save”命令保存所做的修改。

  二、使用模板

  有了模板之后,接下来就要在编辑网页时候使用它们了。只要在Dreamweaver MX 2004主窗口中运行“File→New”命令即可看见图1所示的新建窗口,接着进入“Templates”标签即可查看到已经保存的模板,从中选取一种还可以在右部的预览区进行预览,最后挑选一款中意的模板并点击下部“Create”按钮打开这个模板。

在打开的模板中,无法编辑的区域将呈高亮状态显示,但是有些位置是锁定区域,却不是高亮显示,这主要是因为图片正好盖住了背景的颜色。对于这种情况,可以运行“Edit→Preferences”命令,在弹出窗口的“Category”列表中选取“Highlighting”一项,接着在右部区域中选取“Locked regions”旁边的“Show”选项,并且设定高亮显示色为蓝色,这样就可以很清楚地分辨出模板中的锁定区域了。

  小提示:如果仍然看不见高亮显示效果,还可以依次选中“View→Visual Aids→Invisible Elements”命令。

最后,我们只要在可编辑区域添加网页的内容就可以了,比如添加一些文字说明或者是插入相应的图片,最后通过“File→Save”命令保存页面即可。

  三、修改和更换模板

  在通过模板创建了若干个页面之后,如果需要更改页面或者增加栏目,再对所有的页面手工修改则非常麻烦,因此我们可以通过Dreamweaver MX 2004的模板修改功能来解决这个问题。比如我们对模板进行了修改之后,运行“File→Save”命令来保存模板,这时候会弹出提示框询问是否更新所有使用了该模板的页面,确认之后就会显示出更新的页面总数以及更新的时间等信息。

 另外,Dreamweaver MX 2004还提供了一个为网页更换模板的功能,这样更换模板有点像给人换衣服,只要把各种模板制作好,然后想穿哪件就穿哪件。不过模板也不是随便可以更换的,可以更换模板的条件是被更换的页面必须是通过模板创建的,而且页面中的可编辑区域个数和名称必须与要更换模板的可编辑区域个数和名称相一致。比如一个网页中有3个可编辑区域,名称分别为t1、t2、t3。另外还有一个模板,无论这个模板什么结构,只要它也有3个可编辑区域,并且名称也是t1、t2和t3,那么就可以用它来为原先的网页更换新模板,而页面中3个可编辑区域的内容则相应保持不变。具体的更换模板方法也很简单,只要运行“Windows→Templates”命令打开模板面板,此时可以从上部区域挑选合适的模板,然后点击“Apply To Page”按钮,这样就可以很快完成模板更换操作了。

  小提示:利用这个功能可以为网站首页分别制作夏天和冬天两个版本,这样可以非常方便地更换模板。

  其实模板的相关内容还很多,不过限于篇幅只能选取部分介绍,希望大家能够举一反三,彻底领会到模板的精妙所在。

 

经编 螺旋板式换热器 减震器

 

0 Comments | Post Comment | Permanent Link

用Dreamweaver MX实现网站批量更新Dec. 23, 2005

在Dreamweaver 4.0中,我们就已接触了模板与库的概念,知道它们是批量生成风格类似的网页的好工具。如今在Dreamweaver MX(以下简称DW MX)中,模板与库的功能得到了进一步细化与加强,尤其是实现关联网页自动更新的特点,使得模板与库成为DW MX的一大亮色。

1、首先我们来看看模板的应用,与Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了“Modify”与“Insert”两个菜单下,同时,在 “File”选项的“Assert”子选项中也可以直接创建模板。

2、找到“Assert”子选项,在左边的工具栏中单击“Templates”按钮,此时的模板为空,我们可以在右下角单击“New Template”按钮,一个空白的模板就会出现在面板中,点击模板名称,是模板进入可编辑状态,注意,此时的模板还没有任何添加任何元素,我们可以像编辑普通网页一样在模板上添加表格、图像、文字等。添加完后,保存模板,可以在默认站点文件夹的“Templates”子文件夹下找到刚才做好的模板,扩展名为.dwt。

如果嫌这样麻烦,DW MX还提供了一种更直接的方法,编辑好要保存为模板的网页后,在“File”菜单中点击“Save as Templates”,即可生成模板。

3、模板生成之后,还要建立可编辑区域,为将来填入不同的网页内容做准备,打开模板,单击菜单“Insert/Template Object/Editable Region”,出现可编辑区域对话框,指定区域名称后,可以看到模板中出现了蓝色的方框。 保存后就建立了可编辑区的模板。

4、如何批量生成网页呢?单击菜单“File/New”,选择“Templates”选项,马上就可以看到建立生成的模板,单击“Create”按钮,模板就开始自动套用在网页上。这个时候我们可以看到,原来的模板区域是黄色,其中的元素已经固定,不能编辑,而我们刚刚指定的可编辑区域是蓝色,可以编辑。这样一来,不但大大简化了我们生成相似网页的工作量,而且有效地保证了网页风格的一致性。

5、最后,就是关联网页批量更新,这是大型网站更新网页时必不可少的一项技术,在DW MX中可以轻易实现。因为我们所有的网页都套用了相同的模板,而且这些网页都被保存在同一个站点目录下,当我们要对所有网页的公共元素进行改动时,只需修改模板中的元素即可。

打开“Templates”子选项,双击关联网页的模板,这时候模板进入了可编辑状态,黄色区域消失,改变的模板的内容后,保存时就会出现一个提示对话框:“下列网页使用了当前模板,是否进行更新?”单击“Update”,此时,网站中所有基于模板创建的关联网页都将得到更新。

与模板类似,DW MX的库就显得更加灵活,在“Assert”选项卡上单击“Library”,打开库,暂时库中没有任何元素,我们把网页中要生成库的元素,如表格、图像,直接拖到库面板中即可。                    

注意,库中的元素决不仅仅是图像或文字本身,而且还包含了网页中排列这些图像的代码。因此,我们也可以像模板中一样,在网页上添加相同的库元素,从而批量生产风格类似的网页。这时,我们只要在库面板中将元素拖回到新网页上即可,而相关的代码会自动复制到新网页上。

而且,库元素也可以实现网站的批量更新,我们在库面板中单击库元素,使库进入可编辑状态,当改变了库元素并进行保存时,凡是使用了库元素的网页,会自动进行同步更新。

最后,对于自动更新还有一点补充:如果一个网页是应用了模板生成,然而自动更新时又想将它保持原状,不随着站点其余的网页一起更新,只需单击“Modify/Templates/Detach from Templates”,此时,这个网页就不再受到模板的约束,需要手动才能更新网页。

分馏塔 经编 减震器

0 Comments | Post Comment | Permanent Link

友情链接Dec. 7, 2005

 

     电热膜 万用表 电热膜 压力表 导热油 螺旋板换热器 大型贮罐

 

     离心机 滤油机 轴承加热器 压力表 烟气分析仪 校平机 弯管

 

     真空耙式干燥器 振动台 电加热器 示波器 不锈钢反应锅 IC卡座

 

 

   

0 Comments | Post Comment | Permanent Link

消除用Netscape编制的网页中的乱码Dec. 7, 2005

平时当我们用IE浏览浏览器来浏览,一些网页的时候,往往会发现有的汉字网页中出现乱码,好端端的一个页面却无法辨认。真是烦人那。干脆不看了。出现这种情况是网页制作者最为痛心的事情。如何防止出现这种情况呢?我们下面就来谈谈这个问题。

  很多的网页制作者通过Netscape Navigator内置的网页编辑器来编辑中文网页,其中出现的所谓乱码实际上是一种流行于Internet上的汉字(HZ)内码。对于Netscape Navigator,所默认的网页内码为HZ码。比如“·&snp2 Ê&Ccedil,&Vacnte;&maer;”就是一堆HZ码。当一页html文件由Netscape Navigator编制完成时,如果不加上特殊的注解命令,那么该html文件内的所有汉字字符就会被Netscape Navigator转换成HZ码。

出现乱码的页面

  然而目前在用户端经常使用的浏览器有很多种,包括Internet Explorer,Netscape,Opera等。用户在使用非Netscape浏览器进行阅读时,这些HZ码便会照原样显示在屏幕上,形成“汉字乱码”

  解决这一问题的方法其实很简单,我们只须在网页的源文件的栏内加入下面的命令:

      charset=gb2312”>

  其中“charset”的参数是起关键作用的地方。对于用BIG5码制作的中文网页,则应改为“charset=big5”。

去除乱码后的页面

  依照上面的作法进行设置后,我们再用Internet Explorer或Opera来浏览,发现汉字显示正常了。

0 Comments | Post Comment | Permanent Link

如何去掉主页超链接的下划线?Dec. 7, 2005

在访问一个页面的时候,我们会发现,当鼠标移动到具有超级连接的文字上的时候,有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢?

  我们在...之间插入下面的代码。

  
  

  更简单的方法是:

   

  下面我们在看一看效果,试着将鼠标移动到下面的超级链接上去,是不是超级链接不会产生下划线了。

0 Comments | Post Comment | Permanent Link

初学制作网页用frontpage好Nov. 1, 2005

 

        学会上网后,谁都想在网上安个家,既可以借此总结自己学习的体会,也可以给自己一个展示自我的机会,会很有成就感的哦。所以,学会制作简单的网页是广大网民共同的心愿。当然,不同人在制作网页上的初衷和在内容的选择上都会有极大不同。年轻人会选择比较花哨些的东东,借以展显自己的制作水平;而老年人,就比较侧重于网页的内容,把它当作内容的载体。因此,在页面的要求上会有不同。
  
  老年朋友们,若想尽快地制作出一个页面的话,可以先选择使用软件frontpage,这是一款微软出品的专门用于制作网页的软件。使用它的向导,可以在很短的时间里,制作出还算可以的主页。你还可以买一张学习制作主页的光盘(是有关frontpage的学习光盘)。用它,你可以一边看盘一边实践。如此这般,就可以制作出比较有个人特色的主页来。当然,用于主页的素材要事先用相关的软件处理好,再在制作中引用。
  
  用frontpage制作主页的好处是快。上手快,使用快。不足之处是,使用限制较多,与动态元素的兼容差。如对flash或其他的动态作品的展示程度远不如网页制作‘三剑客’。因此,要制作大型和比较复杂的网页,它就差强人意。就要用‘三剑客’甚至各种语言了。
  
  这时,你的明智选择就应该是‘三剑客’了。

0 Comments | Post Comment | Permanent Link

链接Nov. 1, 2005

 

http://blog.iky.cn/ylove0001/ ylove00013
http://www.shandao-cn.net/product6.htm 高温试验箱
http://www.shandao-cn.net/product2.htm 低温试验箱
http://www.shandao-cn.net/product4.htm 恒温恒湿箱
http://www.shandao-cn.net/product3.htm 高低温试验箱
http://www.shandao-cn.net/product5.htm 盐雾试验箱
http://www.shandao-cn.net/zd-1.htm 振动台
http://www.shandao-cn.net/product11.htm 试验室

http://vcc003.bravehost.com vcc003

http://free.hostdepartment.com/s/scc011/cp80.htm IC卡座

0 Comments | Post Comment | Permanent Link

网页制作Nov. 1, 2005

1、网页制作的一般步骤

 

      第一: 明确网页制作的目的。比如,公司通过主页进行广告宣传;工程师通过主页与合作者讨论项目;个人通过主页展示自己,和网友交朋友。
  
  第二:组织网页的内容。如果网页的内容组织得好,用户从你的网页中获取信息就容易得多。一般来说,组织好网页的关键是要对网页建立层次分明、条理清楚的结构图。
  
  第三,美化网页的外观。美化的目的就是让用户被你的网页所吸引。如果只是将很多漂亮的图片堆在一起,而不管内容,那是没人看的。应该让网页不仅漂亮,更重要的是实用。
  
  第四,开始制作网页。具体操作时,首先要创建个人站点,在充分利用FrontPage 2000的功能建立各个网页。
  
  第五,发布站点。网页做好了,就该发布让网友们看一看了。站点发布以后,为了保持站点的吸引力,应该常常更新和维护你地站点。

 

2、创建新的主页或站点

 

      Web页面可用预定义模板来创建,也可不采用模板而在空白页上自己进行设计。创建新页面的步骤如下:
  
  在网页视图下,选择“文件”菜单中的“新建”命令,再从其子菜单中选择“网页”命令,将弹出“新建”对话框,如图所示。
  
  
  若用户要新建的网页是框架,则从“框架网页”选项卡中选择某种框架样式;否则,从“常规”选项卡中选择一种所需样式,然后单击“确定”按钮。若想建立一空白网页,可在对话框的“常规”选项卡中选择Normal Page项,或直接单击常用工具栏的“新建网页”按钮。
  
  建议逐一试用FrontPage提供的各种模板以便熟悉它们,日后你就可以自如地利用模板创建常规Web页面,能够节省许多时间。
  
  想一想:若是新建一个站点呢?有什么不同呢?

 

3、打开原有的网页

 

      如果想要打开当前Web站点的一个页面,选“文件”菜单中的“打开”命令,或单击常用工具栏的“打开”按钮,则弹出“打开文件”对话框如下:
  
  
  在“打开文件”对话框中列出了当前打开的Web站点中的所有文件和文件夹。选中所要打开的文件,单击“确定”按钮,或直接双击所选页面,即可打开该页面。

 

4、格式化文本

 

      输入文本
  从总体而言,文本仍是网页中的主体内容,在FrontPage中输入文本与在Word中输入文本非常类似。
  需要加入空行或换段时才使用Enter键,当输入文本达到所定义的右边界时,将自动换行。若录入文字有错可按Backspace键清除错误,重新录入。
  可在文本中任意位置处插入新文本内容,操作时把鼠标指针定位到欲加文本处即可添加文本。
  可进行覆盖式录入,即先用鼠标选中要替换的文本,然后直接录入文本。
  可通过单击常用工具栏的“显示所有”按钮,让段落标记在屏幕上显示或隐藏,借助段落标记可清楚地看到段与段之间的空行。
  
  文本的选择
  选择一个单词或多个单词:选择一个单词只需在该单词上双击鼠标即可,按住鼠标左键在要选单词上拖动即可选择多个单词。选择字与选择多个单词的方法相同。
  选择一行文字:一行文字就是在屏幕上占据一行空间的文本。将鼠标箭头移到行的最左边,当光标箭头变为指向左边时,单击鼠标左键,便可选择该行。
  选择一个段落:将鼠标箭头移到该段落的最左边,当光标箭头变为指向左边时,双击鼠标左键,或按下ALT键,再用鼠标单击想要选择的段落,即可选择该段落。
  
  删除、拷贝和移动文本或图片
  删除:删除插入点左侧的一个字符,按Backspace键;删除插入点右侧的一个字符,按Delete键;删除插入点右侧的一个单词,按Ctrl+De1ete键;剪切所选内容并保行到“剪贴板”,按Ctrl+X键;删除所选内容按De1e1e键或选择“编辑”菜单中的“删除”命令。
  拷贝:拷贝所选文本或图形到剪贴板,方法是:选中文本或图形,然后按Ctrl+C键或从菜单上选择“编辑”菜单中的“复制”菜单命令,也可直接单击工具栏中的“复制”按钮。
  移动文本或图片:选择想要移动的文本或图片,再拖曳到要插入的位置,释放鼠标,所选对象就移到目的地。如果先将选择的文本或图片“剪切”,然后再“粘贴”到指定区域,也可将其移动。
  通过“撤销”取消误操作:如果用户在不小心的情况下错误地执行操作,单击工具栏上的“撤销”命令按钮,可以取消用户执行过的操作,或从菜单栏选择“编辑”菜单中的“撤销”菜单命令,或按Cir1+Z键。
  
  加入标题 (示例如下)
  标题1 标题2 标题3 标题4 标题5 标题6
  
  出于页面内容层次的需要,有时在页面中要加入一些小标题。 HTML语言规范采用6级标题,各级标题采用文字不同字号来区分,其中标题1为大标题,其它依次为中小标题。要设定某一级标题,可以在FrontPage格式工具栏中的“样式”下拉列表中选中一个标题等级,然后在光标处输入标题文字即可;或者先输入文字,并选定该文字,然后在“样式”下拉列表中选定某一级标题。标题结束后,将下拉列表中的格式改回原来的“普通”,再进行其它内容的输入。
  改变字体及设置字体效果
  设置字体颜色:选中文字,单击格式工具栏上的“文本颜色”按钮的下拉箭头,就会弹出其下拉列表,在“标准颜色”中选择所需颜色;若没有,可选择“更多的颜色”命令,然后从弹出的对话框中选择。
  设置字体样式:要对需要的文字进行粗体、斜体和下划线处理,只要选择要处理的文字,从格式工具栏上单击“加粗”、“斜体”或“下划线”按钮即可。想解除此效果,可以选中文字,再次按相应的按钮就可以解除效果,恢复到正常字体。在制作网页时,一般不采用“下划线”效果,因为下划线在一些网页中都表示有超链接。
  字体加线效果:共有两种:“下划线”可以在选中的文字下面划一条线;“删除线”在文字中间贯穿划一条线。
  特殊的文字风格:当选中的文字需要使用某些特殊风格,如“闪烁”风格,可通过选择“字体”对话框中“字体”选项卡(如图)的“效果”区域的所需选项,但有的文字特殊效果只有在浏览器中才能体现出来。
  
  文本的缩进
  
  文本的缩进就是使文本左边、右边显示空白,这种效果有利于对关键段落加强说明。要对一个已有的段落运用缩进的方式,首先选中段落,然后在格式工具栏上单击“增加缩进”按钮,段落左边和右边分别缩进一段距离,连续按“增加缩进”按钮,缩进将进一步加大。这种在文字两边同时缩进的方式也称之为双向缩进。若缩进的空间太大,可以通过单击“减少缩进”按钮来减少缩进的空间。
  
  文本对齐方式
  
  若输入的文字是从该页的左边距开始,并逐渐向右延伸,且到了行满以后又折回下行左边(左边距处)重新开始,这就是左对齐。有些文字需要居中方式,比如标题之类的文字;而有些文字需要放到右边,这些可通过格式工具栏上的“向左对齐”、“居中”和“向右对齐”按钮来实现:,不同的对齐方式可以使文本呈现不同的显示样式,而且可以清楚地表明用户想要说明的问题,使网页整体保持协调。 要设定文本的居中、左齐或右齐方式,须先选择好要设置的文本,再单击相应按钮即可。如果用户想回到原始状态的对齐的方式,应先选定该文本,再单击格式工具栏上相应的对齐按钮。
  
  加入项目符号或列表编号
  
  有一些列表前面有加圆点的符号,说明一条条的列表内容,这在专业排版中称为项目符号,在Web页面中加入项目符号或列表编号可使内容有条理、更清楚,可以通过列表把大量内容简要地描述出来,便于读者抓住重点。还有另外一种形式即列表编号,可以用来描述一个问题的处理步骤和顺序,这两种处理形式在FrontPage中运用起来很方便。
  
  加入项目符号或列表编号与在Word中的操作很类似。先选定文本,用户可以在格式工具栏按相应的按钮,或选“格式”菜单中的“项目符号和编号方式”命令,打开项目符号和编号方式对话框,从中选定不同格式的列表项目。
  
  在“打开文件”对话框中列出了当前打开的Web站点中的所有文件和文件夹。选中所要打开的文件,单击“确定”按钮,或直接双击所选页面,即可打开该页面。

 

5、插入图形和水平线

 

      1.在网页中插入图形
  
  图片往往比大量的文字讲述更具吸引力和说服力,在web页面中适当地添加图片会使网页丰富多彩,但过多地加入图片将降低页面的下载速度,特别是对通过调制解调器访问web页的用户。大多数图形都是采用压缩格式,有的调制解调器不具有压缩功能,这种调制解调器速度更慢。因此用户在加入图片时,应认真选择和进行规划。虽然图形可使web页更有趣味,但应适度使用(使用较少颜色,缩小高度和宽度或裁剪图形、降低图形的分辨率,尽可能地减少图形文件大小,如用压缩格式的文件类型)。
  Web页面所使用的两种图片格式分别为GIF和JPEG,用户可选择“插入”菜单中的“图片”命令,再从其子菜单中选择“来自文件”命令,打开“图片”对话框,“图片”对话框提供了“扫描”、“使用您的web例览器来选择网页或文件”、“剪贴画”和“在您的计算机上选择一个文件”四种途径插入图片。
  对于一些非GIF和JPEG格式的图片,FrontPage可以自动地将这些文件转换成GIF或JPEG格式。
  
  2.在网页中插入水平线
  
  水平线可以在网页上清晰地划分界限,而且对用户网页的布局起着重要的作用。添加一条水平线,可以通过“插入”菜单中选择“水平线”命令添加。在默认状态下水平线是灰色的,用户可以像改变文本颜色一样改变水平线的颜色。改变水平线的颜色有两种方法(必须在不加主题的情况下):
  (1)双击该水平线,将显示“水平线属性”对话框。在对话框的“颜色”项,选择下拉列表,从中选择合适的颜色,单击“确定”按钮。
  (2)用鼠标右键单击这条水平线,从快捷菜单中选择“水平线属性”命令,再从对话框中选择一个合适的颜色。

 

6、在web页面中使用表格

 

       插入表格
  使用工具栏:将插入点移至你要在页面中插入表格的左上角,单击工具栏中的“插入表格”按钮,按住鼠标左键并拖动,选择你需要的行和列,然后释放鼠标左键。
  使用菜单:从“表格”菜单的“插入”子菜单中选择“表格”命令,将弹出“插入表格”对话框(如下图),在“行”和“列”文本框中输入所需的行数和列数,单击“确定”按钮即可插入表格。
  
  
  更改表格外观
  选择表格中的任意单元格,从“表格”菜单的“属性”子菜单中选择“表格”命令,将弹出“表格属性”对话框(如图)。其中可对表格的以下参数进行设置和修改:
  
  
  边框宽度(“边框”区域的“大小”选项),每个单元格中的内容与相应单元格边框之间的宽度(“单元格填充”选项),相邻单元格之间的宽度(“单元格间距”选项),选择背景图像(“使用背景图片”选项),选择背景颜色(“背景”区域的“颜色”选项)以及边框的颜色(“边框”区域的“颜色”选项)。
  
  修改单元格外观
  选中要修改的单元格,从“表格”菜单的“属性”子菜单中选择“单元格”命令,可以修改单元格的对齐方式和布局,创建标题单元格,设置单元格的背景及边框色,修改单元格的大小。

 

7、建立超级链接

 

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

 

8、使用框架

 

      增加新框架
  
  要给框架页面增加新框架,就是像拆分表格的单元格一样,把一个框架分为两个框架。 其操作如下:
  (1)按住Ctrl键,将鼠标放在框架边框上,当鼠标变为上下箭头时,可把边框拖到一个新位置,当松开鼠标按钮时,一个新的空白内容的框架就形成了。
  (2)也可以通过命令来操作:首先单击要拆分的框架内部,选“框架”菜单中的“拆分框架”命令,在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮,单击“确定”按钮即可。
  
  删除框架
  
  若框架页面看起来太乱,可删除某些框架。要删除一个框架,可先单击该框架选择它,再选择“框架”菜单中的“删除框架”命令即可。
  
  改变框架属性
  
  在设置好框架的整体布局后,我们还可以对每一框架的具体属性进行设置,操作如下:
  (1)单击需设置属性的框架,选择“框架”菜单中的“框架属性”,则弹出“框架属性”对活框。
  (2)在对话框的“名称”文本框中可输入框架名,这样便于识别不同的框架;在“选项”区域中,若选中“在例览器中可以调大小”复选框,则客户在浏览站点时,可重新定义框架尺寸,通过在“显示滚动条”下拉列表框中选择不同的描述项,可设置让滚动条是否出现。
  
  
  (3)在“框架大小”区域中,可设置框架大小,可以定义一个绝对像素值或相对于浏览器窗口的百分比,若要用浏览器来设置相对于该页面中框架的尺寸,可选“相对”;在“边距”区域中,可设置内容页面与框架边框分隔的像素数值。
  (4)要改变开始页面,可以在“初始网页”文本框中输入一个新的页面名字或URL。
  (5)单击“框架网页”按钮,则弹出“网页属性”对话框。
  (6)在该对话框的“框架”选项卡中,在“框架间距”文本框中,可输入以像素为单位的边框宽度;若要使框架边框消失,则不要选中“显示边框”复选框。
  (7)单击“确定”按钮,关闭“网页属性”对话框,再单击“确定”按钮,关闭“框架属件”对话框,完成框架属性设置。

 

9、FrontPage组件

 

      使用横幅广告管理器
  
  操作步骤如下:
  从“插入”菜单的“组件”子菜单中选择“横幅广告管理器”命令。
  在弹出的“横幅广告管理器属性”对话框中,“过渡效果”区域是对每幅图片变化的效果和显示时间(以秒为单位)的设置,变化效果有溶解、水平百叶窗、垂直百叶窗等效果。
  “链接到”文本框是链接对象的位置,可通过单击文本框右边的“浏览”按钮,来选择链接的图片。
  在“显示图片”区域,通过右侧的“添加”按钮来添加图片,通过“删除”按钮可移去图片,通过“上移”和“下移”按钮可调整图片顺序。
  单击“确定”按钮,完成操作。
  
  在网页中加入计数器
  
  设计好的主页放到网络上之后,要统计有多少人次曾经访问过它,可以通过计数器工具来完成。 操作步骤如下:
  (1)从“插入”菜单的“组件”子菜单中选择“网站计数器”命令。
  (2)在弹出的对话框的“计数器样式”区域中选择一种计数器的样式。
  (3)“重置计数器”复选框选项是用来设置计数的起始值,在右边的文本框中输入起始的数字。
  (4)单击“确定”按钮。
  
  注意:计数器只有在站点发布时才可以看到效果。
  
  插入悬停按钮
  
  插入悬停按钮操作步骤如下:
  (1)从“插入”菜单的“组件”子菜单中选择“悬停按钮”命令。
  (2)在弹出的“悬停按钮属性”对话框中的“按钮文本”文本框中输入在此按钮上显示的文字。右边的“字体”按钮用来设置文字的字体、颜色、大小等。而“链接到”文本框是用来设置超链接的,如果链接的是HTML文件,将转到该文件。如果是E-mail地址将启动E-mail程序。其它是对按钮颜色、背景颜色效果等进行设置,这就看你的喜好了。
  (3)如果想用图片作为按钮,可单击“自定义”按钮。
  (4)在弹出的“自定义”对话框中,“播放声音”区域是用来设置当鼠标单击或停留时所播放的声音。在“自定义图片”区域设置图片按钮,“按钮”文本框是初始显示的按钮图片,“悬停时”文本框是当鼠标在按钮上停留时所显示的图片。
  (5)设置好后单击“确定”按钮,以确认所做的操作。这样设置了之后,此按钮就更有生气了。
  
  移动文字就是在一个文本框中可以滚动的文字。这曾一度为网页上的新鲜事物,现在滚动文字框随处可见。有的滚动文字为无休止的文字循环,开始时使人感到新鲜,后来会使人感觉厌烦,这就要求用户选择合理的重复方式。在FrontPage中同样提供了滚动文字框的功能。
  要产生滚动效果,首先输入一段文字并选中它,然后从“插入”菜单的“组件”子菜单中选择“字幕”命令,弹出“字幕属性”对话框。
  在“文本”文本框中显示上一步选中的文本,也可直接在文本框中输入文本。
  在“表现方式”选项中,单击“滚动条”单选按钮提供一种类似股票显示机样子的显示方式,文字将无休止地从屏幕上掠过,可以通过不选中“重复”区域中的“连续”复选框以修改显示方式;单击“幻灯片”单选按钮可使文字只移动一次,然后停止在屏幕上,这样移动,可以引起读者的兴趣,而没有“滚动条”方式的无休止移动,可以避免读者的厌烦情绪;单击“交替”单选按钮使文本在文本框区域内来回移动,就像文本框两壁有弹簧,文字在来回撞动。
  在“背景颜色”下拉列表中可以选择自己喜欢的背景颜色。当用户选择好滚动根示的方式以后,单击“确定”按钮即可。
  要删除滚动文字效果,选择滚动文字边框按De1ete键,或选择“编辑”菜单中的“删除”命令。

 

10、设置网页属性

 

        Web页有自己的一组属性,通过选择“文件”菜单中的“属性”或通过鼠标右键单击页内任何位置,选择快捷菜单中的“网页属性”命令,可以打开“网页属性”对话框,在“常规”选项卡中,各项设置含义如下:
  
  
  位置:指出页的完整URL。
  标题:显示的页标题,即在HIML中显示在元素中的标签内。
  基位置:在此位置可输入一个URL,可将这页中使用的相对URL的超链接总指向同一正确的目标,通过对一个URL的说明,可以在不移动相对URL中所有目标的情况下,移动这个页。
  默认的目标框架:定义不规定框架的页中所有超链接的默认框架。
  背景音乐:加入背景音乐,当浏览器打开该页时,会同时播放音乐。
  在其它选项卡中还可对页边距、语言等系统参数进行设置。

 

11、动态网页

 

        使用DHTML的基本步骤
  在页面点选需要使用DHTML的对象,比如文本,图片。对于文本需要拖曳鼠标选定;
  在DHTML工具栏,选择通过开启的下拉列表选择一种事件,文本和图片所具有的事件是不同的;接下来再应用下拉列表选择一种效果;最后选择该效果的的实现方法;
  当你为对象使用了DHTML后,保存该页面并预览,你会发现你选定的对象按照你设置的DHTML的效果出现;
  如果想删除某一个对象的DHTML效果,先选定该对象,然后单击DHTML工具栏上的删除效果图标即可。
  
  
  DHTML的小技巧
  
  DHTML兼容性:利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果,Netscape Communicator 4.0或以上版本也可以浏览。
  
  禁止DHTML:如果想禁用DHTML效果,点选菜单工具/网页选项,在打开的对话框里选择兼容性标签,取消动态HTML前的复选框里勾,这样DHTM效果被禁用。
  
  快速使用DHTML:一般情况,在你没有选定某一个对象的情况下,你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。
  
  网页过渡
  打开想使用过渡效果的页面,或者新建立一个页面。点选菜单格式/网页过渡,打开网页过渡对话框;
  
  
  在事件下拉列表里选择一个事件,我们选择进入网页。大家要注意,当你为某页和站点都设置了过渡效果时,网页将比站点过渡效果优先;
  
  在周期文本框里输入持续的时间,然后在过渡效果列表框里点选一个效果,单击确定。利用浏览器打开该页面,因为我们选择的网页过渡是进入网页,所以当你打开该页时你就能看到过渡效果了。
  
  利用DHTML效果的确是吸引访问者的有力利器,但如果你不愿意和复杂的代码打交道,那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象,比如文字,图片,然后利用“傻瓜”式的操作就可以让你的网页动起来。

 

 

0 Comments | Post Comment | Permanent Link

12、创建表单Nov. 1, 2005

 

使用表单域:表单域是用来制作简单的交互式网页的,如:登记表、调查表和数据记录表等。
  
  FrontPage给我们提供了多种域类型:
  
  单行文本框:输入单行文本。
  
  滚动文本框:输入多行或一段文本。
  
  复选框:复选或忽略清单中的选项,每个复选框可以分别选择或不选。
  
  单选按钮:选择清单中的选项,但是只能在这组选项中选择一项。
  
  下拉菜单:从加入菜单中的选项清单中进行选择。
  
  按钮:在表单中插入功能按钮。插入功能按钮有3种类型,如“提交”用于表单提交;“重置”用于清除表单所填内容,回到初始状态;“普通”用于执行其它客户的操作。

 

1.文本框

 

      “单行文本框”很适合简短回答,如姓名、地址、邮编和电话号码等;如果需要读者填人更详细的信息或说明文字时,最好用“滚动文本框”。当浏览器中出现单行文本框时,用户可单击此框并输入所要求的信息。有默认值的情况下文本长度并不局限于框的长度,如果文本超出右边界,文本则从右向左移动。“滚动文本框”使用方法与上述基本相同,只是文本到了右边则自动回行,并且到了框底部时可以向上滚动。
  这两种文本框在许多方面是一致的,可以同时介绍它们的选项。默认情况下这两种文
  本框宽度都是20个字符,若想改变宽度,应先选中该文本框,出现控制句柄,用光标接近控制句柄,当指针变成双向箭头时,拖动鼠标并把它调整到合适的宽度即可。
  
  (1).预设文本
  
  文本框不一定是空的,如果需要可在表单域中初始状态带有文本,这些文本用户可以保留也可以删除掉,操作方法如下:
  选中“单行文本框”或“滚动文本框”,单击鼠标右键,从弹出的快捷菜单中选择“表单域属性”命令,弹出“文本框属性”对话框(如图),在“初始值”文本框中输入文本,单击“确定”按钮。
  在FrontPage的“单行文本框”的属性对话框中,还为用户提供了保密措施,以便遮住对外保密信息,如果想把此表单域设为以保密字方式显示信息,只要将“密码域”设为“是”就可以了。
  
  (2).设置输入限制
  
  在一些特定网页中,例如:填写调查表、申请表或填写邮编,有时因少填或未填,用户就不能提交表单,像此类问题,通过FrontPage的“文本框有效性检查”对话框对它进行限制是很方便的。设置输入限制的步骤如下:
  
  ①.选中文本框或单击鼠标右键,在弹出的快捷菜单中选择“检验表单域”命令,弹出“文本框有效性检查”对话框。
  ②.在对话框中有一个“数据类型”的下拉菜单,提供了四种数据类型:无限制、文本、整数、数字。
  ③.在此对话框的“数据长度”区域中有3个选项:
  
  要求:若选中此项,如果用户没有输入数据,则不能提交表单。
  最小长度:用来设置输入的最少字符数,若输入的字符数不到设定值,则提交表单时会出现错误信息。
  最大长度:用来设置输入的最多字符数。
  
  注:在某些特定情况下,例如邮编为固定的几位数字:,我们可以把最小值和最大值设为同一值。
  
  ④.此对话框的“数据值”区域是用来限制用户在此域中输入值的范围。选中“域必须是”或“同时必须是”复选框,再从下拉列表中选择一个条件,最后在“数值”中输入某个数值。
  限制条件的说明见下表:
  
  条 件 结 果
  小于 必须输入小于设定值
  大于 必须输入大于设定值
  小于或等于 必须输入小于或等于设定值
  大于或等于 必须输入大于或等于设定值
  等于 必须输入等于设定值
  不等于 必须输入不等于设定值

 

2.复选框

 

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

3.单选按钮

 

        功能:用户在一组选项中只能选一种。
  
  每组单选按钮是一个集体,它们只有同一个组名,而不能用同一个值。你可在“单选按钮属性”对话框中为单选按钮设置“组名称”,“数值”,其设置方法与复选框类似。在组中某个单选按钮的值可能是Yes,则另一个的值是No,而在一组单选按钮中只能设置一个为“选中”,当设第二个为选中时,FrontPage将自动清除第一个选中设置。

 

4.下拉菜单

 

       

从多个菜单式选项中选择,可选一个或多个选项。
  创建下拉菜单:从“插入”菜单的“表单”子菜单中选择“下拉菜单”命令,用鼠标右键单击该下拉菜单,从快捷菜单中选择“表单域属性”命令,弹出“下拉菜单属性”对话框。


  
  
  (1)单击“添加”按钮,弹出“添加选择”对话框。
  (2)在“选项”文本框中输入选项。默认情况,把选项名作为值,若不希望这样,可选择“指定值”项,在下面的文本框中输入值。
  (3)如果希望初始状态为此选项,则在“初始状态”区域选择“已选”,再单击“确定”按钮回到“下拉菜单属性”对话框。
    要想继续添加选项,则需重复前面的步骤。如果要修改选项,则单击“修改”按钮。删除选项则单击“删除”按钮。如果想把下拉菜单设为显示多个菜单选项形式,就在“允许多重选择”区域选择“是”单选按钮。

 

5.按钮

 

“提交”按钮:表示用户填完一个表单把数据送到服务器上保存。
  “重置”按钮:用于把所有表单域初始化为默认值,用户可以重新填写。

 

6.创建表单页面

 

(1)新建一个普通页面(Normal Page),最快捷的操作是直接单击工具栏中的“新建网页”按钮。 然后,从“插入”菜单的“表单”子菜单中选择“表单”命令,以同时插入一个提交按钮和一个重置按钮。将光标定位于表单区域的开始,输入“姓名(收件人):”,从“插入”菜单的“表单”子菜单中选择“单行文本框”命令,以给“姓名:”插入一个单行文本框,双击该文本框,在弹出的对话框中的“名称”文本框输入Name;按Enter键,以将光标定位于下一行,输入“单位名称:”井为其插入一个单行文本框。然后分别在不同的行输入“地址:”、“邮政编码:”、“电话:”、“传真:”和“E一mail”,并分别为它们插入一个单行文本框,分别双击这些文本框,在弹出的属性对话框中分别将“名称”文本框设置为address,postcode,te1ephone,fax和E-mai1;在E-mail后的新行输入“备注:”,并为其插入一个滚动文本框,双击该文本框,在弹出的对话框的“名称”文本框中输人note。按以上步骤设计成的表单如下。
  
  
  (2)用鼠标右键单击表单中(虚线框内)的任何地方,从快捷菜单中选择“表单属性”命令,弹出如下所示“表单属性”对话框。
  
  
  在“文件名称”文本框中输入一个文件名,此文件名可以任意指定,这个文件由FrontPage组件自动创建,用来存入用户提交的表单信息,它可以是HTML格式或文本格式。如果你想为文本数据库或其它应用程序收集信息,则文件最好使用TXT为扩展名。而你想随时都能通过测览器查看用户提交的信息时,则应使用HTM或HTML为扩展名的文件。
  (3)如果表单内容提交成功,FrontPage组件会合成一个确认页面返回用户。该页面显示用户刚刚提交的信息,并向用户致谢。
  也可以按照自己的要求另外创建确认页面。这里得先让FrontPage知道页面的地址:选择“确认网页”选项卡,在“确认网页的URL(可选)”文本框中输入确认页面的文件名就可以了。
  (4)单击“确定”按钮。最后保存页面“buybook.htm”。

 

7.创建确认页面

 

(1)新建一个普通页面(Normal Page)。从“插入”菜单的“组件”子菜单中选择“确认域”命令,在“确认字段属性”对话框中输入“[name]”,它与刚才建立的页面中表单域的名字相对应,依次再插入单位名称[company],地址[address],邮政编码[postcode],电话[te1ephone],传真[fax],E-mail[e-mai1],备注[note]。
  (2)加入必要的文字说明,把这几个FrontPage组件组织起来。把该页面保存为“fp72.html”。
  (3)打开刚创建的表单页面,用鼠标右键单击表单区域,在弹出的快捷菜单中选“表单属性”命令,在弹出的“表单属性”对话框中单击“选项”按钮,在“保存表单结果的选项”对话框中选择“确认网页”选项卡,在“确认网页的URL(可选)”文本框中,填人该确认页的URL,如:fp72.html(与表单页面在同一目录下)。
  (4)保存表单。

 

 

0 Comments | Post Comment | Permanent Link

13、FrontPage技巧Nov. 1, 2005

1、给图形增加缩略图

 

        如果你在网页中插入了一幅大的图片,会严重影响下载速度,使用此功能可以避免这种现象。原理是:先显示此图的缩略图,当真正对此图感兴趣的人点击缩略图后,才下载真正的图片。方法是先插入该幅大图片,然后选中它,再按自动缩略图按钮,就会出现缩略图。当鼠标指针移动到其上时,会显示真实图片的文件大小。点击则显示实际图片。这一功能在制作图片素材类网站中特别有用。


  图片操作技巧:


  给图片加替代文字。当访问者关闭了图片下载功能以提高浏览速度时,你的图片将不会显示,我们需要为其指定说明文字。而且这一技巧可以在鼠标指向该图片时,显示一些提示性的信息,因而被广泛使用。具体方法是:右键单击图片,从弹出菜单中选择“图片属性”,在替代表示文本框中输入需要的文字即可。


  图片的组合。一幅大的图片下载速度会很慢,可以切割成小图片然后组合,使其分片下载,以缓解浏览者等待的焦虑。组合时要使用表格进行,每个单元格的对齐方式要准确设置,单元格间距和边距、表格线宽度都要设为0。


  多个网页使用同一幅图片时,在一个网页中的修改会影响到另一个网页,保存时务必重新命名,免得相互影响。


  背景图片可以应用到网页、表格、单元格,而且是一平铺的方式,所以,如果不是特殊需要,图片尺寸尽量小一些为好。前面介绍的所有按钮对背景图片同样有效,而且使用工具按钮前如果没有选择前景图片,各种操作将对背景有效。

 

2、怎样插入竖直线

 

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


  
  
  如果想要更长的线,只将高度设大是没用的,不信你试试,设置高度为200,但在 浏览器中只能看到100像素高。这是因为HTML只承认100像素高的水平线。这时你可以加回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加一条同样的水平线。我们还可以改变线的颜色,以达到不同的效果。
  
  第二个办法也很简单,就是在一个表格中,单击鼠标右键,选“表格属性”,设置表格的单元格边距和间距均为0。


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


  

 

3、设置图片热点连接

 

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

 

4、设置背景音乐

 

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

 

5、插入Flash动画

 

      点击“插入”菜单,然后选“高级”中的“插件”,这时会出现“插件属性”对话框,在“数据源”中填入待插入的Flash动画所在的路径,然后在“大小”中填入该动画的尺寸,其他都用默认的就行了。
  
  这时页面中会出现一个大大的“插头”,看上去怪怪的,点一下预览看看,一切正常!
  
  其实你还可以直接将〈p align=“center”〉〈embed width=“400”height=“400”src=“ccc2.swf”〉〈/p〉这段代码插入你网页的源代码中,注意“width”和“height”是你Flash动画的实际尺寸,“src”是你的Flash动画所在的路径,别搞错了!

6、文字上下移动

 

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

 

7、任意放置图片

 

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

 

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

 

      我们可以用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则使文字在闪烁。

 

 

0 Comments | Post Comment | Permanent Link


Free phpBB Hosting