Quantcast
Channel: Dreamweaver教程
Browsing latest articles
Browse All 50 View Live

DW在网页中添加一段背景音乐

对于个人站长来说,如何能使自己的网站与众不同、充满个性,一直是不懈努力的目标。除了尽量提高页面的视觉效果、互动功能以外,如果能在打开网页的同时,听到一曲优美动人的音乐,相信这会使你的网站增色不少。 一、学会添加音乐文件 为网页添加背景音乐的

View Article



解决DW中的乱码问题

Dreamweaver出现乱码,大致为两种情况: 一是没有标明主页制作所用的文字,这种情况下很简单就可以解决,在区加上即可。 二是你新加装了字体,诸如文鼎酷字体之类。这样的话,你每次新建一张网页,都要调整一次,非常麻烦。那么,你可以这样解决,以下为某人

View Article

如何解决DW不支持中文文件名?

用Dreamweaver制作网页时,如果插入的图片、GIF动画、声音、视频或链接的网页是用中文命名的,在用IE浏览器浏览时可能显示不出来。以至于大家不得不将用到的素材全改为英文文件名,然后再在Dreamweaver中引用。随着素材的增多,因为是英文文件名,要查找某个

View Article

DW中网页水平线颜色的自动设置

水平线对于制作网页的朋友来说一定不会陌生,它在网页的版式设计中是非常有作用的,可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”,然后单击“水平线”按钮即可添加一条水平线。Html代码为〈 hr〉。 在网页设计过程中,如果随意利用缺省水

View Article

网页连接上虚线框的批量消除

各位想必都知道,onfocus=”this.blur()”这条代码能消除链接时的虚线框,但你有没有想过,如果你的网页上有几个甚至上百个链接,而你又想要去掉上面那些讨厌的虚线框,难道你还一个个去Ctrl+C、Ctrl+V,天哪!这对一个正常人来说绝对是个恶梦。也许你会说,

View Article


DW批处理提高教程

设计单个页面,一点一点做就行了,但处理的页面多了,每个页面都一点点的做下去是非常费时费力的,特别是当许多的网页都有共同的元素的时候,这样做更是事半功倍的。对大量网页的进行批处理,这无论是对初学者还是网站编辑,都是很重要的。刚好我的方法特别

View Article

DW网页区域选择显示的实现

我们在制作网页时,有时会遇到这样的情况:根据用户的选择,显示不同的内容。比如,制作一个登录网页,上面有两个表格,一个给新用户注册用,一个供老用户登录用。我们想在页面上放两个radiobutton,根据用户的选择,来显示注册表格或登录表格。这些操作是在

View Article

制作会移动的广告条

在许多网页中,当鼠标移到一张图片上时,又弹出另一张图片,做这种广告条,要用到Macromedia DreamWeaver中的Layer(层)和Timeline(时间轴)功能,还得准备两张大小基本相同的广告图片。我们已最新版本DreamWeaver4.0(英文版)为例,制作移动的广告条。 一、

View Article


DW实现网页与Real结合

当你在IE中点击一个Realplayer连接时,系统会自动启动Realplayer软件,不仅占用系统内存,而且在上网时Realplayer容易出现错误。解决这问题的最好办法就是将Realplayer文件嵌入网页,但是这个解决方案必须会编写JAVA等高级语言,近日,我发现可以使用Realpla

View Article


用DW图层与表格进行网页布局

使用图层可以像素为单位精确定位页面元素,并且可以将层放置在页面的任意位置。当把页面元素放入图层之中时,还可以控制哪个显示在前面、哪个显示在后面、哪个显示、哪个隐藏,可见,层的优点是很明显的。但是目前浏览器只有4.0以上的高版本才支持层,考虑到

View Article

添加背景音乐及制作动态字

添加背景音乐 在Dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,供大家选择。 1、在页面不显眼的地方插入一空层 ,并在层内放入一个ActiveX对象,双击该对象,在打开的对话框中选择一个MIDI、WAV等音乐文件,然后在层对象属性面板中设定其可

View Article

