网页前端设计

 随着Rich Internet application（RIA）应用技术的发展，各个公司越来越注重于项目的用户体验性，在保证其功能完善，运行稳定的基础上，绚丽的UI和人性化的操作设计会给用户带来舒适的体验效果。前文我们学习了Blend设计简单的动画，可以使用StoryBoard快速创建一个动画效果，但是该动画效果看起来缺乏自然效果，让用户感觉太过机械化，大大的降低了用户体验性。为了是动画更为人性化，看起来更自然化，我们可以通过以下两个方式来解决： 方法1. 使用前文所提及的，帧动画技术，为了是动画更自然化，可以在动画的关键细节中添...未完，继续阅读→

 在Blend强大的设计功能支持下，设计人员和开发人员可以无代码实现Silverlight/WPF动画效果，例如上文介绍的StoryBoard，就是一个典型例子，设计人员和开发人员仅需提供必要元素，即可实现简单动画。通常来说，在一个项目中会经常出现重复的动画或者相似的动画，如果每次都创建一个新的StoryBoard，这样显着项目代码十分臃肿，而且有时还会影响项目运行效率。另外在多个项目中都会用到一个相同的动画效果，如果能把这个动画效果编译成通用类提供调用，也就可以达到事半功倍的效果。为了解决以上问题，微软在Silverlight 3中推出...未完，继续阅读→

上一篇，介绍了Silverlight动画设计基础知识，Silverlight动画是基于时间线的，对于动画的实现，其实也就是对对象属性的修改过程。 而Silverlight动画分类两种类型，From/To/By 动画和关键帧动画。 对于Silverlight动画设计，StoryBoard是非常重要的一个功能，StoryBoard不仅仅可以对动画的管理，而且还可以对动画的细节进行控制，例如控制动画的播放，暂停，停止以及跳转动画位置等。 为了简化开发人员和设计人员的设计过程，Blend提供了专门的工具对StoryBoard进行设计和管理，通过该工具可以让设计人员和开发人员轻松的完成一个Sil...未完，继续阅读→

 通过前面文章学习，已经对Blend的开发界面，以及控件有了初步的认识。本文将讲述Blend的一个核心功能，动画设计。大家也许注意到，从开篇到现在，所有的文章都是属于快速入门，是因为这些文章，都是我曾经学习的经验和工作中使用到的经验总结出来的。在我个人认为，掌握了这些核心功能也就等于掌握了Blend的开发方法。在以后开发项目中使用Blend开发工具，这些知识应该足够用了。当然，特殊项目也需要特殊对待，如果您在项目开发中，有新的Blend开发经验，希望您能够毫不吝啬的分享，在这里，我表示深深的谢意。 言归正传，关于S...未完，继续阅读→

前文我们曾经描述过，微软把Silverlight控件大致分为三类：第一类： Layout Controls（布局控件)第二类： Item Controls （项目控件)第三类： User Interaction Controls（用户交互控件)前面几篇我们已经对第一类布局控件在Blend中的应用进行了描述。本文将介绍Item Controls，也称为项目控件;和User Interaction Controls，也称为用户交互控件.Item Controls （项目控件)在实际项目中，我们经常会遇到处理数据集合或者数组的情况，而处理数据集合最好的方法就是使用“Binding”绑定。正如您所知道的，在ASP.NET中...未完，继续阅读→

 上一篇，介绍了Canvas布局控件在Blend中的使用。本篇继续介绍布局控件StackPanel,ScrollViewer和Border。相对于Grid和Canvas来说，StackPanel,ScrollViewer和Border是比较简单的布局控件，实现的功能相对来说单一。首先来说说StackPanel控件。从字面意思理解，是堆栈面板的意思。堆栈内的所有内容将按照顺序进行排列，排列方式分水平排列和垂直排列两种方式。对于StackPanel的使用，主要是对控件水平或者垂直排列，使用该控件排列控件，比Grid设置表格控制要容易很多。例如，在Grid中要设置Row和Column，然后将控件放置到各个Cel...未完，继续阅读→

 上一篇，我介绍了Silverlight控件被分为三种类型，第一类： Layout Controls（布局控件)第二类： Item Controls （项目控件)第三类： User Interaction Controls（用户交互控件) 在以上三种控件类型中，布局控件是最基础的，所以，我从布局控件开始一个快速入门介绍，根据前文所述，我们知道Silverlight标准控件中，包括以下四种布局控件：Grid控件Canvas控件 StackPanel控件Border控件经过上一篇文章的学习，我们已经对Grid有了了解， 本文将继续介绍另外一个布局控件Canvas。 Canvas布局控件，相对于其...未完，继续阅读→

 上一篇对Blend 3开发界面进行了快速入门介绍，本篇将基于Blend 3介绍Silverlight控件。对于微软开发工具熟悉的朋友，相信您很快就熟悉Blend的开发界面和控件。 XAML概述Silverlight的控件绘制是由XAML语言进行支持的。什么是XAML语言？简单的说，XAML（Extensible Application Markup Language ）是一款基于XML的描述性语言，中文也叫做可扩展应用程序标记语言。 该语言是由微软开发创建，主要用于构建WPF和Silverlight应用程序用户界面。XAML是Silverlight用户界面设计的基础，使用XAML可以定义Silverlight对象以及属性...未完，继续阅读→

