在网页设计中使用大照片作背景的52个优秀范例(上篇)
在网页设计中,用大背景图片可以让你的网页看起来更有画面感,更加整体化。如果能跟网页其他组成部分很好的融合,会让人感觉更有深度,更有可观性,对视觉更有吸引力。本次收集了在网页中应用大背景的52个优秀案例,希望能带给你灵感。 1. Ecovittaresidencial 2. Kalinowepola 3. Compal International 4....
View Article非常精美的 HTML5 摄影网站案例
2011年是 HTML5 蓬勃发展的一年,随着 HTML5 技术的日渐成熟,移动互联网将成为 HTML5 发展最大的舞台,我们有理由相信,在不久的将来,HTML5 将引领互联网新革命。本期的 HTML5 网站大观继续与大家分享国外优秀的 HTML5 网站作品,希望这些精美的网站案例能帮助大家进一步了解 HTML5。 Girl with a Camera Image The Music...
View Article设计尸们有福了40套非常精美的免费 PSD 网页图标素材
设计尸经常会去网上搜寻各种各样的 PSD 素材,这些免费的 PSD 素材正是设计尸们垂怜的好东西,不仅能帮助他们节省大量的时间,而且能有很好的效果。今天这篇文章收集了40套精美的 PSD 图标素材,设计尸们又可以饱餐一顿了。非常感谢那些很有才华的设计师分享它们的劳动成果,让更多的设计尸可以使用他们的创意设计。记得分享和推荐一下哦 Upojenie Icon Set for Iphone and...
View Articlecss3帅气的按钮效果,没有js哦纯css3实现的
非常绚丽的 CSS3 效果应用演示,这个示例演示了 CSS3 新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯 CSS 代码就可以很容易实现。相信下面这个 CSS3 按钮效果会让你感到吃惊! Animated Button...
View Article能兼容所有浏览器的CSS3圆角
解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,前端观察最近将整理更多更全面的资源给大家,敬请期待。 译 :前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius...
View ArticleCss3弹性盒模型-网页布局新概念
Css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。 使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码: 1.<body> 2. <div...
View Articlehtml5的时代终于来临-flash黯然退场
在移动终端的天下,Flash难再续写昔日PC世界的辉煌,终于败在了HTML5手中。几天前还处于辩论的风口浪尖,如今在Adobe突然宣布停止开发移动版Flash player 之后,Flash与HTML5孰优孰劣的争执,立见分晓。 早在去年4月,乔布斯发表《Thoughts on...
View Articlejquery制作全屏遮罩
很多做设计的朋友在做遮罩的时候都尽可能的不用JS,其实作为一个网站前端设计是来说,jquery是一个很方便的东西。上手也比较容易。 今天这个教程仅限于新手,首先你要准备一个jquery库(这是一个老版本库,不过对于一般简单的够用了)。 下面是html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
View ArticleFireWorks制作美国队长盾牌
网上有很多用Photoshop山寨的美国队长的盾牌,这次我用Fireworks弄一个美国队长盾牌,喜欢使用FW的朋友请多多支持。 根据下面的步骤基本上10分钟就搞定了。 步骤1: 用FireWorks新建一个文档,尺寸根据自己喜好,随便设定个方形画布。背景先选择成黑色。 然后用“椭圆”工具画一个圆,按住Shift可以画正圆,颜色根据自己的喜好弄成玫瑰红。这里我用的是#B92849 步骤2:...
View ArticleJavaScript基本编码模式
无论编写任何程序都会接触到编码风格,设计模式等概念,编码风格一般侧重于书写规范,而设计模式则偏向于程序架构设计。本文中笔者整理的这些“模式”包含了编写JavaScript代码时一些常用的方法或者小技巧,可以帮助初学JavaScript的同学迅速提升代码质量。当然,在此之前首先要保证规范的书写习惯,在此之上可以再将本文介绍的知识点运用到代码编写中,则可以大大提升代码质量。...
View ArticlejQuery Tools:Web开发必备的 jQuery UI 库
基本介绍 jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡)、Tooltip(信息提示)、Overlay(遮罩、弹窗)、Scrollable(滚动控制)、Form Validator(表单验证)、Rangeinput(范围选择)、Dateinput(日期选择)等众多功能。jQuery Tools...
View Article从零开始学习jQuery (一) 新手入门篇
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 并讲解了如何利用DreamWeaver cs5插件实现jQuery代码智能提示,让初学者更加方便。 二.前言...
View ArticleFireworks教程-3D文字
这次fireworks教程教大家制作立体文字效果,非常简单。希望大家喜欢。 【第一步】 打文字,字体随便弄,只要不是书写体那种,最好是比较方方正正的。 【第二步】 选中文本,按住ALT键按上,按个6,7次的 然后选中最上面一层的字,改变颜色,设置一个比较浅的颜色,并且加一个边线,边线颜色稍微比字色深一点 【第三步】 选中下面的几层文字然后组合,并添加2个投影大功告成 投影属性: 第一个...
View Article40款时尚英文字体专为网页设计师准备
做英文网站时尚字体是少不了的,尤其是专题设计能够增加设计的美观,有助于更方便的表达信息。这篇文章收集了40套时尚字体分享给大家,可以免费下载使用,特别适合网页设计师和平面设计师。如果你正在寻找漂亮的免费英文字体,那么这份清单正是为你准备的。 INTRO free font ( 下载字体 ) Knubbel ( 下载字体 ) Adamas Regular – Free font ( 下载字体 )...
View Article解决wordpress发送邮件的问题
wordpress发送的注册邮件与密码找回邮件默认的发件人是”wordpress”而且没有发件者邮件,而且很多邮箱会将这种邮件给屏蔽或者放到垃圾邮件中。而且mail函数要求服务器支持 sendmail。 所以我们只能使用smtp,来进行中转邮件发送。那么如何实现这个功能呢,下面我们讲一下。 第一步:申请一个支持SMTP类模块的邮箱...
View Articlefireworks教程-新手速成之路(工具)
之前我的一篇文章中简单的介绍了一下fireworks的基本功能,也讲了圆角矩形跟渐变的使用。这次我还是接着上一次的内容继续讲一下fireworks的基本工具,如果没有看过上一篇内容的可以再次看一下《fireworks cs5》这篇文章。 这次我们继续介绍一下关于fireworks cs5的工具介绍。首先我们先熟悉一下fireworks左侧的工具面板,这个工具面板是最常用的一些工具。...
View Articlecss教程之如何防止内容超出
大家在做网页的时候经常会遇上这样那样的各种问题:使用float浮动、因为一串很长的连续字符内容冲出层外,等各种让新手蛋疼的问题。 我们来分析一下问题: 问题1:内层使用float浮动后外层无法再自适应内层高度,内层从外层脱离出来了...
View Articlewordpress回复自动发送邮件
上一篇文章我们讲了解决wordpress发送邮件的问题,这次我们接着上一章来讲一下如何在你回复留言的时候自动发送邮件给访客,前提是这个访客留言时留下了他(她)的电子邮件。这里开始前请先确保你的wordpress能够正常的发送邮件,如果不能那请先看上一篇文章。 第一步:安装插件Mail to Commenter 在插件安装中搜索mail to commenter,然后安装并启用这个插件。...
View Articlefireworks教程-新手之路导航条
在我们制作网页的过程中,导航栏是必不可少的,很多网站的导航就是整个网页的亮点,一个导航就可以点缀整个页面,让页面看起来那么的有个性! 今天我们来学习一下怎样做好网站的导航条。 首先我们看一下下面这个网站的导航: 是不是第一眼看上去非常的简单,没错,只有简单的配色。但在这么多图片的情况下又不失焦点也不失大气。有时候简单的配色并不一定简单。 上面这个导航条的做法其实挺简单的,2种方法...
View Article使用CSS3与jquery制作google play的选项卡
网页制作中选项卡是经常用到的元素,选项卡的样式也是各式各样千奇百态,最常见的大多数都是JS制作的,后来jquery出现了更加方便了。今天我们用CSS3和jquery结合制作一款google play 中的选项卡效果。 观看演示 在开始之前我们在介绍两款选项卡: CSS3缺角选项卡 css3文件夹类型的选项卡 选项卡HTML...
View Article
More Pages to Explore .....