你的位置:首页 > 网页设计
DW中的可视化效果与浏览器的为什么不同?
Dreamweaver可视化区是为用户编辑而设计,可视区不是调用外面浏览器,它支持最基本的HTML与CSS,对CSS而言我们在写入样式时假如你使用最基本的样式时它的显示与你在浏览器中看的效果相差不大,假如你使用一些HACK技术(因为HACK是单独对不同浏览而用)在加上DW本身对样式的错误理解,你看到的可视化区就会变得面目全非!假如你很依靠可视化的话,最好少用一些HACK技术,因为HACK技术是没有
参考:div css命名规范
2010-02-04 16:52:00

参考:div css命名规范

用了一段CSS 布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就碰到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊!在网上看到的一个相关的参考,再加上平时也研究别人的代码,发现这样的命名使用很广泛!我再加上自己的经验,希望对看到这篇文章的人能有用!命名规范常用的CSS命名规则: 头:heade
Div CSS布局网站设计的优点!
业界越来越关注DIV CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div CSS标准?Div CSS的标准化设计到底有什么好处? Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 <DIV>Very excellent
有人说div CSS网页布局比较愚蠢,我来说两句!
Web Designing with w3c Standards什么是标准?各位慢慢理解。而标准的核心就是内容,表现,行为,三者分离,这一点已是共识。CSS是其中一个重要的标准,这一点大家都没有异意的。而HTML最终是向而XHTML是发展中的过渡产物,这一点大家都是知道的。对于DIV,只是XHTML中的一个标签,是在实现标准的网站重构过程中,非常重要的一个标签。对于重构,对于楼主,可以不用DIV,
不用float实现div模块居中布局
最常见的div css网页布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。结构代码,top left right foot 四个模块全部独立、互不嵌套。<div id="left"> <div id="left_module">left</div></div><div id="right"> <div id=&qu
页脚最小高度100%保持在页面底部的布局方法
有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼容IE5.0 ,Opera 8.5 ,Firefox 1.5 。下面我们看步骤:1、为了让浏览器识别高度100%我们需要先给 html 和 b
CSSfloats来创建三栏网页布局的方法
三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。 绝大多数网页设计者都熟悉传统的网页设计技术,用这些技术可以生成带有表格、创建固定宽度布局或者“液态”(它可以根据用户浏览器窗口宽度自动伸缩)布局的网页。现在,我们都开始抛弃基于表格的布局技术,许多网络设
左中右3栏布局中最先显示中栏内容的方法
[]  今天KESO说,对于一个左中右3栏布局的页面,比如home.donews.com,用户最想看到的是中栏的信息,左右2栏其实网站的相关信息的导航入口,所以中栏信息是最重要的,应该在页面显示顺序上优先于左右2栏。或者也可以这么说就是要将一个页面的最重要的信息优先于页面其他元素显示,无论是3栏还是2栏布局,说得很对。  浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对
DIVCSS网页布局:用CSS实现表单form布局
经典代码:用CSS实现表单form布局 []label{ float: left; width: 80px; } form{margin:0px} input{ width: 180px; border:1px solid #808080 }textarea{ width: 250px; height: 150px; }#sbutton{ margin-left: 80px; margin-to
DIVCSS网页布局常用的方法与技巧
CSS布局常用的方法float:none|left|right 取值:none:默认值。对象不飘浮left:文本流向对象的右边right:文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml代码: []<div id="wrap"> <div id="column1">这里是第一列</div> <
DIVCSS网页布局:最小高度(min-height)的妙用
最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段也许比较长的时间,除非MS把它捆绑在某个操作系统上,如何在现有基础上(IE6 80-90%),合理、妙用最小高度了?假定有二个BOX,我们需要它的最小高度为150PX。CSS
DIVCSS网页布局:HTML结构化DIVCSS网页布局入门指南
你正在学习CSS布局吗?是不是还不能完全把握纯CSS布局?通常有两种情况阻碍你的学习:   第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。   另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align="left
WEB2.0标准教程:第十二天校验及常见错误
辛劳了好多天,我们努力学习使用XHTML CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。1.XHTML校验● 校验网址:http://validator.w3.org/ ● 校验方式:网址校验、文件上传校验 ● 校验成
WEB2.0标准教程:第十一天不用表格的菜单
布局初步搭建起来,我开始填充里面的内容。首先是定义logo图片:样式表:#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}页面代码:<div id="logo"><a title="WEB2.0标准教程 循序渐进十二天的基础学习! " href="http://www
WEB2.0标准教程:第二天什么是名字空间
DOCTYPE声明好以后,接下来的代码是:<html 通常我们HTML4.0的代码只是<html>,这里的""是什么呢?这个"由于小王和小李都定义了一个<book>标识,假如小王的名字空间是"http://www.xiaowang.com",小李的名字空间是"http://www.xiaoli.com&quo
WEB2.0标准教程:第一天选择什么样的DOCTYPE
前言大家好!这个系列文章是W3CN阿捷编写的。是一些制作过程中的心得和经验,希望对大家有点帮助。同时,非常感谢阿捷与我们分享经验与心得。好了,让我们开始吧第一天开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。WEB2.0标准网页原代码,第一行就是:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona
如何将CSS加诸于网页
2007-08-16 14:48:00

如何将CSS加诸于网页

您可以利用下列 3 种方式,将 CSS 指定的格调加诸于网页上: 1. 在 HTML 档案里加一个超连结,连到外在的 CSS 档 这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内(副档名为 .CSS)定义好网页的外观风格,所有参考连结到此 C
关于CSS中的类-CLASS
2007-08-16 14:47:00

关于CSS中的类-CLASS

先看一个简单的例子:以下是常见按钮,使用“类”控制字体的按钮是不是漂亮了许多?而没有使用“类”控制的按钮的字体看上去就有点变形?本例使用9pt大小的宋体字控制的。 这是“类”的一个用途。 奥秘是这样的: 先定义一个“类---class”:<style type="text/css"&g
HTML的基本元素
2008-01-31 09:05:00

HTML的基本元素

HTML语言 主页是由HTML语言书写的。HTML(HyperText Markup Language,超文本标记语言)是主页的基础,你可以通过浏览器的“查看” “源代码”看到该页的HTML代码。不必看到语言就感到害怕,HTML和C语言不一样,它是一系列标记的组合。在你了解了HTML的结构以后,你会发现HTML很容易,特别是在专门的HTML编辑器的帮助下。注意:虽
网站主题图标favicon图标介绍
favicon图标介绍favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标. 如何安装Favicon当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)在页面源文件
CSS的字体、字型控制
2007-08-16 14:42:00

