网页设计配色精彩2例 |
颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。
一、网页颜色原理和象征意义
我们所有网页上颜色,在HTML下看到的是以颜色英文单 |
WEB设计经验 |
[dvnews_page]作为设计主管,Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心、产品目录、配置文件中心、 搜索 和注册等联机功能。 他为几个内部工具设计了用户界面,并且正致力于创建将于今年晚些时候发布的下一代主页。
从头衔上,您可能认为我主要关心的是 microsoft.com Web |
网站配色的奥秘 |
[dvnews_page]曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗?或者你一直不解为何银行、公司行号或金融机构的网站总是使用蓝色系?那么你来对地方了。虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统,但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂。 几世纪以来,颜色本身就是一个难解的谜题。举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛结合了对象本身的「白」(whiteness)所产生的颜色。之后,牛顿更探索光与色彩之间的 |
设为首页 加入收藏的代码 |
[dvnews_page]<a href="#" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.wangqi.com');"><font color="#000000">设为首页</font></a> <a href="javascript :window.external.AddFavorite('h |
网页设计中HTML常范的五个错误 |
[dvnews_page]1.网页背景色的设置
犯错机率:很大 普遍性:较广 犯错可能性:懒/不知道
约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。
绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来 |
在DreamWeaver中应用CSS样式表技巧两则 |
[dvnews_page]一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色:
在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建 立一个链接,你可以看到这个链接会有下划线。怎样去除这条下划线呢?
|
制作虚线效果的水平线 |
[dvnews_page]在网页中,一般要实现虚线效果。制作方法很多,在我们网站中,也介绍使用Fireworks制作虚线的效果。如果我们改用水平线制作虚线效果呢?制作方法就是使用CSS定义:
在<head>中预先定义好CSS:
<STYLE type=text/css> .dotline { BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDE |
经典时间代码集锦 |
[dvnews_page] 实时走动的数字时钟
<script> function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today; today |
常见网页加密方法和破解对策 |
[dvnews_page]
常见网页加密方法和破解对策(一) 右键弹出窗口加密。程序如下: <script language="JavaScript"> <!-- document.onmousedown=click function |
巧妙利用CSS自定义网页下划线样式 |
[dvnews_page] CSS为网页设计者们提供了丰富而灵活的页面元素表现形式的控制手段。但是,或许你可能注意到了,对于下划线,CSS提供的可选操作却不是很多。一般情况下,人们看到的下划线基本上都是横直线,缺少生气和灵动。不过,路并不是死的,通过一些绝妙的改造,我们还是可以做出富有创意的下划线来使页面更为美观。
这是一个自定义下划线的例子: |
页面浮动广告效果代码 |
[dvnews_page] <script language="JavaScript">
<!--
if(parseInt(navigator.appVersion.charAt(0))<4){
location.href="http://www.webjx.com"
}
var mvtLight="/img/200406301.jpg"
|
玩转网页滚动条 |
[dvnews_page]网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页,但是千篇一律的它经常会给整体页面效果拖了不少后腿,我们能不能改变它灰灰的样子呢?能!俗话说:“只有你想不到的,没有做不到的。” 给滚动条换色 几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽。我们只要在网页代码<head> </head>之间插入下面的代码,即可随心所欲地更改颜色了。
|
如何在浏览器地址栏前添加自定义的小图标?在线等!! |
其实这并不深奥,只是简单的几步就可以实现了。只不过在网站目录下添加了一个特定文件而已。 我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“<head></head>” 间添加如下代码: <Link Rel="SHORTCUT ICON" href="http://图片的地址(注意与刚才的目录 |
Ulead GIF Animator V5.05简单教程 |
第一课:让图动起来------------以秋意头像为例
效果图 原图三张 |
玩出新花样 制作精美动画GIF图片 |
相信广大网友都看到不少很漂亮的GIF图片,制作GIF图片有不少软件,可惜都比较复杂,而以下的这个教程却是非常简单,网友们可以轻易的学会怎样制作出好看的GIF动画图片:) 1、下载Ulead GIF Animator V5.05 友立公司出版的动画GIF制作软件,内建的Plugin有许多现成的特效可以立即套用,可将AVI文件转成动画GIF文件,而且还能将动画GIF图片最佳化,能将你放在网页上的动画GIF图档减肥,以便让人能够更快速的浏览网页。 |