在dreamweaver下载网页中插入背景图 怎么样才能使网页背景图不随鼠标移动而移动呢

我是一个新手.做Dreamweaver制作网页时怎么样把图片做为背景,然后在上面在插入表格,打字._百度知道
我是一个新手.做Dreamweaver制作网页时怎么样把图片做为背景,然后在上面在插入表格,打字.
我是一个新手.做Dreamweaver制作网页时怎么样把图片做为背景,然后在上面在插入表格,打字.我想在一张图片上面方一块色块,把字打在色块里面怎么做?
提问者采纳
&table width=&297& height=&180& border=&1& style=&background-image:url(file:///D|/体检网新/images/1x62.gif);&& &tr& &td&&&/td& &/tr& &/table& 这个是在表格上加的背景
其他类似问题
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁您当前的位置:&>&&>&
点评:对于网页制作相关专业人士一定对dreamweaver有所认识,下面小编就问大家总结一下相关网页制作的一些步骤,喜欢的朋友可以一起来学习一下这一款专业的网页制作软件,相信相关专业的人员都不会陌生。可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。一、定义站点1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。***备注:网站中所用的文件都要用英文名。2、打开Dreamweaver,选择&站点&新建站点&,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单&站点&打开站点&中去选择。二、创建页面1、在本地文件夹E:/MyWeb下面的空白处,按右键选&新建文件&,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开&页面属性&窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。3.此时光标位于左上角,可输入一句话,如&欢迎来到我的主页&。选取文字,用菜单&窗口/属性&打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在&可用字体&栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。***在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。***在网页上打入空格的办法是:把输入法调为全角。***在网页上换行的办法是:shift+Enter。只按Enter则为换段。三、为页面添加图片1、在本地文件夹E:/MyWeb下面的空白处,按右键选&新建文件夹&,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。2、用菜单&窗口/对象&打开对象面板,点击&插入图像&,在对话框里选要插入的图片。如果会出现对话框:&你愿意将该文件复制到根文件夹中吗?&,必须选&是&,然后将它保存到刚建好的文件夹里。3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的&重设大小&按钮。4、 &链接&可以直接在这里输入地址。&替代&是图片的说明,即鼠标指向图片所显示的文字;&边框&是图片边框宽度,&对齐&是对齐方式。四、添加超级链接1、为文字添加链接。比如,在页面上输入&我的文章&,然后将其选中,打开属性面板,在&链接&一格中,选择它所要链接到的页面即可。后面一格&目标&我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。2、为图片添加链接与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。****图片可以创建不同的多个链接。方法如下:在属性面板中的&地图&一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。3、添加E-mail链接选中需要添加E-mail链接的文字或图片,打开属性面板,在&链接&一格中输入填写邮件地址。格式如下:mailto:邮件地址。注意中间不空格。4、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会实现文件下载、或是在线播放的功能。五、表格的使用1、点击插入/表格,打开表格面板进行设置。行数、列数、宽度、边框等,&单元格填充&为单元格内侧与内容的距离;&单元格间距&为单元格之间的距离,单位均为像素。2、插入表格后,在表格的边框上点击一下,可以全选整个表格。然后在下面的属性面板里可以进行各种设置。3、把光标移到其中一个单元格,此时看到的属性面板,就是单元格的属性面板。也可以进行各种关于单元格的操作。如背景色、背景图、边框、合并、拆分等。六、关于表格的其他操作一制作细线表格 原理:1、选中整个表格,设置其背景为黑色(该颜色即表格线的颜色)。2、选中所有单元格,设置其背景为白色。二自动格式化表格1、先制作好一张表格,然后选中。2、选菜单中的命令/格式化表格。即可以其中选择预设好的一些表格样式。三一像素分割条1、插入一个1行1列,宽为200像素,边框边距均为0的表格。2、选中表格,设置表格高为1像素,并设置一个背景色(即所要的线条颜色)。3、切换到代码和设计窗口,将代码&td& 删除。七、用表格构建完整的页面一网页顶部(一般包括图标、广告、导航菜单)1、创建一个1行2列,宽为760像素,边框及边距均为0的表格。2、选中表格,设置排列方式为居中对齐,背景色为#3366CC。3、将光标置于左边单元格中,设置其水平排列为左对齐,垂直排列为顶端对齐,然后插入一张图像,一般在此插入的是网站的图标,即logo。4、将光标置于右边单元格中,设置其宽度为500,水平排列为居中对齐,垂直排列为中间,然后插入图像,一般是网页广告,即banner。5、将光标置于刚完成的表格之后,插入/表格,创建一个1行1列,宽为760像素,边框及边距均为0的表格。6、选中刚创建的表格,设置排列方式为居中对齐,背景色为#005173。7、在该表格中依次插入多个图像,作为导航条菜单。二网页中部(左边栏目列表、中间网站新闻、右边栏目列表)1、 在导航条表格后面,插入/表格,创建一个1行3列,宽为760像素,边框及边距均为0的表格。并设置排列方式为居中对齐,背景色为#FFFFFFF。2、 将光标置于左边单元格中,设置其宽度为18%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入一张图像,插入一个导航条。3、 将光标置于刚插入的图片后,插入/表格,插入一个12行1列,宽为90%的表格。设置其单元格间距为1,背景色为#CCCCCC。4、 将光标放在表格第一个单元中,设置其高为20,背景色为#FFFFFF。插入/图像,插入一个导航文字前面的小点。同样设置其他11个单元格,这样左边的栏目分类列表就完成了。5、 将光标置于主体表格的中间单元格中,设置其宽度为66%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入/图像,插入一个导航条。6、 将光标置于图像后,插入/表格,插入一个4行1列,宽为95%的表格。设置其单元格间距为1,背景色为#CCCCCC。7、 将光标置于表格的第一个单元格中,拖动鼠标,将4个单元格都选中,设置高为60,背景色为#FFFFFF。8、 将光标置于主体表格右边的单元格中,设置其宽度为16%,水平排列为居中对齐,垂直排列为顶端对齐,插入/图像,插入一个导航条。9、 将光标置于图像后,插入/表格,插入一个7行一列,宽为90%的表格。设置其间距为1,背景色为#CCCCCC。10、按住Ctrl键,用鼠标点击刚插入的表格的第1、3、5、7单元格,然后设置它们的高为55,背景色为#FFFFFF。11、选中第2、4、6单元格,设置其高为6,背景色为#FFFFFF。12、切换到源代码窗口,将第2、4、6单元格中的空格符号& &删除。三网页底部(一般包括版权信息及其他相关内容)1、 将光标置于主体表格后,插入/表格,创建一个2行2列,宽为760像素,边框及边距均为0的表格。2、 选中表格,设置排列方式为居中对齐,背景色为#3366CC。3、 将光标置于表格第1行的左边单元格中,设置其宽度为50%,水平排列为默认,垂直排列为基线,背景色为#FFFFFF,然后输入版权信息,内容颜色随便。4、 将光标置于表格第1行右边单元格中,插入/图像,插入一个圆角图像,在它后面输入Email字样,设置其大小和颜色为1和#FFFFFF。5、 插入/表单对象/文本域,插入一个文本域,宽度可以随意。6、 插入/图像,插入一个GO的图像。7、 设置页属性。点击菜单修改/页面属性,在标题一栏中输入标题,并选择背景图像,将顶部边界设为0。***将整个网页分部分放到不同的表格中组合而成,还可以加快浏览器读取页面的时间。;因为浏览器是读完整个表格后才显示内容的,所以最好不要框在整个一个表格中。八、用布局表格构建完整的页面1、 单击插入/布局,里面的布局视图按钮,就切换到布局视图状态(默认为标准视图)。也可以用菜单里的查看/表格视图/布局视图来进入。2、 先单击绘制布局表格按钮,然后在页面中像绘图一样创建出布局表格。3、 就像上一个例子一样,先绘制好网页的顶部,再中部,再底部的大表格。4、 再单击绘制布局单元格按钮,然后在已经绘制好的布局表格中,再绘制布局单元格。5、 返回到标准视图,在已经划分好的表格里,再插入嵌套的小的表格,把页面再细化,就可以完成整个页面的设计了。****注意把整个页面都放在一个大的布局表格中,因为这样的网页浏览速度会很慢。应该按照页面的版面和内容划分出几个布局表格,然后在其中分别插入布局单元格。& 九、层的使用1、点击插入/层。也可以点击图标,然后拖动鼠标创建出一个层。3、选中创建的层,看属性面板。&层编号&和&标签&都使用默认即可。&层编号&是编程时需要用的,我们现在一般不用。&上&即距页面上边界的距离;&左&是距左边界的距离。&z轴&是层的顺序,数字大的叠加在数字小的上面。****如不设置颜色时,层是透明的。4、点中层左上角的小方框可以随意拖动层,大小也可以调节。5、&溢出&一栏中,当文字多于层的大小时,visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出,都显示滚动条)、auto(有超出时才出现滚动条)。6、点击菜单窗口/其他/层,此时将出现层管理窗口。可以在其中修改层的名称和Z轴值,也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。7、层的对齐。按住shift键,同时选中几个层。然后用修改/对齐,用这里的选项。8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内,然后继续插入一个层,就得到了嵌套层。⑶里面的叫子层,外面的父层。它们的Z轴顺序是一样的。拖动父层时,子层也会相对移动。移动子层时,父层不会随之移动。十、了解时间轴1、点击菜单中的插入/层,插入一个层。2、在层中插入图片,如一张飞机的图片。(这里的图片也可以是一张小动画的.gif图像)3、点击菜单中的窗口/其他/时间轴,打开时间轴窗口。4、选中页面上创建的层,用鼠标按住层左上角的小方框图标,将层拖放到时间轴的第1帧中。这时自动创建了一个长度为15帧的时间轴。5、选中时间轴上的第1帧,将页面中的层拖放到页左上角,即动画开始时的位置。6、选中时间轴上第15帧,可以拖动该帧至任意长度,如30帧。7、选中第30帧,将层拖放到页面的右下方,此时窗口中显示出层从第1帧到第30帧的运动轨迹。(此时运动为直线)8、可以点中第15帧,右键选&增加关键帧&,在选中第15帧的状态下,拖动层到页面中下方。9、勾选&自动播放&项。十一、制作滚动公告牌1、在页面上插入一个层,然后为层设置一个背景,作为公告版的框架。2、然后在创建的层中插入嵌套层,将嵌套层移动到父层的下方。3、在嵌套层中输入文本,并将其居中排列。4、打开时间轴面板,将子层作为对象添加到面板中。5、为子层创建一个向上移动的路径,将其移动到父层的上方。6、拖动最后一关键帧,增长动画时间,然后勾选&自动播放&和&循环&两项。7、选定父层,在其属性面板中将&溢出&属性设置为&hidden&。十二、在页面中运用flash动画1、点击插入中的Flash按钮,即可为页面插入一个动画。也可以选菜单插入/媒体/Flash来完成这一步。2、选中已插入的动画,看属性面板。这里可以设置它的宽、高,也可以通过拖动来改变大小。3、可以在这里点击&播放&来预览动画。十三、让插入的flash动画变透明1、当网页上已经有背景,或是想要在一张图片上再插入flash动画,而flash动画本身也有背景色,所以会影响美观,这时我们要把它做成透明动画。2、如在页面上插入一张图像。3、在图像上插入一个层,在层中插入好所需要的flash动画。4、选中flash动画,在属性面板中点击&参数&按钮。5、在&参数&的左面一格输入&wmode&。在右面&值&一格输入&transparent&。十四、在页面中播放声音1、在完成全页面以后,如果要为该页添加背景音乐,注意背景音乐一般是*.midi文件,这样的声音文件十分小,易于快速下载,其他格式不适合作为背景音乐。2、在页面中所有表格之外,(注意此时编辑窗口左下方的标签选择栏中仅显示&body&这一项,或是在左下角点一下&body&,这样才能保证这个行为是添加在整个页面上的)。点击行为窗口上的&+&按钮,(或用菜单 窗口/行为,打开行为窗口。)3、从弹出菜单中选择&播放声音&。打开一个对话框。4、在这个对话框里用&浏览&选择要播放的声音,并确定。5、这时行为面板上自动显示了事件为onload,动作为播放声音。点击这一行,中间出现一个按钮。点击按钮,可以设置这个声音在什么事件下播放。可以选择&显示事件&/&IE5.0。6、我们常用的如Onload(当页面载入时)、OnClick(单击鼠标)、OnMouseOver(鼠标移到对象上)、OnUnload(当关闭页面时)等。7、该行为也可以设置在图片上、文字链接上。在文字链接上播放声音之前,先为文字添加一个空链接,即选中文字,在链接一格里输入一个&#&符号。 十五、弹出窗口1、首先制作一个准备在小窗口中显示的页面(比如a.htm),由于这个弹出窗口不能太大,所以内容要少一些。2、打开一个制作好的页面,把光标移到页面中所有我表格以外,点击行为窗口上的&+&按钮,从弹出菜单中选择&打开浏览器窗口&一项。3、在对话框中里输入相应的设置。要显示的URL即a.htm,窗口宽度和高度自己定,单位为像素。属性中的各项参数需要就打勾。4、设置完毕后,点&确定&。此时行为窗口中将显示打开浏览窗口这个行为,触发条件为Onload,如果不是要这项,就自己设置。5、该行为也可以设置在图片上、文字链接上。。6、可以用这个方法来表示对浏览者的打开时的欢迎、网站公告、离开时的告别语等。十六、控制状态栏信息1、打开页面,选中一张图片。2、点击行为窗口上的&+&号按钮,选择设置文本/设置状态条文本。3、在对话框里的&消息&一栏里,输入需要显示的话,如对这张图片的介绍。4、可以设置行为的触发条件为OnMouseOver(鼠标移到对象上),这样当鼠标经过这张图片的时候,状态栏将出现相关的信息。5、如果需要鼠标在移开后,这个信息消失,那么再次使用这个行为,在&消息&一栏里什么都不写,然后把触发条件改为OnMouseOut(鼠标移开)。6、同样可以在一段文字上设置该行为。或是设置在整个页面上也可以。十七、弹出信息1、打开一个制作好的页面,点左下角&body&项。点击行为窗口上的&+&按钮,从弹出菜单中选择&弹出信息&一项。2、在设置窗口中&消息&一栏里输入想显示的消息即可。3、触发条件设置为Onload(当页面载入时),就可以用来作为打开页面的欢迎信息。如设为OnUnload(当关闭页面时),就可以作为用户关闭页面时送别信息。4、也可以在某一段文字上设置弹出信息。比如一段文字不愿让人复制,就选中整段文字,注意此时左下角显示〈P〉,即段落。5、然后同样操作,消息可以输入版权之类的语句。只是设置触发条件为OnBeforeCopy(按右键时触发),或OnCopy(按右键选复制时触发)。十八、动态图片按钮1、准备好两张同样大小的图片,常用的方法是如一张为灰度照片,一张为彩色照片。或一张是按钮凹下的样式,一张是按钮凸起的样式。2、举例:插入一个3行1列的表格,设置宽度为180像素。1
竭诚为您服务! 使用Dreamweaver制作网页  精心收集的各类精品文档,欢迎下载使用
扫扫二维码,随身浏览文档
手机或平板扫扫即可继续访问
 使用Dreamweaver制作网页 
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由:
您的内容已经提交成功
您所提交的内容需要审核后才能发布,请您等待!
3秒自动关闭窗口服务热线:400-702-1168 ()
您好,访客
||||||||||
Dreamweaver技巧50问-网页设计,Dreamweaver
发布时间: 18:03:55&&来源:&&作者:&&点击:265
&&& dreamweaver一直是不少网友钟情的网页设计工具,除了它强大的动态效果制作能力外,方便简洁的操作界面更是独具特色,下面我们将以最新版本dreamweaver4为例,并以提问的方式系统的介绍下,在设计过程中经常遇到的一些问题和技巧性的东西。 注意:为了方便,以下我们将dreamweaver全部减缩为dw表示。
1& 在dw中,如何输入一个空格呢?
  输入空格的问题,在dw似乎已成了一个老生常谈的问题,我们可能在许多介绍dw使用方面的书籍或文章中看到过n次。
  dw中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能abc为例),按shift+space切换到全角状态,现在应该没问题了。
  此外,你还可以通过许多“变通”的方法达到录入空格的目的,比如常用的是:
  直接在源代码中加入代表空格的html代码“ ”;输入一定长度的文字对象后,然后调整文字的颜色与当前的背景颜色相同等等,不过注意的是后者在一些浏览器中可能显示上有点问题。(呵呵,当时俺用的那个就是让王晨昀给看出来的!)
