当前位置:主页 > 平面设计

最新发布

谈谈xhtml的结构标签
谈谈xhtml的结构标签

原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。来列一个完整xhtml的结构标签:结构body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var 链接 a 列表dl, dt, dd, ol, ul, li 表单form, input, label, select, option, textarea 表格caption, table, td, th, tr 图片img 对象object, param metameta 外部调用link 基本base <dl>是用于生成术语列表<dt>用于指定要定义的术语<dd>用于对术语的定义如:<dl><dt>HTML</dt><dd>超文本标记语言</dd><dt>TCP/IP</dt><dd>传输控制协议/Internet协议</dd><dt>魔兽世界</dt><dd>一款暴雪出品的网络游戏</dd></dl>

2 次浏览
把XHTML/CSS页面转换成为打印机页面
把XHTML/CSS页面转换成为打印机页面

在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果。现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力。  从屏幕显示到打印效果大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而,有的时候用户需要将某些页面打印出来,也许就是为了保留一个长期的记录,或者将其用作方便的离线参考资料。现在的麻烦是,让Web页面在计算机彩色屏幕上看起来引人注目和五彩缤纷的很多特性,都无法在打印版的Web页面上表现出相同的效果――尤其当打印机是黑白的时候。在被降级为灰度打印的时候,彩色的组合会失去(原有的)对比效果;图形会看起来失真,而且耗费太长的打印时间;在Web页面上起着重要作用的导航按钮在打印页面上也毫无用处。为了克服这些问题,Web的创建者常常会为页面专门设计一个打印机友好的版本,这样访问者就有打印的欲望。打印机友好的版本通常都包括有和主要Web页面相同的内容,但是会省略掉大多数的图形、背景和导航元素。页面还会把彩色转换成某种形式,以便生成能够让人接受的灰度图像。CSS的解决方案使用结构化的XHTML标示和CSS格式将内容和表示分离开来的一个优势在于,通过更改CSS样式,你可以很轻易就把内容重新格式化。因此,创建一个打印机友好的页面就是把一个不同的CSS文件链接到相同的XHTML页面上。你可以同时把屏幕样式表和打印样式表链接到同一个XHTML文件里,所以就没有必要单独创建一个打印机友好的页面,只需要一个打印机友好的样式表就行了。当你在链接代码里加入多媒体类型的文件时,这就是在告诉浏览器为了进行屏幕输出要遵循或者忽略哪些CSS的规则,而为了打印输出要使用哪些规则。下面是链接到一对CSS文件的例子:<link rel="stylesheet" type="text/css" media="screen" href="mysite-screen.css"/><link rel="stylesheet" type="text/css" media="print" href="mysite-print.css" />如果需要支持老版本的浏览器,那你就必须坚持使用CSS1的媒体描述符screen和print。它们是相互排斥的,因此在为屏幕显示而生成页面的时候,浏览器会忽略掉打印样式表,反之亦然。所以,每个样式表都需要包含相同的样式选择器,但是有不同的规则声明,以便为不同的输出设备分别生成页面样式。

4 次浏览
危险无处不在 Html标签带来的安全隐患
危险无处不在 Html标签带来的安全隐患

