dw窗口面板可以设置导航条吗?

导读:Dreamweaver网页制作技巧心得体会 Dreamweaver技巧心得体会熟悉网页设计的网友就知道,调用Style法很多,我们可以单击鼠标右键选CustonStyle来调用Style

Dreamweaver技巧心得体会熟悉网页设计的网友就知道,调用Style法很多,我们可以单击鼠标右键选CustonStyle来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。

虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。

比如用CustonStyle来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。

一、活用FormatTable命令在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。

Dreamweaver在这方面也不甘落后,我们可以使用其中的“FormatTable”(格式化表格)命令来快速地对表格应用预先设计好的样式。

要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“FormatTable”命令,在随后出现的对话框中,从左边的列表中选择一个设计方案。

按“Apply”键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。

二、同时链接到两个网页我们都知道超级链接一次只能连到一个页面。

如果我们要想一次在不同的框架页中打开文档,可以使用“GoToURL”JavaScript行为。

打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“GoToURL”。

dreamweaver只是一款编辑器,相对于其他编辑器来说,dreamweaver使用起来很方便所以手大众欢迎。

在使用dreamweave的时候,不要太过依赖设计试图,应该结合HTML一起使用。

有利于提升自己在代码方面的能力。

满意请采纳,不懂可追问。

dreamweaver 对我来说也就是起个辅助作用 编辑代码比较方便我感觉作网站不需要对DW学很深像样的网站单靠DW来作有点难需要的还是web编程语言。

关于dw和flash学习心得体会

学习flash的心得体会学习flash的心得体会一:学习flash的心得体会通过学习Flash,使我对Flash的动画制作有了比较全面的了解,了解动画原理,了解帧与层的概念,学习flash的心得体会。

通过十个简单的动画制作实例,为我以后的学习打下基础。

Flash提供了功能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画,编辑修改非常灵活。

使我逐渐掌握了这些工具的功能和使用方法。

首先从简单的小车、小球运动学起,逐渐学习画蝴蝶,青蛙,老虎等。

让我在绘制过程中逐渐掌握电脑调色的基本原理。

学会了制作的元件或导入的素材保存在元件库里,要让元件登台表演,还要从元件库导入到工作区(舞台)中。

通过闪烁的星星、落雨、水波效果等实例,理解了元件小舞台动作与主场景中动作的关系。

我还发现Flash动画的一大特点是“交互性”强。

在动画播放时,可以用鼠标或键盘对动画的播放进行控制。

这些控制大多由按钮来完成,通过“按钮”这个作品,使我学会了按钮的帧结构、各种动态按钮的制作,同时学习一些简单的控制如播放、停止、返回、拖放等语句的输入和使用。

图文并茂的作品才有更好的艺术效果。

Flash提供了很强的文字处理功能。

通过制作“淡出淡入”、“简单两只老虎的MV”等作品,我学会了文字的使用技巧。

同时也明白了表达能力是无法完全用图形和声音代替的。

歌曲、影片中加上文字台词,很受人们喜爱。

明白了有时文字的重要性甚至大于画面和声音。

通过制作“闪烁的五角星”、“瀑布效果”等作品,

需要学会三个软件就可以了,第一学的是图片图像处理然后是FLASH动画制作最后是网页编辑软件,学会这三个就可以了

谁写过制作网页的心得体会

可以用DW8.0制作,这个其实很简单你可以搜索一些特效

如果是背景可以用Photoshop 来实现还有要动态的可以使用FLASH做起来比较简单按钮改变就用CSS

我用dw做了个静态网页,想对导航栏做个下拉菜单效果,在网上找了代码。

把你找到的代码贴出来看看然后,控制下拉是用css+js做的。

我用dw做了个静态网页,想对导航栏做个下拉菜单效果,在网上找了代码。

必须学ASP、PHP或NET的一种,需要编写程序的建议用现成网站系统软件来做,比如pageadmin系统、帝国系统、shopex系统、discuz系统这些,不用学编程

本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请发送邮件通知我们,我们会及时做删除处理。

}

  下拉菜单是网上最常见到的效果之一,用鼠标轻轻一点或是移过去,就出现一个更加详细的菜单,它不仅节省了网页排版上的空间、使网页布局简洁有序,而且一个新颖美观的下拉菜单,更是为您的网页增色不少。
  制作下拉菜单的方法多种多样,本期专栏将为您介绍四种常用的制作方法,让您随心打造自己的下拉菜单。

  Dreamweaver是制作下拉菜单最常用的工具,方法简单,控制自由,可以最大限度地随心打造菜单样式,是制作下拄菜单的必修课。
  用Dreamweaver制作下拉菜单的原理很简单,它利用了Behaviors(行为)面板中的内置方法Show-Hide Layers(隐藏-显示层)方法,并用onMouseOver(鼠标移至)和onMouseOut(鼠标移开)来触发层的隐藏和显示,而将要出现的菜单就在层中。
  因此,我们可以分四步来制作下拉菜单,首先我们需要一个导航条,它用来放置首先出现在浏览者眼前的主菜单;然后再制作开始隐藏着而将会出现的下拉选单;接着,进行最关键的一步,为主菜单和下拉选单添加上隐藏和显示层的效果;最后,我们进行菜单的美化修饰。最终看到的效果如图,您也可以访问以下地址:

  相信你已经等不急了,那就让我们马上开始吧!