2& 如何在浏览器地址栏前添加自定义的小图标?
  你是不是记得有时在浏览网易网站的首页时,在地前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个ie浏览器的指定图片。如图:
  其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。
  这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在html源文件“&head&&/head&”之间添加如下代码:
&link rel="shortcut icon" href="http://图片的地址(注意与刚才的目录对应)"&
  其中的“shortcut icon”即为该图标的名称。当然如果用户使用ie5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!
3& 为什么,我本来设计很好的网页,在浏览器窗口最小化时会变的丑陋难堪?
  这应该是个很值得大家注意的问题,也就是说,在全屏状态下浏览网页内容时,一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时,问题就慢慢出现了。网页内容会把当前窗口作为显示范围,依次下挫。举个例子,和在记事本中有“自动换行”和“没换行”的差别是完全一样的。
  解决这个问题,我们必须从网页的布局说起,一般情况下,网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。
请看下面一个表格的属性面板显示:
你可能已经注意到了,在表格的高宽设定选择上提供了两种不同的类型,百分比和像素。其中百分比的使用将会产生前面说到的那个毛病,将其全部更正为pixels单位的实际大小就可以了。
4& 如何改变网页显示时,最顶部的提示信息?
  浏览网页时,顶部的提示信息往往代表了网页内容的关键所在,有助于访问者提前了解网页内容。在dw4前,没有在功能上直接提供该操作,我们往往通过在源代码中应用“title”属性来完成。进入dw4就简单多了。
  直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。
