基于WebForm+EasyUI的业务管理系统形成之旅 -- 系统设置(Ⅰ)

上篇《基于WebForm+EasyUI的业务管理系统形成之旅 -- 总体介绍》，主要介绍系统总体的界面效果和用户体验UI设计.

在MVC、MVP大行其道的今天，写WebForm该系列篇章，是否是过时？

之后系统重构，将朝着vNext方向

一、系统设置

 我们知道，一般客户浏览器千奇百怪，如何实现快捷下载到我们需要的浏览器？如下界面所示。

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <title>浏览器安装</title>
 5 </head>
 6 <body>
 7     <div id="ie6Update" style="display: block; width: 680px; height: 480px;">
 8         <img src="/Images/ie_update.jpg" width="680" height="480" border="0" usemap="#Map"
 9             alt="" />
10         <map name="Map" id="Map">
11             <area shape="rect" coords="508, 213, 668, 268" href="jpgcompact.exe" target="_new"
12                 alt="下载图片压缩工具" />
13             <area shape="rect" coords="9, 324, 113, 472" href="Firefox.exe" target="_new" alt="下载火狐浏览器" />
14             <area shape="rect" coords="174, 318, 325, 474" href="IE8WindowsXP.exe" target="_new"
15                 alt="下载IE浏览器" />
16             <area shape="rect" coords="386, 320, 518, 476" href="GoogleChrome.exe" target="_new"
17                 alt="下载谷歌浏览器" />
18             <area shape="rect" coords="560, 318, 674, 477" href="Safari.exe" target="_new" alt="下载Safari浏览器" />
19         </map>
20     </div>
21 </body>
22 </html>

 这个就是用整张图片，再使用<area>控制鼠标点击。下一篇继续介绍其中Web登录界面部分的处理和相关经验，希望大家多多提出宝贵的意见。

posted @ 2014-08-15 09:58  M.Zero  阅读(2114)  评论(4)  编辑  收藏  举报