您的位置：首页 > 编程技术 > html  >  关于网页颜色搭配的技巧

关于网页颜色搭配的技巧

 更新时间：2016年9月20日 19:03  点击：1302

　　前段时间在技术区看到有朋友提出要做个配色方面的教程，颜色方面自己过去只学过一些水粉和国画，稍微具备点颜色搭配能力，在者后来学习的漫画几乎没有用到颜色，全是黑白线稿，到现在做的鼠绘，配色也都是摸着石头过河，今天在网络上搜集了一些资料仅提供给大家参考，毕竟目前关于动画制作配色方面的教程真是少之又少啊，不专业学过还真不晓得该说些什么呢，让大家见笑了。

　　这里先根据我朋友LONE在闪客皇朝（http://www.flashking.cn）所做的配色教程开始讲。

　　依次演示：

　　1、紫色系与黄色系

　　说明：紫色占大部分画面，添加黄色就占少量画面，这样看上去会比较协调。相反，如果黄色占了大部分的画面，紫色就必须占少量画面。

　　2、红色系与绿色系


　　3、红色系与黄色系

　　1、显示QQ在线状态

<!-- QQ在线状态显示 -->
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的qq号码&Exe=QQ&Site=Simplelife&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的qq号码:4 alt="点击发送消息给我"></a>

　　2、加入Google搜索工具

添加Google搜索工具，具体代码如下：
<input type=text id=txtQ size=10>
<img src="http://www.google.com/logos/Logo_25wht.gif"
border="0" alt="Google" align="absmiddle" onclick="self.open('http://www.google.com/search?&hl=zh-CN&q='+txtQ.value,'goog');"><br>

也可使用Google站点提供的代码：

<!-- SiteSearch Google -->
<FORM method=GET action="http://www.google.com/search">
<INPUT TYPE=hidden name=ie value=GB2312>
<INPUT TYPE=hidden name=oe value=GB2312>
<INPUT TYPE=hidden name="hl" value="zh-CN">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=submit name=btnG VALUE="Google Search">
<font size=-1>
<INPUT TYPE=hidden name=domains value="YOUR DOMAIN NAME"><br>
<INPUT TYPE=radio name=sitesearch value=""> 搜索WWW
<INPUT TYPE=radio name=sitesearch value="http:///" checked>网页教学网<br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google -->

　　3、添加“天气预报”功能

<p><b>今日天气</b><br>
<center><iframe width=157 height=240 frameborder=0 scrolling=NO src='http://appnews.qq.com/cgi-bin/news_qq_search?city='></iframe></center>

　　4、增加flash精美时钟

　　发现了很多绚丽的FLASH钟表,免费,没有广告的可以使用,颜色也可选择,安装也方便。

　　你可以预览后选择自己喜欢的。

刻度时钟：
<EMBED SRC=http://www.butabon.com/Clock/clock_038.swf WIDTH=150 HEIGHT

<

使用说明：

当html代码为

<font face='Webdings'>!</font>时，实际显示：!

<font face='Webdings'>3</font>时，实际显示：3

<font face='Wingdings'>3</font>时，实际显示：3

<font face='Wingdings 2'>3</font>时，实际显示：3

<font face='Wingdings 3'>3</font>时，实际显示：3

...

对照着左表显示你想要显示的字符吧:)

字体 Webdings Wingdings Wingdings 2 Wingdings 3
! ! ! ! !
" " " " "
# # # # #
$ $ $ $ $
% % % % %
& & & & &
' ' ' ' '
< 如今和我一样拥有个人网站的朋友一定有不少，个人网站如果想做好，内容的充实和网站的定位是致关重要的。定位一开始就已经定下来了， 而内容的充实，则是我们每天做网站的重点。现在IT世界网免费向广大站长们提供了报价代码，这样我们自己的网站也可以拥护功能强大的IT 报价系统了！现在查报价的人越来越多，对我们的网站一定很多帮助！下面就跟随我一起把报价系统加入到我们自己站去吧！

　　步骤一：打开http://www.it.com.cn/it/code/price.htm页面，你会看到如图1的一段代码，将该代码全部选中，点右键打开快捷菜单，选择“复制”。


图1

　　步骤二：使用Dreamweaver或者Frontpage等网页制作工具打开需要添加报价系统的页面，将刚才复制的代码粘贴到自己感觉合适的位置，保存预览一下，怎么样，效果还不错吧（如图2）？


图2

　　步骤三：最后一步当然就是将添加了代码的网页上传到网页服务器上就OK了！

　　小技巧：