5& 怎么样,才能为图片添加指定颜色的边框?
  对于没有边框的图片而言,直接插入到网页中,在显示效果上是相当差的。记得在微软的fp中要给图片添加满意的边框还是相当麻烦的。
  不过在dw中就显得容易多了,因为这里有一个“border”属性,可以让你直接设置边框的宽度。如图:
  宽度设好了,你一定会问,颜色呢?面板上并没有提供颜色的选择呀!呵呵,其实这里有一个技巧问题,用鼠标选择图片对象,注意不是点击选中,而是拖动选择。象设定文字颜色一样进行就可以了。
6& 如何添加图片及链接文字的提示信息?
  在我们浏览网页时,当鼠标停留在图片对象或链接上时,在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合,它的作用是很重要的。
  下面先看看图片提示信息的添加,选中图片对象,在属性面板里你会发现有个“alt”输入框。默认情况下,该输入框是空白的。在这里录入需要的提示内容就可以了。
  那么链接提示的制作就没这么简单了。因为dw中没有直接提供该功能,因此我们需要通过添加html代码来实现。
  在&a href=“” &中添加“title”属性。title=提示内容即可。
7& 如何把自己的zip或其他类型的文件供别人下载?
  在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很"神秘"的事,实际上远非如此.在dw中凡是不被浏览器识别的格式文件(htm,html,asp,php.perl,shtml等以外的)作为链接目标时,默认的操作都是下载.
  这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.