用DW在网页中显示可拖动月历

使用本文提供的JavaScript脚本,配合Dreamweaver的层和行为的运用,可以在页面中显示可拖动的精美月历。 具体制作步骤如下: 1、启动Dreamweaver MX,新建一个HTML文档,切换到代码视图,编写JavaScript脚本。 (1)在HTML文档的 head... /head插入下面的JavaS

View Article

用DW文件库更新网站技巧

我们在建立一个大型网站的时候会有很多副页面框架模式,甚至一些细节元素都是相同的。但令人困扰的是更新它们却要费些周折,要一遍遍地反复更新每个页面元素。现在我们可以对那个时代说再见了,因为Dreamweaver引入了库这个概念。我们可以利用它来批量更新

View Article


用DW制作复杂图像

有些网页制作爱好者提出了这样一个问题――怎么使用Dreamweaver制作出交换图像来。今天,我向大家介绍制作复杂交换图像的方法,相信能够对大家有所帮助。 制作效果 我们要制作出一列7个按钮的图片,并且在这一列的按钮图片的前面加上一个指针,我们要实现的

View Article

用DW特效:飘浮光球

大家都知道,Dreamweaver是一款专业的网页设计工具,提供了许多方便、实用的功能,使得以前许多网页效果的实现从繁琐的代码中解脱出来,只要轻点鼠标即可实现。其中为网页图像增添特效就是其具有特色的功能之一,利用它可以为图像添加诸如阴影、运动、波浪、

View Article


轻松处理DW段落缩进

我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进,也就成了网页制

View Article

用DW编制会议通知

随着网页制作热潮的兴起,Dreamweaver 强大的功能深受众多网页制作者的喜爱。特别是Dreamweaver 中有许多第三方插件,这些插件增强了Dreamweaver 的功能。本例利用日历插件实现会议通知。从网上下载calendar.mxp文件,双击该文件自动装入Dreamweaver 4.0扩展

View Article


文字在网页设计中的运用

如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量优秀精美的网页。大量网络信息的呈现,无非就是通过文本、图像、Flash动画等,其中, 文本是网页中最为重要的设计元素。对于网页设计初学者而

View Article

网站构成的基本元素--网页布局

网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一幅幅精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素――网页的

View Article

与网页制作密切相关的技术

Java Java 是由 Sun 公司开发而成的一种编程语言,利用 Jave 写成的小程序叫做 Java Applet。使用它可在各式各样不同种机器、不同种操作平台的网络环境中开发软件。而且,不论你使用的是哪一种 WWW 浏览器,哪一种计算机,哪一种操作系统,只要WWW浏览器上面

View Article

网页设计十要十不要

十要: 第一:要认真规划和分析。这是网页设计灵魂工作。创建站点之前,要明确你的网站主要针对哪些访问者,为哪些用户服务,要把握准主页题材 第二:网页要易读。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文

View Article


Dreamweaver制作网页经典问题(一)

1 在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打

View Article


Dreamweaver制作网页经典问题(二)

23 怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果? 访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。 由于这种效果很好

View Article

DIV+CSS网页设计布局对网站SEO的影响

SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响呢?代码精简使用DIV+CSS布局,页面代码

View Article

网页制作中段落缩进的5种解决方法

1、人为的加入两个中文全角空格,才能够显示出位置缩进效果。 2、插入点图或图形 点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。 同样可以

View Article


Firefox下div层被Flash遮住的解决方法

1.Flash设置透明,param name=wmode value=transparent 2.注意embed中的 wmode=transparent... 代码 object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=...

View Article

css设置z-index 失效

设置z-index时必须要固定位置,这样设置它的值时才能奏效(例如 position:absolute;) 下面是示例代码,在ff3.5.5和ie5.5~ie8.0RC1中通过,大家可以尝试着不固定其位置试试。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3

View Article

Div+Css实现屏蔽效果

在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽, 于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并用

View Article

TBody 的解释及用法

写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这 三部分分别用:th

View Article



几个浏览器对实际像素的解释

View Article

CSS3 :nth-child()伪类选择器

CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容

View Article

前台开发从头说起:关于web标准化

虽然CSS在表现方面天生具有很多优势,但是如果不是web标准化的盛行,估计CSS不会达到今天这样的热门。所以要说CSS,肯定要从web标准化说起。实际上,对CSS的理解越深,才能越好地理解和使用CSS。 很多人对于web标准化的理解就是“DIV+CSS”,或者“IE、FF、C

View Article

前台开发从头说起:谈谈CSS选择符

以前我接受了网上不少博文的说法,一直认为学习css的三大最重要问题是:盒模型、定位、浮动。因为这三块的内容决定了css布局的能力.xhtml要实现和css的解耦,就要尽量不依赖于css(或者说不要纯粹为了给css预留接口而添加 不必要 的class和id),那么,在用cs

View Article


蒙版flash在网页图片上的显示

table width=756 border=0 align=center cellpadding=0 cellspacing=0 tr td valign=toptable width=756 border=0 cellspacing=0 cellpadding=0 tr td background=images/top.jpgobject...

View Article

多浏览器兼容性问题及解决方案之CSS篇

兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 4、div 的垂直居

View Article

区别div和span、relative和absolute、display和visibility

div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性,今天52CSS.com简单的罗列出它们的区别与使用要点,供大家参考。 一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我

View Article


div ,frame等控件的透明问题

View Article


网页如何布局是最好

如何布局是最好 这是初学者可能会问的问题。其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用“国字型”或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结

View Article

有利于SEO的DIV+CSS的命名规则

由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,所以就需要统一开发规范,根据XHTMl和CSS编织的规范和大多人的习惯,整理了以下针对本项目的一个简单的开发规范: 一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布

View Article

用 CSS 实现 Firefox 和 IE 都...

View Article

css 超过宽度的文字显示点点

View Article


收藏CSS经典技巧

一、CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去: font: bold ital

View Article

IE和FF下javascript获取网页及窗口大小的区别

script language=javascript function getInfo() { var s = ; s += 网页可见区域宽:+ document.body.clientWidth ; s += 网页可见区域高:+ document.body.clientHeight ; s += 网页可见区域宽:+ document.body.offsetWidth + (包括边线和滚

View Article


12种Javascript解决常见浏览器兼容问题的方法

我们提倡尽可能使用CSS,而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候,某些网页元素在不同的浏览器会出现不同。 如果你不知道原因,不要过于担心,请研究CSS规则并查看这篇文章:使用CSS

View Article

Jquery, CSS, MooTools 和 JS的导航菜单资源

如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。本文要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了。本文收集的这些资源,从非常简单的HTML和C

View Article


手写代码(Editplus与DreamWeaver对比)的优点

不久前看到一篇文章,提到html+css手写代码,说道纯手写代码在现实应用中基本不现实,用DW制作页面速度要快的多。我突然想到了xp系统刚刚出来的时候,很多人把评论说2000要比xp系统强很多一样。可笑之余又有些可叹。毕竟历史的车轮是不会被他们的评论所左右

View Article

IE6 DIV height 最小高度解决方法

View Article

CSS公用文件

由于各浏览器的默认CSS样式不一样,我们必须写一个CSS Reset统一起来。 通常我的做法是在common.css里写全局控制,这里面也包括header和footer,其它CSS文件就通过@import url(”common.css”);引用。 body{padding:10px;margin:0;background:#fff;font-size

View Article

当有<!DOCTYPE html时  iframe height&a...

当有!DOCTYPE html时 iframe height 100% 问题,当我调试运行的时候,其 width=100% 生效了,但 height=100% 就无效,无论用 JavaScript 的方式修改还是直接设置其 height 属性为100%,始终只有 200px 左右的高度。折腾了我半天,再经过一番研究,终于找到答

View Article


不同浏览器中Div层覆盖Flash层的几种方法

通过设置Div层跟Flash层的z-index并不能使Div层覆盖Flash层。 官方解释: A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order (”z-index”) of those...

View Article

Browsing latest articles
Browse All 50 View Live




Latest Images