上一篇主要介绍Expression系列产品，另外概述了Blend的强大功能，本篇将用Blend 3创建一个新Silverlight项目，通过创建的过程，对Blend进行快速入门学习。 在开始使用Blend前，首先需要进行Silverlight的开发环境搭建，在幸凡在线学习网（www.86y.org）有篇“轻松建立Silverlight开发环境”，其中列出了建立Silverlight开发环境的几个步骤，另外，我在过去发布过一篇“Silverlight开发工具集合”文章，也列出了Silverlight项目开发必装工具软件，这里对于开发环境的搭建，我就不再赘述。 Silverlight开...未完，继续阅读→

随着计算机软件开发分工细节化，微软对已有的产品线进行了调整，在保持原有经典开发工具Visual Studio基础上，又推出了一套新的设计开发工具系列，Expression Studio。 Expression Studio设计工具系列包含四项主要产品： Expression Blend        Expression Blend（下称Blend），是一款用于设计桌面和Web应用用户界面的可视化工具。用户可以通过拖拉控件方式创建用户交互界面；另外Blend中，包含一款软件原型建模工具SketchFlow， 该工具允许用户快速开发出专业的项目原型，创建设计...未完，继续阅读→

一 javascript正则表达式的基本知识 1     javascript 正则对象创建 和用法     声明javascript 正则表达式         var reCat = new RegExp("cat");       你也可以      var reCat = /cat/;      //Perl 风格   （推荐） 2 学习最常用的 test exec match search  replace  split 6个方法  &n...未完，继续阅读→

调用起来跟程序员写的接收一样。但是地址必须要用id参数。如http://www.86y.org/art_detail.aspx?id=205方法:var ts = request.QueryString("id");并且支持多个参数的接收。如http://www.86y.org/photo_list.aspx?id=1&files=aaa#p=changepic1方法:var ts = request.QueryString("id");var ts = request.QueryString("files");var ts = request.QueryString("p");当然你可以根据你需要获取的参数来写了。我只是抛砖引玉的说明一下！<script>//js获取参数值调用方式 var...未完，继续阅读→

　一位朋友，觉着老婆越来越懒惰自私，脾气也一天比一天暴躁。因此，他们天天吵架，吵到最后，朋友有了外遇，结果很简单，停妻再娶。他的前妻也很快就嫁了。因为没有孩子，他们各自进入新的婚姻都比较顺利和适应。­这朋友在婚后，先前的第三者变成了后妻，温情也开始消失殆尽。他的家里，又开始跟以前一样了，动不动就吵声不断，后妻连家务也不做，还得朋友里里外外收拾。朋友觉得自己命不够好，找的老婆一个不如一个，为此天天唉声叹气。直到有一天，偶然机会，在一个饭局上碰到前妻的现任丈夫。两个男人原本无话，客套寒暄后，几杯酒下肚，他终...未完，继续阅读→