8& 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?
  大家都知道,在ie浏览器的功能设置中,有一个可以自由设置窗口内容字体大小的功能,这样由于不同访问者的习惯问题,呈现在他们面前的网页有时也会不同。
  比如你可能本来设计时用的是2号字体,结果由于用户对浏览器的额外设定,变的更大了,这时显示效果上就出问题了。
  那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过css样式表对字体进行强制性控制就可以实现这个要求了。
Array& 以新窗口的形式打开目标链接?
  以新窗口打开,顾名思义,也就是在不覆盖当前窗口的前提下,另外打开一个浏览器窗口。你可以直接在连接代码中&a href="" &加入“target=_blank”。
  如果你的html比较差的话,在dw属性面板上同样提供了这个设置,当你在link输入框中键入www网址时,后面的target下拉框同时也被激活了。如图
  选择最上的“blank”就可以了。
10& 如何让网页载入时,象许多商业网站那样,弹出一个广告窗口
  这在不少大型商业网站中,是时常见到的。在dw中可以轻松通过behavior行为实现。
  既然是载入时,我们可以把整个网页内容视为事件对象。在dw编辑窗口中鼠标点击左下角的“&body&”标签,这时你能注意到全部网页内容已经选中了。
  单击“快速启动板”中的“behavior”按钮,进入行为面板,如图:
  选择“open browse window”项,这时你还可以对窗口样式进行自定义,比如大小,工具按钮的保留等等。另外还有一点就是别忘了对应的事件是“onload”.
