日志分类：Html/Css

Web页面设计基础

时间：2009年02月19日作者：青雨被围观 304 次评论次数：0

设计原则 

Web作为出版物的一种，同其他出版物如报纸，杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则，不同之处在于Web的“非所见即所得”特性和交互性。因此，熟悉一些设计的基本原则，再对Web的特殊性作一些考虑，便不难设计出美观大方的页面来。如果有美术设计基础，对Web页面的设计会很有帮助。如果不具备这方面的背景知识，那么下面的一些原则将会对你有点帮助。 

设计的3C原则 

所谓3C原则是指：简洁、一致性、好的对比度。
Web页面设计需要遵循这三条原则。 
继续阅读：Web页面设计基础»

标签：分类：Html/Css

用javascript获得地址栏参数的两种方法

时间：2009年02月19日作者：青雨被围观 439 次评论次数：0

代码:
<script language=”JavaScript”>
<!–
function Request(strName)
{
var strHref = ”www.abc.com/index.htm?a=1&b=1&c=测试测试”;
var intPos = strHref.indexOf(“?”);
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split(“&”);
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i].split(“=”);

继续阅读：用javascript获得地址栏参数的两种方法»

标签：分类：Html/Css

提高网页的维护更新效率(CSS篇)

时间：2009年02月19日作者：青雨被围观 304 次评论次数：0

　　　　提高网页的维护更新效率–样式表高效使用 
　　 
　　随着互联网经济的不断发展，互联网上的专业网站、公众服务网站以及企业门户的数量都在飞速的增长，各网站的信息量也呈爆炸性增长的趋势。面对这些庞大的信息量，我们对网页中每一个栏目的增删，都会是一个很复杂的过程。为了提高网页的维护更新效率，我们可以使用样式表，来仅仅改变一个文件，就能达到同时改变几百个网页的外观，而其个性化的表现未受任何损失。为了能充分用好样式表的强大性和灵活性，笔者就怎样有效使用样式表，来谈谈自己的一些心得体会。 
　　 
　 继续阅读：提高网页的维护更新效率(CSS篇)»
标签：分类：Html/Css

关于版权声明的写法

时间：2009年02月19日作者：青雨被围观 322 次评论次数：0

看了不少朋友的个人网站，有一个小问题，似乎很多朋友都忽略了，那就是版权声明的写法。虽然那只是一小行字，不过作为设计师也好，作为个人的爱好也好，版权的标志都是满重要的。 

从法律角度看，加入了伯尔尼公约的国家，版权保护是随着作品（无论是文字，还是图片）的问世的即刻就得到版权的保护的，并不是必须要声明。但是作为惯例，这一小行文字还是有很好加强意识，提醒浏览者，所观看的内容是受到版权保护的。

正确的格式应该是：Copyright [dates] by [author/owner] 继续阅读：关于版权声明的写法»

标签：分类：Html/Css

WEB标准

时间：2009年02月19日作者：青雨被围观 357 次评论次数：0

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：  继续阅读：WEB标准»

标签：分类：Html/Css

在CSS中关于字体处理效果的思考

时间：2009年02月19日作者：青雨被围观 346 次评论次数：0

字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。作为中文的读者，习惯性的接受方块形状做为阅读的单元，其实对于眼睛来说，这是一种容易疲劳的方式，阅读的时候你的视线实际上是跟随整行文字的外形。看看这个例子。 

NOW I VE TRIED TO TALK TO YOU AND MAKE YOU UNDERSTAND 
Now I ve tried to talk to you and make you understand 

哪一行更容易读呢？第一行和中文的情形有些类似，不同的是， 继续阅读：在CSS中关于字体处理效果的思考»

标签：分类：Html/Css

网页的审美需求

时间：2009年02月19日作者：青雨被围观 330 次评论次数：0

　　网页设计是一们新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众。在这种标准的要求下，逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够的！要考虑如何受众能更多的和更有效率的接收网页上的信息，从而使他们对给网站留下很好的印象，那就更能促进自己网站的运作。这就需要从审美的方面入手，结合使用方便的要求，就能制作出清晰、整体性好的页面。使人浏览起来心情愉快，接收信息也会更加容易。同时提升网站的形象。运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感，例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中，这样会使内容繁多的页面更加有条理，也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实，而且实用，一个内容空洞无物的网页既使做得再漂亮也不会吸引人，顶多赢得几声赞叹，没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮， 继续阅读：网页的审美需求»
标签：分类：Html/Css

应用CSS样式表技巧两则

时间：2009年02月19日作者：青雨被围观 357 次评论次数：0

一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色：   
　　在默认情况下，用DreamWeaver设计的网页中的超级链接都有下划线，看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码，其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接，你可以看到这个链接会有下划线。怎样去除这条下划线呢？   
　　1.在点击菜单栏上的”Text”|”CSS Styles”| ”Edit Style Sheet…”(或者直接按快捷键Ctrl+shift+E),调出Edit Style Sheet（编辑样式表）对话框窗口。   
　　2.点击”New (新建)”，然后在”New Style （新样式）”对话框中，点击”Use CSS Selector”按钮。   
　　3.在Selector栏中键入a, 然后点OK。   
　　4.随后弹出”CSS 样式定义”对话框， 继续阅读：应用CSS样式表技巧两则»
标签：分类：Html/Css

HTML标记参考手册

时间：2009年02月19日作者：青雨被围观 334 次评论次数：0

总类（所有HTML文件都有的） 

文件类型 <HTML></HTML> （放在档案的开头与结尾） 
文件主题 <TITLE></TITLE> （必须放在「文头」区块内） 
文头 <HEAD></HEAD> （描述性资料，像是「主题」） 
文体 <BODY></BODY> （文件本体） 

结构性定义（由浏览器控制的显示风格）  继续阅读：HTML标记参考手册»

标签：分类：Html/Css

简单实用 网页技巧

时间：2009年02月19日作者：青雨被围观 326 次评论次数：0

一、让文字改变颜色 

在有些网页我们可以看到一些文字，当鼠标移上去是一种颜色，移开就是另外一种颜色，这是怎么样实现的呢？ 

原来我们只需要在Head内预先定义两个类，分别定义了两种颜色，这在后面的HTML源文件中会用到这个颜色的定义： 

　　＜style＞  继续阅读：简单实用 网页技巧»

标签：分类：Html/Css
«1234»