TextAd/test.aspx,内文广告管理系统V1.1版源码源码在线查看|-51aspx.com

首页->其他源码->内文广告管理系统V1.1版源码>>test.aspx>>源码在线查看
温馨提示：代码在线浏览功能只能做为源码浏览参考，如果想更进一步了解该代码请下载：内文广告管理系统V1.1版源码
当前文件：
TextAd/test.aspx，打开代码结构图
		             1<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
 2
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5<html xmlns="http://www.w3.org/1999/xhtml" >
 6<head runat="server">
 7    <title>内文广告系统测试页面</title>
 8</head>
 9<body><form id="form1" runat="server">
10    
11    <div><h2 style="text-align: center">内文广告系统测试页面</h2>
12        <p>
13            我经历的一个项目倒下了。倒不是因为技术落后，反而是因为技术太过先进——整站，所有前端页面都是Ajax处理而产生的。</p>
14        <p>
15            我们现来看看Ajax是啥（汗，你以为读者是白痴咩～），根据发明人Jesse James Garrett (jjg)在adaptive path的一篇文章Ajax:
16            A New Approach to Web Applications中定义，Ajax由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含：</p>
17        <p>
18            <span class="code"></span>
19        </p>
20        <ul>
21            <li>基于XHTML和CSS标准的表示； </li>
22            <li>使用Document Object Model进行动态显示和交互； </li>
23            <li>使用XMLHttpRequest与服务器进行异步通信； </li>
24            <li>使用JavaScript绑定一切。 <p>
25            </p>
26            </li>
27        </ul>
28        <p>
29            可以看到，这是一种以JavaScript为核心的技术，从广义上说，除了服务器端技术，剩下的都是Web标准。</p>
30        <p>
31            但上一句话并不是重点，做Web标准的读者不用窃喜。</p>
32        <p>
33            我们来了解一下Jesse James Garrett的背景，他著有一本有名的书，叫做
34            The Elements of User Experience - User-Centered Design for the Web.
35            啥？<strong>User Experience?</strong> 没错，jjg是一位资深用户体验专家。</p>
36        <p>
37            我没有深入调查过，但我身边的人，接触并运用Ajax的清一色都是程序员。我对程序员当然没有什么成见，但术业有专攻，程序员看到这个Ajax定义，理所当然是从技术上入手，为新技术滥用Ajax不亦乐乎无法自拔而不自知，为Ajax而Ajax，忽略了非技术层面的东西，比如，<strong>用户体验和亲和力（accessiblity）</strong>。</p>
38        <p>
39            所以我认为jjg对于他自己发明的Ajax的定义是不及格的。实际上，按照jjg本来的意思，技术也是为用户体验服务的。About Face 2说，Web的出现让交互设计至少倒退十年，Ajax的出现实际上为了弥补这十年而生，让Web界面操作可以一样或至少接近“正常软件”的操作方式。但jjg的定义对技术层面的东西阐述过了头，缺乏用户体验背景的程序员只能依瓢画葫芦，为Ajax而Ajax。</p>
40        <p>
41            所以我觉得，哪里该用Ajax，怎么使用Ajax，如何才能做到符合用户体验的需求，这是产品/策划的事情。事实是很悲哀的，产品认为这属于技术问题（至少我身边所碰到的情况都这样）而不加过问。我们可以看到很多大举2.0旗帜的网站，<strong>看起来很酷，用起来很苦</strong>。漫长的等待没有提示，用户未知情的情况下刷新内容，鼠标一不小心就会犯错，不能后退（这倒是普遍问题），不能撤销等等，很多用户患上了2.0恐惧症。</p>
42        <p>
43            由于我实际上对用户体验并没有研究，不好夸大其词，不好妄加评论，上面只是我的个人想法，有错的话各位看官一定要批评指正，一起学习，共同进步。我着重谈谈亲和力的问题。</p>
44        <p>
45            众所周知，JavaScript不是什么时候都能用。老旧的浏览器，高安全的环境（比如银行，或者用户设置），文本浏览器（如lynx, w3m），屏幕阅读器，手机浏览器等等，很多场景都限制了JS的发挥与使用。对于正常人，你可以觉得无所谓，反正现在换个或者升级浏览器也是轻而易举的事情，但是，很多障碍人士，却只有很少的选择。Web
46            2.0并不意味不能用。</p>
47        <p>
48            所以我们必须采取适度降级(graceful degradation)的策略。对于一些非必须由Ajax驱动产生内容的前端页面（比如分页，提示内容的展示），我们就可以采取此策略。我们必须保证，在没有JS的情况下，这些内容可以使用传统（Web
49            1.0?）的方式来交互产生。这是保证Web具备亲和力的基础。有此保证后，我们就可以采取逐步增强(progressive enhancement)的策略来加入Ajax，使用JS来控制前端的交互，达到用户体验的目的。实际上，读者的疑问可能就在这，如何能够保证适度降级的基础上能逐步增强？实践证明，Unobtrusive
50            Javascript(不冒昧的Javascript? 天，这该怎么翻译？)的思想能够帮助我们做到。何谓Unobtrusive？那就是说，在没有JS的情况下，网页内容依然能够访问（accessible）。概念很抽象，那么我们举个例子说明吧。假如网页有几块内容：</p>
51        <p>
52            <span class="code">&lt;a href="#a"&gt;Show a&lt;/a&gt; &lt;a href="#b"&gt;Show b&lt;/a&gt;
53                &lt;a href="#c"&gt;Show c&lt;/a&gt;<br />
54                &lt;div id="a"&gt;a&lt;/div&gt;<br />
55                &lt;div id="b"&gt;b&lt;/div&gt;<br />
56                &lt;div id="c"&gt;c&lt;/div&gt;</span></p>
57        <p>
58            我们需要按照用户的点击展示每一块内容。通常的做法是，我们会给a标签加上占位符，然后写上onclick=""之类的代码，在某些div加上style="display:
59            none;"，让其在默认情况下不可见，然后再让JS操纵其可见性。这是一种不好的，非Unobtrusive的做法。</p>
60        <p>
61            Unobtrusive的做法是，我们需要让a有意义，而不是只为JS而存在。a应该依照实际情况指向一个实际连接，或者跳到本页的一块内容。我们应该讲JS完全分离出来，不要在HTML混杂onclick之类的事件代码。而且，我们也不应该在默认情况下隐藏内容，应该在页面载入后交给JS来控制，这样，用户在没有或禁止掉JS的时候，她/他还有机会能够看到所需的内容。这是一个最简单的Unobtrusive例子。</p>
62        <p>
63            所以，结论是，我们要建设具备亲和力的Web 2.0的网站，graceful degradation, progressive enhancement, Unobtrusive是基础。当然，某些完全依靠Ajax的网站，比如Google
64            Maps，得另外讨论。我们可以看到，即使是Gmail，它也有一个非Ajax版本备用。当然，我的意思不是每个网站都应该开发、维护两个以上的版本，我们应该，在保证亲和力的基础上，才逐步Ajax化，而且Ajax应该是用在构建一种新的交互方式，用在用户体验上。
65            <br />
66        </p>
67    
68    </div>
69    </form><a href="http://www.51aspx.com/" target="_blank">download from 51aspx.com(Asp.net源码下载专业站)</a>
70</body>
71</html>
72<script type ="text/javascript" >...var username='222'; </script>
73<script type="text/javascript" src="js/getad.js"></script>
还没有找到您心仪的内容？请用.net源码大搜捕
打包下载该项目完整源码：内文广告管理系统V1.1版源码