11& 我的快速启动板中没有"timelines",怎么办?
  dw从升级到4版本后,在快速启动板中增添了几个新的项目,比如assets等等。这时原来在上面的timelins(时间线)按钮被挤了下去。
  当然如果你急于现在就使用它的话,仍然可以通过菜单“windows”-“timelines”找到。不过毕竟不如放在启动板中方便,这时我们能通过设置把它添加进来!
  “edit”-“preference”进入窗口,在左边的项目列表中选择“panels”(面板),如图
单击上面的“+”号按钮,从下拉列表中选择“timelines”。这时时间线已经自动添加到当前的“show in launcher”列表内容里,ok。更改后的“launcher”面板如图。
  同时你还可以根据自己的需要自由的选择面板中出现的按钮选项,以提高工作效率。
12& 作一个网页让它可以每隔5分钟自动刷新一次,如何实现?
  上网浏览时,我们经常会遇到一些网页。在隔一段时间没有响应时,它会自动刷新一次。除了可以起到提醒访问者的目的外,当新的刷新地址不是当前url时,实现的就是自动跳转的功能。
  无论是重复刷新,还是自动跳转。在网页设计中,都是相当实用的操作。下面我们来介绍下它们的制作方法。
  选择dw“object”面板的“head”部分,注意默认情况下,显示的是common的“内容”。如图
  单击上面的“refresh”按钮,弹出窗口如下:
  其中“delay”输入框中键入刷新延迟的时间(单位:秒),“action”为刷新指定的目标url。因为现在是刷新当前页面,直接选单选项“refresh this document”即可。
13& 如何定义网页的关键字(keyname)?
  当用户使用搜索引擎search合适内容的网页时,关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生,并把他们按关键字进行记录,以方便用户查询。
  你当然想让你的网页出现在搜索引擎的查询返回列表中了,这时关键字的定义就尤为重要了。
  同样在“head”面板部分,单击“keywords”按钮,录入需要逐个定义的关键字即可,注意每个关键字以“;”号隔开,数目没有限制。
14& 如何在编辑窗口中,隐藏一些不必要的标签?
  当用户在网页中插入了太多的不可见元素时,在编辑窗口的最上面就会显示一排相应的标示标签,用来方便用户随时能找到它们。虽然这些标签本身并不影响浏览器里的显示效果,但多了以后,往往使网页内容不得不错位,从而一定程度上妨碍网页视觉上的调整,那么怎么样才能把这些东东去掉呢?
  进入“preperence”面板,列表中选择“invisibel elements”,如图:
  勾掉你不想显示的项目前的“对号”即可,比如s cripts等
15&安排不支持“框架”的浏览器的显示内容?
  我们知道,目前的浏览器类型很多,因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢?”。框架就是一个例子!
  不过避免开这点,很简单,你只需要在源代码中加入下面的内容就可以了。
  & body&&noframes& ---本网页中包含有框架结构,如果您不能正常显示的话,请下载新的浏览器版本或更换主流浏览器--- & /noframes&&/ body&
16& 如何避免别人把你的网页放在框架中?
  一些居心不良的人,经常偷着窃取别人的劳动成果,比如把别人精心制作的网页以子页的形式放到自己的框架中。
  那么怎样避免自己的网页内容被“盗用”呢?
  你只需要在网页源代码的&head&&/head&之间加入以下代码内容:
&s cript language=“javas cript”&&!-- if (self!=top){top.location=self.} --&& /s cript&
17& 怎样加入注释内容?
  注释内容,顾名思义只是作为说明内容出现的,因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示,以更方便快捷的找到。
  进入“object”面板的“invisibel”部分(即不可见元素),选择插入“comment”按钮,窗口如下:
  在“comment”中键入必要的信息。这时如果你返回到源代码中,会看到这些操作添加的不过是下面格式的一段代码:
&!--这是需要填写的注释内容--&
18& 水平线,为什么不能设置颜色?
  在dw中,当通过菜单“insert”-“horizonal rule”插入水平线时,在属性面板中你会发现并没有提供关于水平线颜色的设置,因为最早nc中不支持标签&hr&(水平线的html代码)的color属性,所以dw也没有关于它的设置。如图
  看来需要的话,我们只能直接进入源文件更改了。
&hr color="对应颜色的代码"&
1Array& 如何设置可以关闭当前窗口的功能?
  这里我们可以先输入用来标示的文字“关闭窗口”,用鼠标拖动选中它,在“link”输入框中键入“/”,同时切入源代码窗口,在链接代码中键入该事件-onclick=“javas cript:window.close();”。
  完整的代码为:& a href=“/”onclick=“javas cript:window.close();”&关闭窗口& /a&
  当然你也可以将文字“关闭窗口”换成其他的对象,比如图片,按钮等等!
20& 定时自动关闭的窗口又是怎样的呢?
  上面提到了个关闭窗口的功能,那么现在的自动关闭又是怎么实现的呢?
  在源代码&body&后加入下面的代码:
& s cript language=“javas cript”&&&!-- settimeout(window.close();, 10000); --& & /s cript&
  其中的set timeout是一个用来设定延迟时间的函数,这里10000表示10秒钟。