CSS的字体、字型控制

★☆★使用CSS你可以对页面的字体进行任意的控制,比起HTML简直方便不知多少。 CSS使用“font-size”属性来控制字体大小。 CSS中可以使用的单位:points, pixels等单位 。 ★使用 points(点): td { font-size: 9pt }
CSS产生的特殊效果
2007-08-16 14:41:00

CSS产生的特殊效果

经常有朋友问:如何使有超级连接的文字不出现下划线,如何使鼠标移动到超连上产生变色的效果?其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到,而且,页面的代码也不会臃肿。 ★★先看看超连没有下划线的例子: 例子1: 这个连接可以去页面底部,但是没有下划线。 是如何作到这一点的呢?在和之间加上如下的CSS
Dreamweaver可视化制作嵌入式框架
E:"我的文档"图书"电脑书"Dreamweaver 教程"iframe嵌入式框架"iframe.htm
如何用css控制一个容器的显示与隐藏?
根据页面的需要有时候我们需要隐藏一些元素,但当鼠标移到某一个区域的时候,我们希望这些隐藏的元素显示出来。用css网页布局,我们该如何实现呢?  首先我们将这一隐藏元素在页面中隐藏掉,我们再对链接添加onMouseOver、onMouseOut的小脚本,改变displasy属性的相关值,让隐藏的元素显示出来即可。我们看下面的xhtml代码:Example Source Code []<a hr
如何实现多风格选择样式实时切换?
我们在制作网站的时候,希望自己的网站是多风格的,用户可以根据自己的喜好选择不同的风格,这样的风格可以是布局上的变化,也可以是色彩上的差异,也可能是针对不同的用户群而非凡定制的样式。  我们该如何实现多风格选择与样式的实时切换呢?  其实只是IE不支持这个功能,我们完全可以交给浏览器去完成,FireFox就支持这个功能。  假设我们有两套CSS,分别封闭在两个不同的文件中:a.CSS和b.CSS。然
如何定义标题最恰当符合Web标准?
文档标题是文档的最主要的组成部分,也是搜索引擎蜘蛛爬行时最关注的内容,该如何定义标题呢?要回答这个问题,先设想我们要在一个页面上定义文章的标题,通常我们有三个方法来实现这个简单目的:  A、没有语义的标题定义: Example Source Code []<span >文章标题</span>  虽然在某些情况下<span>会是一个方便的标签,但它并不能表达出标题
如何让图片在容器里垂直居中?
我们会经常碰到这样的问题,有很多人为图片在容器里垂直居中这个问题而迷惑。参考了网上的资料,如有不全面,请大家指出!下面我们就来解析这个问题。  第一种图片垂直居中的方法: Source Code to Run []* {margin:0;padding:0} div {width:500px;height:500px;border:1px solid #c00;overflow:hidden;po
如何在一个层上面覆盖一个高度自适应的透明层?
网友JAY刚刚在留言板提出了一个问题,是关于在一个层上面覆盖一个高度100%的透明层的问题。他碰到了一点麻烦,在IE7和FF中没有什么问题,而在IE6中,就出问题了。 Example Source Code []  JAY [2007-01-27 00:38:27]  #L1{position:relative;float:left;}  #L1 #L2{position:absolute;wid
如何实现未知高居垂直居中?
尽管我们知道CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个div容器里有未知高度的文本或图片的情况下)。  标准浏览器如Mozilla,Opera等,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中,但
可以用CSS为图片加阴影吗?
在网页中插入图片是再平常不过的事情了,但更多的时候为了美观的需要,我们要给图片加上阴影,图片数量较多的时候,工作量是非常大的。重复劳动而且没有工作效果。我们有没有办法用CSS给图片加阴影呢?  CSS中有一个概念大家应该都不生疏,那就是相对定位position:relative; 。我们应该学会灵活的运用CSS所提供的属性。给图片加阴影我们就可以用position:relative; 相对定位的办
absolute与relative如何区分怎么用?
我们都知道absolute是绝对定位,relative是相对定位。相应的用position属性来进行设置。但是这个绝对与相对是什么意思呢?绝对是哪里的绝对,相对又是相对于什么地方相对?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技巧下面我们就来解读。  Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,
XHTML引入CSS样式有哪些方式?
XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容。那么到底有哪些方式在XHTML文件中引入CSS样式呢?  一、使用STYLE属性  将STYLE属性直接加在个别的元件标签里,<元件(标签) UBBPanel"> Example Source Code []<td color:Brown">  这种方法优点:可灵
为什么在DreamWeaver编辑环境中CSS没有效果?
很多朋友在使用DreamWeaver的时候都会碰到这样的情况,如下图。   给当前编辑的文档链接了CSS文件,并对页面元素应用了定义的CSS样式,但在DreamWeaver中却看不到任何效果。  主要原因就是DreamWeaver多出了一个样式呈现工具栏,该工具栏答应你轻易的为不同的媒体类型,例如屏幕、手持设备和打印输出进行设计。其他的支持媒体类型有投影设备, TTY(Television Typ
用PhotoShop两分钟完成一个xhtml css首页
这是一个非常便捷的方法,但我们需要提醒你注重:这只是一种PhotoShop所提供的附带功能。并不能以此来完成xhtml css网站的开发,此文仅作为消遣娱乐。因为PhotoShop所生成的代码是很不规范与科学的,有很多冗余而且并未优化。  知道了这些,就让我们开始吧:  1、打开photoshop cs2 ,打开设计出的网站首页。用切片工具切好。  2、点 文件-》存储为web所用格式 快捷键为c
css自动换行有什么技巧?
2010-02-04 16:52:00

css自动换行有什么技巧?

css自动换行有什么技巧?大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!  大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div   1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 Example S
如何用CSS制作纵向导航菜单?
应用Web标准进行网页制作以后,我们通常用ul无序列表标签来构建菜单。我们以前讨论过很多横向菜单的制作,在前面的文章中,我们讲述了《用&ldquo;ul li&rdquo;及css制作韩国风格菜单》,是一种纵向的导航菜单。我们今天来看另一种纵向导航菜单,我们不断的总结经验、提高编码水平,才能在实际操作中更加的得心应手。  我们看下面的XHTML代码:<li><a
如何用CSS控制图片自适应大小?
图片自动适应大小是一个非经常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢?  我们想到了一个比较简单的解决方法,虽然不是非常的完美,假如您的要求不是非常高,已经可以满足你的需要了。我们看下面的代码: Example Source Code []div img { max-width:600px; width:600px;
div css网页布局如何合理的运用html标签?
div css网页布局已逐渐流行,但面对所谓DIV CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。  什么时候应该用DIV?  虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV: Example Source Code []&l
Bcastr3.0betaflash通用的图片浏览器
Bcastr 3.0 beta flash 通用的图片浏览器 bcastr3.0 beta 是一款通用的图片浏览器可以用于各种新闻系统或者blog系统.可以读取.可以将图片地址直接写网页中直接,不需要.自动适应图片大小.循环播放,自定义自动播放时间.不限制图片数量.自定义尺寸,自动适应任何比例,图片不变形.自定义图片题目(可选).浏览过程中下载.自定义图片连接(可选).自定界面色彩放案
Bcastr3.1flash通用图片轮换播放器
bcastr3.1 通用图片轮换播放器,可以用于各种新闻系统或者blog系统。.可以读取.可以将图片地址直接写网页中直接,不需要.自动适应图片大小.循环播放,自定义自动播放时间.不限制图片数量.自定义尺寸,自动适应任何比例,图片不变形.自定义图片题目(可选).浏览过程中下载.自定义图片连接(可选).自定界面色彩放案3.1 修正增加了可以用"^"符号替换"&&q
符合w3c标准flashswf插入代码,常用flash参数设置
符合w3c标准flash插入代码结合我们的vcastr3的例子,介绍一下符合w3c标准的flash代码的插入方法,并说明各个参数的设置<object type=application/x-shockwave-flash data=vcastr3.swf width=650 height=500 id=vcastr3 bgColor=#ff0000> <
bcastr2.0通用的图片浏览器网站flash幻灯片
bcastr2.0 是一款通用的图片浏览器,可以用于各种新闻系统或者blog系统。查看演示主要功能:1、可以读取2、可以不使用图片地址直接写网页中直接3、可以读取swf的动画格式4、自动适应图片大小5、循环播放,自定义自动播放时间6、不限制图片数量使用方法:以下是嵌入网页中的2种方法方法一,<object classid="clsid:D27CDB6E-AE6D-11cf-96B8
CSS文本属性
2008-09-13 14:01:00

CSS文本属性

文本属性--------------------------------------------------------------------------------文字间隔语法: word-spacing: <值>允许值: normal | <长度>初始值: normal适用于: 所有元素向下兼容: 是文字间隔属性定义一个附加在文字之间的间隔数量。该值必须符合长度格式,
第一页上10页221222223224225226227228229末页第229/229页,总共:13723条数据