人生就是一列开往坟墓的列车，路途上会有很多站口，没有一个人可以至始至终陪着你走完，你会看到来来往往、上上下下的人。如果幸运，会有人陪你走过一段，当这个人要下车的时候，即使不舍，也该心存感激，然后挥手道别，因为，说不定下一站会有另外一个人会陪你走的更远。　　当明天变成了今天成为了昨天，最后成为记忆里不再重要的某一天，我们突然发现自己在不知不觉中已被时间推着向前走，这不是静止火车里，与相邻列车交错时，仿佛自己在前进的错觉，而是我们真实的在成长，在这件事里成了另一个自己。　　家庭Family这个词意味著什么吗？家...未完，继续阅读→

一次，一支探险队在考察溶洞时5人被困洞中。他们尝试了各种逃生的方法，都失败了。洞外救援工作正在紧张进行，但估计需十余日方能打通。而此时他们的干粮、水都已用尽，无法维持到救援成功的时刻。　　饥饿、恐惧、绝望……就像这洞中的黑暗团团包围了他们。他们将身边能吃的东西，如皮带、皮鞋、衣料，甚至洞中的土等都弄来吃了。再也没有其他可吃的东西，他们只好偎依在一起，相互安慰着。死亡正一步步向他们逼近。　　队长詹尼福是个年轻的小伙子，他年轻、能干、活泼，大学毕业后来到探险队，被大伙推选为队长。　　大伙奄奄一息，如果救...未完，继续阅读→

　1.别丢掉野心和欲望野心和欲望(这里指的是一种积极状态下的野心和欲望)可以使一个人的力量发挥到极至,可以逼得一个人献出一切去排除所有障碍,它们能使人全速前进而无后顾之忧。所以，我们应该保持着一种野心和欲望，不要把它们丢掉。　　2．别把成功看的太复杂　　实际上，成功并不像我们看上去的那么复杂，有时越简单越容易成功——尽管这听起来有些不可思议。有时我们应该让心态简单一些，把复杂的事用简单的方法去做，往往会收到意想不到的效果。　　3．做人做事要诚实守信　　培根说：“诚实守信是为人处事第一原则。&r...未完，继续阅读→

如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。本文我们主要是讲解如果用CSS 3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析，只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种，下面介绍一种实用的让IE支持CSS 3解析的方法——IE利用VML矢量可标记语言作为画笔绘出圆角：1、下载一个压缩包，里面有一个微软的脚本文件(11KB)和一个用来测试服务器...未完，继续阅读→

对语言的来说,Javascript语言的设计不够严谨，很多地方一不小心就会出错。(当然这只是一个弱语言并不能完成所有的动态操作如数据处理,协助而已!)个人认为！举例来说，请考虑以下情况。现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下：　　if (myObj不存在){　　　　声明myObj;　　}你可能会觉得，写出这段代码很容易。但是实际上，它涉及的语法问题，远比我们想象的复杂。Juriy Zaytsev指出，判断一个Javascript对象是否存在，有超过50种写法。只有对Javascript语言的实现细节非常清楚，才可...未完，继续阅读→

这个星期一(2011-08-02)，我收到Google的邮件，宣布关闭我的Adsense帐户。"您好！查看了相关记录后，我们确认您的 AdSense 帐户存在引起无效活动的风险。保护 AdWords 广告客户，使其免受无效活动的侵害是我们的责任，因此我们认为有必要停用您的 AdSense 帐户。您的未结余额以及 Google 的相应收入份额都将会全额退还给受到影响的广告客户。此致Google AdSense 小组敬上"我看到这封信就傻了。（估计是我点的太兄了！ ）在此警告那些想要加google广告的站长们一定要记住情愿没有效益也不要经常点。我就是受害者!这意味着，从...未完，继续阅读→

今天同事人说网页缩小放大错位了，我就看了下真的错位了！纳闷怎么会这样,我仔细的看了看（心想谁会把网页缩小放大了看），最后还是没办法说服上级，只能找方法解决了。经过仔细查看找到了问题所在。有多种原因。1、因为宽度原因。2、浮动原因(我就是这个问题)我是一个大DIV（固定宽度的）里面有两个小DIV（也是固定宽度的）一个左边一个右边。我也不知道为什么会错位，我就试着改样式。左边宽度不变,右边我把宽度去掉了,并且去掉了浮动。加个margin-left:左边的宽度。然后就正常了。代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD X...未完，继续阅读→