21& 如何更改浏览器中鼠标的"形状"?
  一般情况下,鼠标在浏览器中以“箭头”的样式出现,那么我们能不能把它更改为自己喜欢的其他样式类型呢?
  改变鼠标形状在dw中是通过“css样式表”来实现的。
  菜单“文字(text)”-“css样式表(css style)”-“edit style sheet”,弹出样式表的编辑窗口,也可以单击快速启动板中的css style按钮找到,如下:
  单击“new”按钮,选择默认的“make custom style”,同时在下面的define中使该样式只应用到当前网页文档,“this document only”。
  在“样式定义”窗口的左边列表项中选择“extensing”(扩展项),相应右边设置如图
  在“cursor”(鼠标)中,下拉选择合适的形状即可,确定后返回,按f12在浏览器中观察效果,不满意的话,还可以对样式进行修改。
22&如何去除掉链接文字下面的下划线?
  在我们完成链接制作后,链接文字内容往往被自动在下面添加一条下划线,用来标示该内容包含超级链接。当一个网页中链接比较多时,就显得有些杂乱的感觉了,其实我们可以很方便的把它去掉。
  同样进入“edit style sheet”窗口,单击“new”确立新样式,如下
  这里的type(类型)中,需要选择的是“redefine html tag”,同时在具体的标记tag中选中代表超级链接的“a”,单击ok。
  编辑该样式,左边列表中选“type”,如下
  勾取“decoration”(修饰)中的“none”复选框,这时所有网页中的链接文字下划线都被清除掉了。
23& 怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果?
  访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。
  由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。
  在上个问题中,你已经知道了去除掉链接下划线的方法,这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。
  同样进入“edit style sheet”窗口,单击“new”确立新样式,不同的是现在的type类型中选择最后的一项-“use css selector”,“selector”选单中选择“a:hover”如下
  ok,进入编辑样式窗口,设定“type”项中的文字颜色为“红色”,当然你还可以添加鼠标悬停时出现下划线的效果。
24&如何让网页的背景图片不跟随内容滚动?
  背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?当然可以进入“edit style sheet”窗口,单击“new”确立新样式,在type中选择“redefine html tag”,同时tag选单选中“body”,在左边列表中选择“background”。如下
  设定“attachment”(附件)为“fixed”。其中scroll代表默认使用的滚动显示。
25& 背景音乐你一定知道吧,怎么添加呢?
  在微软的网页工具-frontpage中,有关于背景音乐的设置功能,那么dw显然没有作到这点,因此要使用的话,只能在源代码中手动添加了。
  在使用前,提醒大家一点,使用背景音乐一定要注意网页文件的大小,不能顾此失彼。
代码如下:
& embed src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”&
  其中src指定音乐文件的位置,autostart为音乐文件上传后的动作,true表示自动开始播放,false不播放(默认值)。
26& 如何利用水平线制作一条宽度为1的细线?
  请点击 这里 去看实现方法(编者增加)
27& 如何自动加入网页更改后的日期?
  只需要在源文件&body&&/body&之间添加如下代码即可。
& s cript language=“javas cript”&&!-- document.write(“last updated:”+document.lastmodified); --&& /s cript&
  在浏览器中的显示样式为:“last updated:Array”
28& 怎样控制弹出popup信息?
  有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用popup信息解释一下。
  在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“behavior”按钮,如:
  点击左上的“+”号,从列表中选中“popun message”,在随后的窗口中输入需要提示的信息,如图
  设定该动作的鼠标事件(events)为点击(onclick)。在浏览器中预览效果如下
2Array& 隐藏浏览器中状态栏的url地址信息的方法?
  浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。
  现在只需要在链接代码中作些手脚就可以实现了,如下
& a href=# onmouseover="window.status=return true"&内容& /a&
30&如何改变状态栏里的提示文字?
  默认情况下,当网页被载入时,在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢?
  在dw“behavior”行为板中,单击“+”号选择“set text set”下的“text of status bar”选项,如图
  在“set text of status bar”窗口中输入类似“欢迎你光临本网站--网管留言”等message信息。
31& 如何建立电子邮件的表单处理方式?
  表单应该是网页交互功能中必不可少的元素,表单的功能缘于信息的交互,因此表单的处理往往涉及到网络高级编程语言的使用,你或许说,哇!我不会编程呀!没关系,其实对于一些简单的表单内容处理靠电子邮件也可以实现。
先看下面的代码:
&form name="content" method="post" action="需要使用的处理程序" &&/form&
  上面是一个典型的表单的html源代码,其中method决定采用方式,包括post和get两种。action也就是咱们上面说的处理程序,一般可通过asp/php/cgi实现。
  那么用电子邮件怎么实现呢?action=mailto:,这样当点击提交按钮后,就会弹出一个提示窗口,如下:
  单击“确定”表单内容会发送到指定的邮箱中。
32& 怎样制作规范的电子邮件链接?
  所谓的“电子邮件链接”即是当我们点击它时,浏览器会自动调用默认使用的邮件客户端程序发送电子邮件。
  输入“有问题mail me”字样,鼠标拖拉选中,切换到属性面板,在link输入框中键入如下命令:
mailto: ?subject=网友来信&bc=其他电子邮件地址&bcc=其他电子邮件地址。如图:
  其中mailto为邮件链接的协议,subject 为邮件的标题,bc是同时抄送的邮件地址,bcc代表的也就是暗送了。