WWW服务是因特网上最重要的服务之一,提供给客户各种各样的信息资源,而把这种信息资源组织起来的一个很重要的东西就是Html超文本语言,然后经过应用的发展就出现了其他的如UBB等标签但是最终都是以Html代码来实现的。经过研究发现,即使是最安全的安全代码(已经排除了通常所说的Xss漏洞)也无法避免另外一种恼人的攻击方式,配合不严格的程序,可能被人利用产生更大的威胁。  我们就以现在广泛存在于论坛,文章系统,Blog系统等脚本程序中的[img]标签也就是转化后的<img>标签举例来说明这个被忽视的安全问题吧!首先我来谈谈自己对这个标签以及浏览器对这个标签的处理过程。首先看看下面这个UBB代码:[IMG]http://www.cnbct.org/loveshell.jpg[/IMG],然后通过脚本程序的转换成为了<img src=http://www.cnbct.org/loveshell.jpg>。<img>标签  是在当前的页面嵌入一个图片,现在的论坛程序在发帖子以及个人头像那里都有这个功能,当浏览器遇到这个Html标记的时候就会根据src的地址,这里是http://www.cnbct.org/loveshell.jpg去寻找网络资源,当找到这个图片的时候就会访问并且下载这个资源然后在本地进行解析,在浏览器里显示出这个图片,如果找不到这个资源就会显示一个红叉表示出错了。这里http://www.cnbct.org/loveshell.jpg是个很正常的图片,所以一切都顺利进行,但是不知道大家想过没有,如果这个资源是其他类型的资源譬如一个网页一个eXe文件或者是一个asp页面,当不是图片类型文件的时候,结果会怎么样呢?  答案很明显,是图片显示一个红X,我们的Exe文件也没有下载,Html页面也没有执行,这是理所当然的东西,因为IE或者其他浏览器会把取得的资源当作图片解析,这样就会产生错误从而显示红X了。到这里大家也许还觉得没有什么用,但是如果我们把图片的地址改成http://127.0.0.1:88/imgtest/test.asp?user=shell这样的形式呢?其中test.asp里有如下内容的话<%dim fso,file //定义Fso对象 Const ForReading = 1, ForWriting = 2, ForAppending = 8 Set fso = Server.createObject("Scripting.FileSystemObject") path = server.mappath("imgtest.txt") //打开同目录imgtest.txt set file=fso.opentextfile(path, ForAppending, TRUE)file.write("有人来了: ") //写内容 file.write(request.Servervariables("QUERY_STRING")) file.write vbCrLffile.closeset file = nothing set fso = nothing%>

3 次浏览
20个使用水彩效果的网站设计
20个使用水彩效果的网站设计

一些网站在设计中使用漂亮的水彩效果,这些水彩效果可以让网站向用户展示颇优雅的视觉体验,体现网站的独特的有艺术性。这里收集了一批新的使用水彩效果的网站设计,更多相关设计请查看《最佳实例:网页设计中的水彩效果》,当然可能并非所有的都很美,但是至少可以给我们提供一些参考。希望大家能够喜欢。如果你需要水彩风格的PS笔刷,请查看300多个出色的PS笔刷

3 次浏览
WEB标准:网页页面结构
WEB标准:网页页面结构

    最近做了一个需求,相当于是一个miniportal,虽然是小页面,但真正做起来比活动的大页面还要费心思。页面上不管是背景图片还是文字大小,差一个像素都看的很明显。而自己又把在学校的坏毛病带来,总是那么粗心,第一次提交页面之后,很多问题,幸好导师给我指出,要不然自己也感觉不出自己的那些毛病,归结还是自己太粗心,没有准确的还原设计稿。以后对于这点自己一定要努力克服。在页面设计的视觉显示上要追求完美。    通过这次自己也理解了一些页面结构,起初自己觉得结构是从浏览器屏蔽加载的样式之后你希望页面内容应该以什么样的结构去显示。通过这样的外观去选择合适的标签,从而构建自己的页面结构。而将它和浏览器的默认显示样式给混淆了。一方面是因为自己无意义的对一些标签进行了无尽的联想,而造成了标签使用的误区。这个我觉得是很多重构人员都难免会遇到的问题。而此时我只是做出了实践罢了。    比如这次的项目中我对于图片列表使用了很多注释列表,是因为我想在去除样式之后整个html文件显示的外观是符合人们的正常思维。是我强加给页面的,而并不是一种很正确的结构。是我将它的使用范围扩大了。回归最原始的用法,其实它只是用于表现内容的标签,而并不是一种结构。这个是一个误区,因为也有可能有的人认为这不是一个注释列表,而是一个段落,都是因人而异。所以在这种大家选择上不会达成共识的情况下,选择没有任何意义的div标签或许是一种折中。    结构这个东西真的是需要慢慢体会,慢慢总结!