首先进行一些必要的前期工作,按CTRL+J,打开Page Properties(页面属性)窗口,参数设置如图二,这一设置对菜单的位置将有影响,所以请如图设置。

按CTRL+F2打开Objects面板,点击层按钮后在页面中按住鼠标不放拖出一个层,然后在层的Properties(属性)面板中设置各参数,Layer

将光标移至层内,点击Objects面板上的表格按钮,插入一个一行四列的表格,设置如图。

按住CTRL键不放点取表格的四个单元格,然后设置它们的宽度为120,并在前两个单元格中输入文字,就是你的主菜单名,可按自己想要的名字输入,我用"经典论坛"和"天极网"为例,并加上链接。

现在开始制作将要下拉出现的菜单,同样用层来制作。
再次从Objects面板插入一个层到前面我们做好的导航条的下方,各项参数填为:Layer ID框填入menu1,L、T、W、H框分别填入8、34、120、80,背景色填入#999966,其中L和T两个参数是设置这个层距离窗口左边框和上边框的距离,一定不能填错,不然菜单将会错位,也将影响完成后的可用性。

这时候,我们便可以在menu1这个层中输入我们所要的菜单内容。为了排版方便,我在这还是使用表格来做菜单。这个层将作为"经典论坛"的下拉选单出现,填入你所需要的菜单链接。同样的方法,再为"天极网"也做一个下拉选单(层menu2)。

这一步要注意的地方就是下拉选单所在的层(menu1、menu2)的位置非常重要(由L和T两个参数决定)。它们的上边线应该紧贴导航条的下边线,这样才能保证在后面我们完成第三个步骤后,菜单能正常使用。因为如果远离导航条的话,鼠标一离开导航条,菜单就消失了。
按F2打开LAYER(层)面板,其中列出了网页中的三个层,点menu1和menu2的前面一格,出现闭着的眼睛图标,这两个层便隐藏起来了。操作这一步是因为下拉菜单的初始状态是不可见的。

三、 显示和隐藏效果的添加

这一步骤是化腐朽为神奇的关键一步,大家仔细跟我来做。
本步骤分为两部分:第一,对导航条中的主菜单添加控制显示隐藏的命令;第二,给下拉选单本身添加显示隐藏的命令。

首先按CTRL键不放点击导航条中的第一个单元格,现按Shift+F3打开Behaviors窗口,点按钮,在下拉选项中选中"Show-Hide Layers"(如图)。如果选项中没有这一项,则选择Show Events For下的IE

这时将会弹出一个窗口,如下图。在Named Layers框中会列出当前网页所有的层,选中" layer "menu1" ",因为我们想要menu1这个层对"经典论坛"响应。然后点下面的"show"按钮,OK。

这时会回到Behaviors窗口,窗口中出现如下图所示字样,点击Events下的文字"onClick",会出现一个向下的小箭头,点击它,在下拉选项中选中onMouseOver。这一步的作用是实现当鼠标移至第一个单元格时,下拉选单menu1的状态变为显示(Show)。

下一步是让下拉选单menu2在鼠标移至第二个单元格时再变加隐藏状态。

回到Behaviors窗口,点击向下的小箭头,在下拉选项中选中onMouseOut。

先选中层menu1,方法是点击层的边缘或在LAYER面板中点击menu1,用与导航条部分同样的方法在Behaviors窗口中为它添加显示与隐藏自己的命令。这样做的效果是当鼠标移出层menu1时,层menu1就自动隐藏。最后层menu1的状态如图所示。

3.重复以上两部分,为导航条的第二个主菜单"天极网"和层menu2添加显示、隐藏层命令。

四、 下拉菜单的美化修饰

到这里,下拉菜单的功能效果已经实现了,你现在按F12就可以看到。不过你一定也发现菜单有点难看,字不够精细,菜单选项的默认链接色不好看,菜单也没有边框,那就让我们来稍稍为它美容一下。
按Shift+F11打开CSS Style(样式)面板,点击面板下面的按钮

此时弹出设置窗口,不管其它的,只在右边的Size框里选中12,单位为pixels。

弹出设置窗口,在左边的列表中选Border,右边四条边宽度都输入为1,颜色设为黑色#000000,Style选为solid。

  到此,我们就大告成功了。赶快用到你的网页上去吧。

  下一篇我们将讲如何用Fireworks来制作下拉菜单。

}

网址前添加icon的方法
1、上上用他的icon editor online制作一个图标。他会将做好的图标通过email即时发送给你。
2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。就可以了。
作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“<head></head>”之间添加如下代码:
其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,自动识别

防止点击空链接时,页面往往重置到页首端。

文字滚动插入边框为0的1行1列的表格,在表格中输入文字,选中文字,
(right、down可用于让文字或图象向右及向下滚动,修改html原代码还可以得到需要的滚动速度。

连续的英文或者一堆感叹号!!!不会自动换行的问题
只要在CSS中定义了如下句子,可保网页不会再被撑开了

1.第一条table{;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。

2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。  

}

我要回帖

更多关于 dw怎么打开属性面板 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信