　　修改表格边框颜色
　　这段代码中的“it_bordercolor="#4a9aef"”决定了边框的颜色，如果默认的边框颜色和你的网站整体不协调的话，你可以将“"#4a9aef"”替换成自己想要的颜色代码。

　　修改表格宽度
　　同样，如果报价系统默认的的表格宽度不符合你的要求，直接修改“it_width=170”这里的数值就可以了！

　　有一种方法，可以不打开网站而直接查看到这个网站的源代码..

　　这样可以有效地防止误入恶意网站...

　　在浏览器地址栏输入：

　　view-source:http://

　　这样试一下吧~




[!--infotagslink--]

相关文章

  • photoshop打开很慢怎么办 ps打开慢的设置技巧

    photoshop软件是一款专业的图像设计软件了，但对电脑的要求也是越高越好的，如果配置一般打开ps会比较慢了，那么photoshop打开很慢怎么办呢，下面来看问题解决办法。 1、...2016-09-14

  • Jquery Ajax Error 调试错误的技巧

    JQuery使我们在开发Ajax应用程序的时候提高了效率，减少了许多兼容性问题，我们在Ajax项目中，遇到ajax异步获取数据出错怎么办，我们可以通过捕捉error事件来获取出错的信息。在没给大家介绍正文之前先给分享Jquery中AJAX参...2015-11-24

  • php语言中使用json的技巧及json的实现代码详解

    目前，JSON已经成为最流行的数据交换格式之一，各大网站的API几乎都支持它。我写过一篇《数据类型和JSON格式》，探讨它的设计思想。今天，我想总结一下PHP语言对它的支持，这是开发互联网应用程序（特别是编写API）必须了解的知识...2015-10-30

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • 基于PHP给大家讲解防刷票的一些技巧

    刷票行为，一直以来都是个难题，无法从根本上防止。但是我们可以尽量减少刷票的伤害，比如：通过人为增加的逻辑限制。基于 PHP，下面介绍防刷票的一些技巧：1、使用CURL进行信息伪造$ch = curl_init(); curl_setopt($ch, CURLOP...2015-11-24

  • 图解Sublime Text3使用技巧

    通过本篇文章给大家介绍Sublime Text3使用技巧的相关知识，对sublime text3技巧相关知识感兴趣的朋友一起学习吧...2015-12-24

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • jQuery获得字体颜色16位码的方法

    这篇文章主要介绍了jQuery获得字体颜色16位码的方法,涉及jQuery样式操作及正则表达式使用技巧,非常简单实用,需要的朋友可以参考下...2016-02-23

  • JavaScript实现颜色查看器

    这篇文章主要为大家详细介绍了JavaScript实现颜色查看器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-04-13

  • 分享12个非常实用的JavaScript小技巧

    这篇文章主要介绍了分享12个非常实用的JavaScript小技巧,这些小技巧可能在你的实际工作中或许能帮助你解决一些问题，需要的朋友可以参考下...2016-05-14

  • Python爬虫必备技巧详细总结

    本篇文章介绍了我在爬虫过程中总结的几个必备技巧，都是经过实验的，通读本篇对大家的学习或工作具有一定的价值，需要的朋友可以参考下...2021-10-22

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • 安卓利用按钮Button更改的字体大小、字体颜色、背景颜色代码

    本文章来介绍在android开发中，我们通过button按钮来动态改变字体大小、字体颜色、背景颜色代码，有需要了解的朋友可参考参考。 实现的逻辑：通过遍历View的方式，判断Vi...2016-09-20

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20

  • Illustrator像素级完美绘制经验技巧分享

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说像素级完美绘制的经验技巧，各位想知道具体信息的使用者们，那么下面就快来跟着小编一起看一看。 给...2016-09-14

  • PyCharm设置注释字体颜色以及是否倾斜的操作

    这篇文章主要介绍了PyCharm设置注释字体颜色以及是否倾斜的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-16

  • JavaScript实现鼠标经过表格行给出颜色标识

    这篇文章主要为大家详细介绍了JavaScript实现鼠标经过表格行给出颜色标识，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-04-12

  • R ggplot2 修改默认颜色的操作

    这篇文章主要介绍了R ggplot2 修改默认颜色的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-05-06

  • 美图秀秀如何改色 修改颜色方法分享

    今天小编在这里要教大家的是美图秀秀的这一款软件修改颜色的方法，各位想知道到底该怎么样才能够修改颜色的使用者们，那么下面就快来跟着小编一起看看教程吧。 给各...2016-09-14

  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25