5 次浏览
iframe高度自适应代码(兼容FF,Opera,Safari)
iframe高度自适应代码(兼容FF,Opera,Safari)

网上关于iframe高度自适应的代码有很多,但比较杂乱,有一些过于复杂,有一些存在明显错误。缘由心生给出了一段修改后的精简版本,感觉不错,简单修正了其中一处Opera下的错误,代码如下:JavaScript部分:<script type="text/javascript">function SetCwinHeight(iframeObj){if (document.getElementById){   if (iframeObj){    if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){      iframeObj.height = iframeObj.contentDocument.body.offsetHeight;      } else if (document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){  iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;      }    }  }}</script>html部分:<iframe name="frameContent" src="*" frameborder="0" width="100%" onload="SetCwinHeight(this)"></iframe>标记*号的地方填入iframe页面的地址。需要注意的是,src地址必须是在同一网站下,否则会出现“权限被禁止”的错误。

8 次浏览
Google Wave将推动HTML5标准化
Google Wave将推动HTML5标准化

最近,Google Wave闪亮登场了,给大家带来不少惊喜。而Google宣称全面采用HTML5这一事实是否意味着HTML5时代已经来临呢?HTML4成为标准已经有十余年了,照理说,HTML5也该出山了。可是HTML5目前并没有标准化。按照HTML5的编辑Ian Hickson的说法,HTML5的最终提议草案要等到2022年才会发布。没错,这太遥远了。不过,各个浏览器厂商们并没有闲着,在去年第一份草案发布之后,大多数浏览器都实现了该草案的一些特性。也许是因为HTML5标准指定过于缓慢,因此一直不是风口浪尖。然而世事难料,Google Wave的发布似乎一下引发了许多人对HTML5的兴趣,也激起了人们的广泛讨论,使得HTML5成为最近的一个热门话题。本月初,InfoQ一篇名为Google Wave会影响RIA/Silverlight吗?的新闻,谈到了Wave对RIA可能造成的负面影响及微软相关人士的回应。无独有偶,Paul Krill在Infoworld上也发表了类似的一篇文章,HTML5:会终结Flash和Silverlight吗?,Paul Krill认为:对此,Adobe的John Dowdell在其博文Adobe on "HTML5"中给出了他的看法。文中他引用了Adobe CEO Shantanu Narayen针对一分析家所提HTML5对Adobe的机遇与威胁时所做的回答。虽然,微软和Adobe都否认了HTML5会给他们带来冲击,很明显他们都在关注HTML5的发展。那么,HTML5时代真的到来了吗?还不好轻易下结论。但是Google Wave对HTML5的推广确实起到了作用。或许正如Pieter在其博文Why HTML 5 is going to change the web?中所总结的:如果你想了解HTML5的一些出彩的特性展示及相应源码,可以参考Matt的5 Amazing HTML5 Features to Look Forward to。如果你想让IE6、IE7支持HTML5标签,可以参考remy sharp的博文HTML5 enabling script以及Paul Hayes的博文Moving markup towards HTML5。

6 次浏览
制作网页的5条非常不错的建议
制作网页的5条非常不错的建议