33& 如何制作“空链接”?
  空链接也就是,没有链接对象的链接,在空链接中,目标url是用“#”来表示的。也就是说制作链接时,只要在属性板的link输入框中录入#标记,它就是个空链接了。
  空链接的出现涉及到多方面的因素,比如一些没有定期完成的页面,又为了保持页面显示上的一致(链接样式与普通文字样式的不同),就可以使用它了。
34& 点击空链接时,页面往往重置到页首端,如何处理?
  在浏览器里,当我们点击空链接时,它会自动将当前页面重置到首端,从而影响用户正常的阅读内容,我们当然希望它能保持不动了。
  这时,你能够用代码“javas cript:void(null)”代替原来的“#”标记,回头看看,这个问题已经解决了。
35& 如何定制可自由在页面内跳转的链接?
  如果你经常在网上订阅一些免费的电子杂志,一定对这种“标签链接”不陌生了,通过一个类似目录的列表,可方便的跳转到页面内的任何部分,无疑它的使用是专门为“超长内容”网页设计的。
  先确定链接指向的位置,即屏幕跳转后停留的位置。进入“object”面板的“invisibles”部分,选中目标文本,单击“insert named anchor”按钮,窗口如下
  在“anchor name”中键入标签名称,ok,这时在文本下面会自动出现红色虚线以区别开普通的文本内容,注意它们在浏览器中不会出现。
  然后就可以制作链接了,在属性板的link输入框录入“#nchor name(刚才的名字)”。当然如果你想指向另外一页中的某个位置,也是可以的,把这个小尾巴放过去就行了。
36& 同时在一个图片上,作很多个链接,怎么办?
  这个问题也就是我们平常说的“图片热点”(image hot)了,当然在dw里还有另外一个名字叫“图象热区域”。
  选中图片,这时在属性面板左下的位置,有一个“map”工具栏,其右边是三个用来圈定不同区域的按钮,如图
  以其中的矩形工具为例,选中后,鼠标停留在图片上会以一种“+”的形状显示出来,代表可以左右拖拉,完成后如图:
  依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。
37& 怎样制作可以响应鼠标事件的翻转图片?
  在许多网页中,我们经常会看到一些栏目标题,当鼠标滑过时,能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的,也就是所谓的“翻转图片”效果。
  当然首先你要提前准备两张大小完全一样的图片,以确保翻转时不会有什么视觉上的不适,单击“object”面板上的“rollover image”
  弹出“翻转图片设置”窗口,如下:
  分别单击“browse”按钮确定“original image”和“rollover image”的地址,注意一定要选中下面的“preload rollover image”复选框,否则在鼠标滑过的瞬间,会产生一定的下载延迟而影响效果。
38& 如何制作“漫天飞舞”的图片?
  在许多大型商业网站的首页中,你经常会看到不少来回飘来飘去的广告图片,点击后可以链接到指定的地址,在dw中这点是通过timelines来实现的。
首先在网页中插入目标图片,同时选中它,单击快速启动板中的“timelins”按钮进入“时间线”窗口,如图:
在时间轴1frame的位置鼠标右击,选择“add object”,这时时间轴上会出现一兰色色条(默认1-15frame),将镜头停在15frame处,同时移动页面内图片到运动的终点位置。
现在一个简单的运动动画已经完成了,你可以通过在中间添加keyframe的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。
3Array& 怎样制作在页面中“静态悬浮”的图片?
所谓的“静态悬浮”也就是图片总是试图停留在网页中的某个位置,因此在视觉上有种跟着页面“走”的感觉,象悬浮着一样。
该效果的实现是通过javas cript来完成的,一般要求有一定的编程能力。好在dw提供了制作该效果的固定插件,因此就显得简单多了。
首先你必须先下载stav插件,/download/dwplugbe/stav.zip,解压缩将里面的两个文件(其中包括图片文件cross browser static division.gif和网页文件cross browser static division.htm)都拷贝到dw安装目录configuration\objects\common下。
重新启动dw,在object(对象)面板中,你会看到最底部已经多了si项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容(这里为图片)即可。
40& 如何使文字和图片内容共处?
  我们都知道,在dw中,图片对象往往是独占一行的,那么文字内容只能在与其平行的一行的位置上,怎么样才可以让文字围绕着图片显示呢?
  选中图片,在属性面板的右上方你能看到一个“align”的属性选单,如图
  选择“left”,这时你会发现文字已经均匀的排列在图片的右边了。
41& 实现多个窗口的连接?
  面板设计一直是dw的一大特色,到了dw4版本,所用到的面板已经相当多了,那么我们如何才能更高效的利用它呢?
  “窗口连接”就是一种方便大家自定义的技术功能,简单的说,就是可以根据需要将两个或更多个面板放到一个窗口中来。
鼠标点击拖动一个面板的tab栏到两一个面板上,当你看到一个黑色边框时,松开鼠标,这时两个面板已经合二为一了,操作如图:
42& 如何在网页中隐藏一些内容?
  在网页设计中,有时我们需要在里面插入一些不要求显示出来的内容,比如流量统计系统,用户访问分析系统等等,这时就要考虑如何把他们隐藏起来,当然还有个前提就是,它们的存在不会影响其他网页元素的布局。
  单击“object”面板中的“layers”按钮,鼠标拖动创建一个新的图层,将需要隐藏的内容全部放进去,如图:
  单击图层左上的小方框,标定它为选中状态,同时切换到属性面板,将vis值设定为“hidden”,如图:
  哇!所有的内容真的已经不见了
