教程
-
5种 CSS 实现DIV中内容垂直居中的方法
使用 CSS 实现DIV中内容垂直居中并不容易，有些方法在一些浏览器中无效。 今天中国网页设计给大家分享使DIV中对象垂直集中的5种不同方法，以及它们各自的优缺点。 CSS 实现DIV中内容垂直居中方法一 这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性。 <div class=…
-
一个优秀的网站设计应具备的6个特征
1、明确和突出的品牌设计 优秀的网站设计师会将品牌的色彩、设计元素贯穿到整个网站的设计中。 2、抢眼独到的头条 网站要有强大的内容支撑。 首页是网站的脸，头条是这个网站的眼! 头条要抢眼，干脆，直击用户，在网页上要一目了然，是视觉焦点。清晰的排版和易于浏览的头条文章，是必须要有的。 3、有阶梯层级的导航 导航设计要简化，给人以“专业”的感觉。尽量让体验顺滑流…
-
wp-seccode：WordPress 回复、评论验证码插件
安装完wordpress，运行一段时间发现垃圾评论及恶意攻击铺天盖地而来，特别是那些评论机器人的狂轰烂炸，一天要删除近百条垃圾评论，晕死。 中国网页设计从网上找了很多验证码插件，都不是太理想，最后选择了简单的wp-seccode，分享给大家。 安装使用方法： 1、下载wp-seccode插件 2、把插件通过FTP上传到网站空间中的wp-content/plu…
-
超简单，PS不用蒙版2步快速制作笔刷边框艺术照（附素材）
原图 笔刷边框艺术照效果1 笔刷边框艺术照效果2 今天中国网页设计给大家讲解PS中如何不用蒙版2步快速制作笔刷边框艺术照。 1、在PS中打开需要处理的图片 2、新建图层1，如下图 3、从网上找个喜欢的笔刷图片或任何喜欢的涂抹图片（如下载的PS笔刷，可直接对图片添加蒙版，在蒙版上使用笔刷即可。），放到图片1中。 4、选择魔棒工具，容差调整到150，在笔刷上单击…
-
网页制作常用正则表达式大全、正则表达式在线测试工具
正则表达式，用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。正则表达式经常被用于字段或任意字符串的校验。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。 正则表达式在线测试工具 regex101是一个非常不错的正则表达式在线测试工具，你可以直接在线测试你的正则表达式。 网页制作常用正则表达式 1 用户名正则 //用户名正则，4到…
-
上机三 Java Web应用程序设计
建议学时：8 2学时 一、编写JSP页面date.jsp,格式化显示系统当前时间 需要使用Date类和SimpleDateFormat类。 在头部引入。 <%@ page import=”java.util.Date”%> <%@ page import=”java.text.SimpleDateFormat”%> SimpleDat…
-
如何精准选取网站关键词,网站营销关键词选取方法
网站关键词对网站非常重要，关系到网站今后的排名，流量的获取。 中国网页设计根据网站关键词选取的基本原则、如何选择、操作步骤三个方面给网站建设者们讲解关键词选取的注意事项及基本方法。 一、 网站关键词选取三原则 1. 关键词有一定的搜索量；2. 关键词竞争不过于激烈；3. 关键词能为网站带来定向流量； 二、网站关键词挑选依据 1. 内容相关。要求目标关键词与本…
-
设计师必须掌握的色彩心理学
日常生活中观察的颜色在很大程度上受心理因素的影响，即形成心理颜色视觉感。 色彩心理学研究的是色彩通过对人的视觉上的刺激，而引发的人的情感和感官上的变化。通过对色彩的经验积累而变成的对色彩的心理上的逾期感受。在生活中，色彩心理学对人们对颜色的认知有很大的影响。而在生活我们常用“亮不亮”、“艳不艳”、“淡红”、“苹果绿”来形容。如果开一家快餐店，你会用什么颜色作…
-
JavaScript 向数组的开头或末尾添加元素：unshift() 、push()方法详解
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 unshift() 实例： <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>uns…
-
3种纯CSS/jquery实现的表格隔行变色，鼠标悬停：hover变色效果
表格隔行显示不同背景颜色，表格奇数行和偶数行交替显示不同的背景颜色。 一、纯CSS3实现表格隔行变色 关键CSS代码介绍 table tr:nth-child(odd){background:#F4F4F4;} table td:nth-child(even){color:#C00;} table tr:nth-child(5){background:#73…