每天互联网上大量编写的页面内容误导和浪费了用户成千上万个小时。对于今天超过10亿的互联网用户来说,这些误导等于同等的挫败 感。而对于你的客户,这也许就意 味着擦肩而过的机会。深入了解高效的页面代码方法会提升每个你的设计和网站的在线体验。而你的用户则会用市场和销量回报你为此付出的努力,这也会让你成为更好的网页设计师。我们的用户每天都要被大量无序的网站链接骚扰。请不要再增加这种混乱了。我们应该做的,是组织好我们页面上的信息,用直观易懂的方式引导和帮助用户找到他们想要的信息或完成想要的任务,这样就能节约时间让用户为其他的事情奔忙了。按照目标用户的需求而不是客户的公司结构组织网站的导航,信息和链接。客户的网站不是公司的他们管理结构图,所以请不要按照这样的结构去组织你的网站。案例:一个经营企业合并的公司已经拥有一个包含各个子部门页面的网站(比如法律部,会计部,市场部,等等。)。用户需必须盲目的在各个页面之间跳来跳去,甚至去猜测自己应该在哪个部门的页面里寻找自己想要的信息。解决方案:以用户需求为结构指导,重新组合网站结构和内容,比如以用户的任务需求为依据重新划分为:出售业务;收购业务;附加服务等区块。也许商业活动本身是很复杂的,但让用户找到他们需要的信息不应该是一件很困难的事。客户的网站是不是会强迫你从一堆长篇大论的介绍,和模糊的信息或者根本无用的介绍文字中去发掘他们需要的信息?研究发现,我们的用户大多数情况下只是在扫描信息,所以你需要做的就是保持页面精炼和简洁。 一般来说,如果你要把一本宣传手册变成网页,留下的内容差不多只需要有原来的一半甚至更少。专业的页面需要:

4 次浏览
网页制作推荐使用的XHTML标记
网页制作推荐使用的XHTML标记

禁用b big hr i small sub sup tt 不用

5 次浏览
如何修改网页中的FlashSWF文件
如何修改网页中的FlashSWF文件

看到一个网站用flash做的,很漂亮,想照着也做一个,但是技术还没到位,想把网页中的flash下载下来,然后对flash文件进行修改!我想这是很多人遇到的一个问题,其实现在已经有很多人在讲下载网页中的FLASH并修改的问题了,今天我把问题总结一下,如何下载网页中好看的FLASH,并将swf转化成fla文件进行修改。上一次给大家讲过如何给网站扒皮,主要针对HTML类型的网页,而这次主要讲的是如何给FLASH网站扒皮。同样,你学会这招之后,不仅可以把任何你所喜欢的FALSH网站修改成自己的,而且你还可以修改一些flash动画。第一步:如何下载网页中的FLASH呢,方法有以下几种。1:从网页的源文件代码(查看 - 源文件)里找 .swf 的文件,然后把带有.swf 那一串地址 复制到下载工具里就可以了 。2:通过浏览器的自有功能下载网上的flash动画,这种方法最容易掌握也是最方便的;遨游、火狐、GreenBrower等浏览器,也可以下载。网页上标明了下载地址(右键另存就可以了)3:用迅雷、FLASHGET等下载工具,会有FLASH下载提示。4: 通过第三方软件实现网上flash动画的下载。例如:“Flash Catcher”、”GetFlash“、“网页FLASH抓取器”。第二步:将下载好的SWF文件反编译为可以修改的FLA文件。Sothink SWF Decompiler(闪客精灵),是卢松松常用的一款SWF转换FLA的工具。在这里也推荐给大家使用。它能够将flash动画中的图片、矢量图、字体、文字、按钮、影片片段、帧等基本元素完全分解,还可以对flash影片动作(Action)进行解析,清楚的显示其动作的代码。使用方法是用SWFDecompiler打开下载好的FLASH文件,然后点击导出FLA文件就可以了,操作十分简单。注:导出FLA文件后需要用FALSH 8和CS版本软件打开,就可以进行相应的修改了。文中所提到的工具软件下载列表:火狐FLASH下载插件(download embedded):http://www.oschina.net/p/download+embeddedSWF转换FLA的工具:http://down.lusongsong.com/Soft/10014.htmlflash动画制作软件(flash8):http://down.lusongsong.com/Soft/10008.htmlFlash Catcher:http://www.skycn.com/soft/8032.html网页FLASH抓取器:http://www.onlinedown.net/soft/47431.htmGetFlash:http://www.greendown.cn/soft/1181.html

12 次浏览
共计26043条记录 上一页 1.. 636 637 638 639 640 641 642 ..2605 下一页