43& 怎样创建一个简单下拉菜单?
  下拉菜单是网页中再常见不过的了,由于它可以极大的节省网页空间,因而主要应用在需要进行多对象罗列的场合,比如友情连接列表,合作网站地址等等。
  dw中提供了一个再简单不过的制作方法,这样我们就不用写那些枯燥的代码啦!
进入“object”面板的“form”部分,如图:
  单击“insert jump menu”按钮,弹出“下拉菜单”设置窗口:
  在“text”中输入菜单项的名称;“go to url”中键入网址或使用“浏览”按钮选择。单击最上的“+”号可进行新菜单项的录入,所有项目都将在“menu items”中显示出来。
44& 如何制作一条宽度为1的细线?
  在dw中,尽管水平线是以“line”形式出现的,但在制作细线时,它表现的并不尽如人意,主要是过粗,没有需要的细腻感!
  那么我们可以采取变通的方法以表格的应用来实现。
  在网页中插入一个1行1列的表格,将表格的“cellpadding”“cellspacing”都设置为“0”,同时将单元格的“bgcolor”设定为红色,当然你也可以使用其他的颜色来代替,“height”设定高度为1。
  还有最关键的一步,查看源代码,将&td&&/td&中的“ ”去掉即可。
45&如何制作一个边框为1的方格?
  很明显,我们现在还是要通过表格的设置来完成。
  或许你会说,这还不简单嘛!建立一个1行1列的表格,然后将它的“border”值设为1不就可以了。实际上,用这种方法制作的表格根本不是所说的边框为1的方格,而是要“粗”的多!
  同样先插入一个1行1列的表格,将表格的“border”、“cellpadding”设置为“0”,“cellspacing”设置为“1”。设定表格的“bgcolor”为红色(即为边框的颜色),同时设定单元格的“bgcolor”为白色(即同背景色),ok了。效果如下:
46& 怎样设置根据不同的浏览器,返回不同的页面?
  浏览器不同,它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。
当用户用不同类型或版本的浏览器打开时,可以返回不同的页面,以保证用户的正常浏览。
  单击快速启动板中的“behavior”按钮,点“+”号,在下拉列表中选择“check browse”,窗口如下:
  按照不同的类型依次设置即可。
47& 网页中可以随便拖动的对象是怎么建立的?
  访问网站时,经常能见到不少可以用鼠标拖动的元素,其中以图片居多,比如,一张广告图片挡住了你想浏览的内容,你完全可以用鼠标选中把它扔到一边去!
  制作这种效果是通过图层的“drag layer”行为实现的,单击behavior面板中“+”号,选择“drag layer”,当然之前你必要保证目标图层处于选中状态,进行简单设置后就ok了。
48& 如何为网页添加一个外部的风格样式表(css)
  风格样式表有内部,外部之分,前面我们对网页元素进行直接修饰的设定都属内部之列。外部css引用是通过&link&标签实现的。
  &link&标签包括rel属性设定。其中href:用来标定风格页文件的地址url;rel:标示css的可选性:stylesheet/altermate;type:用于标示风格语言类型:text/css。
4Array& 设定网页的base(基地址)有什么用途?
  在“object”面板的“head”部分里有一个叫做“base”的按钮,它就是用来设定网站基地址的,那么所谓的“基地址”究竟有什么作用呢?
  大家都知道,在dw中我们使用的链接方式都是相对的,而不是绝对的,也就是说只要改变了根地址,所有的指向也将跟着自动变化,这样的好处就是可移植性强。
  然而,有些时候我们恰恰需要它不变化,即强制它使用固定的地址,单击“base”按钮,如图:
  在“href”中键入基地址的url,单击“确定”有效。
50& 如何精确的定位网页中的内容?
  这是一个说明性的技巧问题,因此我们把它放在了50问的最后来讲。以目前而言,dw网页内容定位主要是通过表格和图层两者实现的。
  表格主要是通过各个单元格来完成不同内容的布局,由于在网页中,我们可以完全把表格“虚化”(调整为浏览下不可见),因此使用起来很方便,另外一个优点就是表格不论对什么浏览器都是通用的,没有技术支持上诟病。
  相对而言,图层用起来就更加随意了,你可以根据需要任意的拖拽它。唯一的一点就是层只有在新版本的浏览器中才支持,不过依目前来看,应该也没什么障碍了!
以上内容由
搜集整理,如转载请注明原文出处,并保留这一部分内容。
  “华夏名网”
是成都飞数科技有限公司的网络服务品牌,专业经营虚拟主机,域名注册,VPS,服务器租用业务。公司创建于2002年,经过6年的高速发展,“华夏名网”已经成为我国一家知名的互联网服务提供商,被国外权威机构评价为十大IDC服务商之一。
华夏名网网址导航:
上一篇:下一篇:
(4915次点击) (2767次点击) (4157次点击) (2792次点击) (2366次点击) (3724次点击) (3565次点击) (2358次点击) (2528次点击) (2437次点击)
(3413次点击) (3231次点击) (3242次点击) (3988次点击) (2404次点击) (2318次点击) (3208次点击) (3615次点击) (2348次点击) (2332次点击)
&2002- 飞数科技 版权所有
电话总机:028-91 94
公司地址:四川省成都市青龙街51号倍特康派大厦10楼5号

我要回帖

更多关于 dreamweaver下载 的文章

 

随机推荐