网络硬盘

这次网络硬盘,首页大致上模仿115网盘的布局,自己又添加了点,删除了点。

 

这次可能会用到各种技术..html5 css3 javasript jquery ajax ..我也说不准,写一步看一步。

 

这次是真正的现场直播,可能有些困难我也不知道。。所以就一个问题我可能写几天,希望和大家一起努力。

 

 

2013-2-26 18:33:41

 

今天先和大家来完成首页布局。

我以为很简单很简单,就是div+css,但第一次用MyEclipse开发,自己生成的HTML是如下

[html] view
plain
copy

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html>  
  3.   <head>  
  4.     <title>MyHtml.html</title>  
  5.       
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  7.     <meta http-equiv="description" content="this is my page">  
  8.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  9.       
  10.     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  
  11.   
  12.   </head>  
  13.     
  14.   <body>  
  15.     This is my HTML page. <br>  
  16.   </body>  
  17. </html>  

"-//W3C//DTD HTML 4.01 Transitional//EN这种规格貌似对DIV+CSS存在兼容问题,在wenkit和firefox兼容但是在IE的任何版本都是排版错的。

主要问题表现为已经在CSS中限定BODY的大小但是在IE中却充满全窗口,貌似CSS没有继承了。

之前搞了半天都不知道问题出在哪,后来用Dreamwear CS4生成了一个

 

[html] view
plain
copy

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>无标题文档</title>  
  6. </head>  
  7.   
  8. <body>  
  9. </body>  
  10. </html>  

测试后在IE还是W3C中都可以...文件先暂时这样创建

 

其中index.html

[html] view
plain
copy

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.     <title>CQUT网络硬盘</title>  
  6.     <link rel="stylesheet" type="text/css" href="styles/basic.css" />  
  7. </head>  
  8.   
  9. <body>  
  10.     <div id="header">header</div>  
  11.     <div id="nav">nav</div>  
  12.     <div id="adv">adv</div>  
  13.     <div id="login">login</div>  
  14.     <div id="share">share</div>  
  15.     <div id="rank">rank</div>  
  16.     <div id="footer">footer</div>  
  17. </body>  
  18. </html>  

basic.css

[css] view
plain
copy

  1. * {  
  2.     margin:0;  
  3.     padding:0;  
  4. }  
  5. body {  
  6.     width:860px;  
  7.     margin:0 auto;  
  8.     background:#ccc;  
  9. }  
  10. #header {  
  11.     height:80px;  
  12.     margin:0 auto;  
  13.     background:yellow;  
  14. }  
  15. #nav {  
  16.     height:35px;  
  17.     background:lightblue;  
  18. }  
  19. #adv {  
  20.     width:550px;  
  21.     height:420px;  
  22.     background:pink;  
  23.     float:left;  
  24. }  
  25. #login {  
  26.     width:300px;  
  27.     height:420px;  
  28.     background:blue;  
  29.     float:right;  
  30. }  
  31. #share {  
  32.     width:550px;  
  33.     height:420px;  
  34.     background:green;  
  35.     float:left;  
  36. }  
  37. #rank {  
  38.     width:300px;  
  39.     height:420px;  
  40.     background:orange;  
  41.     float:right;  
  42. }  
  43. #footer {  
  44.     height:80px;  
  45.     background:black;  
  46.     clear:both;  
  47. }  
  48.       

 

 

刚闲着没事又把header和nav写了一下,出了一点小问题:

.想把logo做成<h1>标签的形式方便搜索引擎搜索,但是header的背景却遮盖住了logo,用浮动也只能显示一半,不知道怎么解决!

 

2013-2-26 21:29:47(重新编辑)

 

晕...发上后看到heigth怎么没标亮?结果一看打错了 - -应该是height..现在就可以用<h1>了

 

basic.css

[css] view
plain
copy

  1. * {  
  2.     margin:0;  
  3.     padding:0;  
  4. }  
  5. a {  
  6.     text-decoration:none;  
  7. }  
  8. ul {  
  9.     list-style-type:none;  
  10. }  
  11. body {  
  12.     width:860px;  
  13.     margin:0 auto;  
  14.     font-size:12px;  
  15.     background:#ccc;  
  16. }  
  17. #header {  
  18.     height:80px;  
  19.     margin:0 auto;  
  20.     background:#4380DB url(../images/logo.jpg) no-repeat;  
  21. }  
  22.   
  23. #header h1{  
  24.     background:;  
  25.     width:199px;  
  26.     heigth:100px;  
  27.     font-size:100%;  
  28.   
  29. }  
  30.   
  31. #header ul li {  
  32.     width:60px;  
  33.     float:right;  
  34. }  
  35. #header ul li a{  
  36.     color:#fff;  
  37. }  
  38. #header ul li a:hover{  
  39.     font-weight:bold;  
  40. }  
  41. #nav {  
  42.     height:35px;  
  43.     background:#eee;  
  44. }  
  45. #nav ul{  
  46.     background:#eee;  
  47. }  
  48. #nav ul li {  
  49.     float:left;  
  50.         width:144px;  
  51.     height:35px;  
  52. }  
  53. #nav ul li a{  
  54.     text-align:center;  
  55.     font-size:150%;  
  56.     font-weight:bolder;  
  57.     font-family:Microsoft YaHei;  
  58.     line-height:35px;   
  59.     width:140px;  
  60.     height:35px;  
  61.     display:inline-block;  
  62.     color:#4380DB;  
  63. }  
  64. #nav ul li.lastnav{  
  65.     width:140px;  
  66. }  
  67. #nav ul li a:hover{  
  68.     background:#4380DB;  
  69.     color:#eee;  
  70. }  
  71. #adv {  
  72.     width:550px;  
  73.     height:420px;  
  74.     background:pink;  
  75.     float:left;  
  76. }  
  77. #login {  
  78.     width:300px;  
  79.     height:420px;  
  80.     background:blue;  
  81.     float:right;  
  82. }  
  83. #share {  
  84.     width:550px;  
  85.     height:420px;  
  86.     background:green;  
  87.     float:left;  
  88. }  
  89. #rank {  
  90.     width:300px;  
  91.     height:420px;  
  92.     background:orange;  
  93.     float:right;  
  94. }  
  95. #footer {  
  96.     height:80px;  
  97.     background:black;  
  98.     clear:both;  
  99. }  
  100.       

 

index.html

[html] view
plain
copy

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.     <title>CQUT网络硬盘</title>  
  6.     <link rel="stylesheet" type="text/css" href="styles/basic.css" />  
  7.     <script type="text/javascript" src="js/jquery-1.7.min.js"></script>  
  8. </head>  
  9.   
  10. <body>  
  11.     <div id="header">  
  12.         <ul>  
  13.             <li><a href="#">关于本站</a></li>  
  14.             <li><a href="#">帮助文档</a></li>  
  15.             <li><a href="#">网站首页</a></li>         
  16.         </ul>  
  17.     </div>  
  18.     <div id="nav">  
  19.         <ul>  
  20.             <li><a href="#">我的网盘</a></li>  
  21.             <li><a href="#">我要上传</a></li>  
  22.             <li><a href="#">最新共享</a></li>     
  23.             <li><a href="#">账户信息</a></li>         
  24.             <li><a href="#">####</a></li>         
  25.             <li class="lastnav"><a href="#">####</a></li>         
  26.         </ul>  
  27.     </div>  
  28.     <div id="adv">adv</div>  
  29.     <div id="login">login</div>  
  30.     <div id="share">share</div>  
  31.     <div id="rank">rank</div>  
  32.     <div id="footer">footer</div>  
  33. </body>  
  1. </html>  
  2. 刚有写了点..基本完成首页布局,现在就差Jquery了

     

     

    .

     

     

     

     

    index.html

    [html] view
    plain
    copy

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml">  
    3. <head>  
    4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5.     <title>CQUT网络硬盘</title>  
    6.     <link rel="stylesheet" type="text/css" href="styles/basic.css" />  
    7.     <script type="text/javascript" src="js/jquery-1.7.min.js"></script>  
    8. </head>  
    9.   
    10. <body>  
    11.     <div id="header">  
    12.     <h1>CQUT网络硬盘</h1>  
    13.         <ul>  
    14.             <li><a href="#">关于本站</a></li>  
    15.             <li><a href="#">帮助文档</a></li>  
    16.             <li><a href="#">网站首页</a></li>         
    17.         </ul>  
    18.     </div>  
    19.     <div id="nav">  
    20.         <ul>  
    21.             <li><a href="#">我的网盘</a></li>  
    22.             <li><a href="#">我要上传</a></li>  
    23.             <li><a href="#">最新共享</a></li>     
    24.             <li><a href="#">账户信息</a></li>         
    25.             <li><a href="#">用户交流</a></li>         
    26.             <li class="lastnav"><a href="#">客服服务</a></li>         
    27.         </ul>  
    28.     </div>  
    29.     <div id="adv">  
    30.     <h2>热门推荐</h2>  
    31.     <div id="imagetab">  
    32.     </div>  
    33.     </div>  
    34.     <div id="login">  
    35.         <h2>网盘登录</h2>  
    36.         <div>  
    37.             <form action="#" method="post">  
    38.                 <ul>  
    39.                     <li><input class="logintext" name="username" type="text" placeholder="请输入你的用户名" required/></li>  
    40.                     <li><input class="logintext" name="password" type="password" placeholder="请输入你的密码" required/></li>  
    41.                     <li class="button1">  
    42.                         <input class="submit" name="submit" type="button" value="登录"/>  
    43.                         <input class="submit" name="submit" type="button" value="注册"/>                  
    44.                     </li>  
    45.                     <li>  
    46.                         <input id="autologin" name="autologin" type="checkbox"/><label for="autologin">自动登录</label>  
    47.                         <a id="forgetpassword" href="#">忘记密码?</a>  
    48.                     </li>  
    49.                 </ul>  
    50.             </form>  
    51.         </div>  
    52.     </div>  
    53.     <div id="share">  
    54.         <h2>最新共享</h2>  
    55.         <div>  
    56.             <ul><strong>文件名</strong>  
    57.                 <li><a href="#">轻量级Java_EE李刚著.rar</a></li>  
    58.                 <li><a href="#">轻量级Java_EE李刚著.rar</a></li>  
    59.                 <li><a href="#">轻量级Java_EE李刚著.rar</a></li>  
    60.                 <li><a href="#">轻量级Java_EE李刚著.rar</a></li>  
    61.                 <li><a href="#">轻量级Java_EE李刚著.rar</a></li>  
    62.             </ul>  
    63.             <ul><strong>上传时间</strong>  
    64.                 <li>2013-2-28 20:00:55</li>  
    65.                 <li>2013-2-28 20:00:55</li>  
    66.                 <li>2013-2-28 20:00:55</li>  
    67.                 <li>2013-2-28 20:00:55</li>  
    68.                 <li>2013-2-28 20:00:55</li>  
    69.             </ul>  
    70.             <ul><strong>上传用户</strong>  
    71.                 <li><a href="#">adawdsa</a></li>  
    72.                 <li><a href="#">adawdsa</a></li>  
    73.                 <li><a href="#">adawdsa</a></li>  
    74.                 <li><a href="#">adawdsa</a></li>  
    75.                 <li><a href="#">adawdsa</a></li>  
    76.             </ul>  
    77.         </div>  
    78.     </div>  
    79.     <div id="rank">  
    80.         <h2>最新排名</h2>  
    81.         <div id="irank">  
    82.             <ul>  
    83.                 <li>上传排名</li>  
    84.                 <li>下载排名</li>  
    85.             </ul>  
    86.         </div>  
    87.     </div>  
    88.     <div id="footer">  
    89.         <strong>版权信息:重庆理工大学计算机学院软件工程</strong>  
    90.     </div>  
    91. </body>  
    92. </html>  

     

    [css] view
    plain
    copy

    1. * {  
    2.     margin: 0;  
    3.     padding: 0;  
    4. }  
    5.   
    6. a {  
    7.     text-decoration: none;  
    8. }  
    9.   
    10. ul {  
    11.     list-style-type: none;  
    12. }  
    13.   
    14. h2 {  
    15.     padding: 20px;  
    16.     font-size: 160%;  
    17.     font-weight: bolder;  
    18.     color: #eee;  
    19.     text-align: center;  
    20. }  
    21. body {  
    22.     width: 860px;  
    23.     margin: 0 auto;  
    24.     font-size: 12px;  
    25.     background: #ccc;  
    26.     font-family: Microsoft YaHei;  
    27. }  
    28.   
    29. #header {  
    30.     height: 80px;  
    31.     margin: 0 auto;  
    32.     background: #4380DB;  
    33. }  
    34.   
    35. #header h1 {  
    36.     background: url(../images/logo.jpg) no-repeat;  
    37.     width: 199px;  
    38.     height: 80px;  
    39.     font-size: 100%;  
    40.     float: left;  
    41.     text-indent: -9999px;  
    42. }  
    43.   
    44. #header ul li {  
    45.     width: 60px;  
    46.     float: right;  
    47. }  
    48.   
    49. #header ul li a {  
    50.     color: #fff;  
    51. }  
    52.   
    53. #header ul li a:hover {  
    54.     font-weight: bold;  
    55. }  
    56.   
    57. #nav {  
    58.     height: 35px;  
    59.     background: #eee;  
    60. }  
    61.   
    62. #nav ul {  
    63.     background: #eee;  
    64. }  
    65.   
    66. #nav ul li {  
    67.     float: left;  
    68.     width: 144px;  
    69.     height: 35px;  
    70. }  
    71.   
    72. #nav ul li a {  
    73.     text-align: center;  
    74.     font-size: 150%;  
    75.     font-weight: bolder;  
    76.     line-height: 35px;  
    77.     width: 140px;  
    78.     height: 35px;  
    79.     display: inline-block;  
    80.     color: #4380DB;  
    81. }  
    82.   
    83. #nav ul li.lastnav {  
    84.     width: 140px;  
    85. }  
    86.   
    87. #nav ul li a:hover {  
    88.     background: #4380DB;  
    89.     color: #eee;  
    90. }  
    91.   
    92. #adv, #login, #share, #rank, #footer {  
    93.     margin: 15px 0 0 0;  
    94.     -webkit-border-radius: 15px;  
    95.     -moz-border-radius: 15px;  
    96.     border-radius: 15px;  
    97.     background: #4380DB;  
    98. }  
    99.   
    100. #adv {  
    101.     width: 550px;  
    102.     height: 400px;  
    103.     float: left;  
    104.     width: 550px;  
    105. }  
    106.   
    107. #adv div {  
    108.     padding-top: 50px;  
    109.     background: #eee;  
    110.     height: 220px;  
    111. }  
    112.   
    113. #login {  
    114.     width: 300px;  
    115.     height: 400px;  
    116.     float: right;  
    117. }  
    118.   
    119. #login div {  
    120.     padding-top: 50px;  
    121.     background: #eee;  
    122.     height: 220px;  
    123. }  
    124.   
    125.   
    126. #login div form input.logintext {  
    127.   width: 246px;  
    128.   height: 16px;  
    129.   margin-left: 20px;  
    130.   padding: 11px 0 11px 18px;  
    131.   margin-bottom: 20px;  
    132.   line-height: 16px;  
    133.   font-size: 14px;  
    134.   font-weight: bold;  
    135.   border: 1px solid #b8b8b8;  
    136.     border:1px solid #aaa;  
    137.     box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;  
    138.     border-radius:2px;  
    139. }  
    140.   
    141. #login div form input.submit {  
    142.     -webkit-border-radius: 8px;  
    143.     -moz-border-radius: 8px;  
    144.     border-radius: 8px;  
    145.   margin-left: 20px;  
    146.     width: 110px;  
    147.     height: 50px;  
    148.     background: #4380DB;  
    149.     font-size: 130%;  
    150.     color: #fff;  
    151.     font-weight: bolder;  
    152. }  
    153.   
    154. #login div form #autologin {  
    155.     background: #fff;  
    156.     width: 18px;      
    157.     height: 18px;     
    158.     margin: 20px 0 0 28px;  
    159. }  
    160.   
    161. #login div form ul li #forgetpassword {  
    162.     margin-left: 140px;  
    163. }  
    164.   
    165. #share {  
    166.     width: 550px;  
    167.     height: 420px;  
    168.     float: left;  
    169. }  
    170.   
    171. #share div {  
    172.     background: #eee;  
    173.     height: 300px;  
    174. }  
    175.   
    176. #share div ul{  
    177.     float:left;  
    178.     margin:10px 10px 0 50px;  
    179. }  
    180. #share div ul li{  
    181.     line-height:40px;;  
    182. }  
    183. #rank {  
    184.     width: 300px;  
    185.     height: 420px;  
    186.     float: right;  
    187.     margin-bottom: 10px;  
    188. }  
    189.   
    190. #rank div {  
    191.     padding-top: 50px;  
    192.     background: #eee;  
    193.     height: 250px;  
    194. }  
    195.   
    196. #footer {  
    197.     height: 60px;  
    198.     clear: both;  
    199. }  
    200.   
    201. #footer strong{  
    202.     margin: 30px 300px;  
    203.     color: #eee;  
    204.     line-height: 60px;  
    205. }  

    这两天在实验室忙。。

     

    不过首页还是做了一点

     

    主要是图片的切换和选项卡的切换

     

     

    主要是Jquery的一个插件

     

    [javascript] view
    plain
    copy

    1. <script type="text/javascript" src="js/jquery.Xslider.js"></script>  
    2.   
    3. lt;script type="text/javascript" src="js/jquery-1.9.1.js"></script>  

    [javascript] view
    plain
    copy

    1.    

    [javascript] view
    plain
    copy

    1.    

    [javascript] view
    plain
    copy

    1. <p>   /*淡隐淡现*/</p><p>   $("#imagetab").Xslider({  
    2.    affect:'fade',  
    3.    ctag: 'div'  
    4.    });</p>  
时间: 2024-09-08 11:53:40

网络硬盘的相关文章

asp.net 网络硬盘实现分析

所谓"网络硬盘",就是将服务器的磁盘空间提供给用户使用,用户可以通过它在互联网上实现文件的上传,下载和删除以及文件夹的创建与删除.并可以通过共享文件实现文件的网络共享. 实际要求是在客户端完成对服务器系统文件或文件夹的访问,创建和删除等功能. 网络硬盘的功能要求: ● 用户登录.注销.用户注册 ● 新建文件夹.上传文件 ● 查看文件属性(包括:名称,所在目录,类型,大小,创建时间) ● 删除文件 ● 更换文件图标(分为大图标和小图标) ● 通过搜索找到自己的文件并可以下载 进入时需有用

Asp.net+Xml开发网络硬盘

asp.net|xml|网络|硬盘 文件传送常用的三种方式FTP.Email及"网上邻居"都在一定程度上实现了文件数据的交流,但它们都主要面向"点对点"的传送,无法实现"一块空间,资源互见"的应用需求,这种基于"点对多"的共享模式需要寻求另外的传输途径,网络硬盘就是一种很好的解决方式. 常用传输方式及其在特定环境下面临的困难 我们经常有这样的应用需求:通过网络交换公共数据文件以实现资源共享,同时保护私有数据不被非法访问,并使用

ASP.NET设计网络硬盘之两重要类

asp.net|设计|网络|硬盘 要进行"网络硬盘"功能设计,首先要熟悉.NET中处理文件和文件夹的操作.File类和Directory类是其中最主要的两个类.了解它们将对后面功能的实现提供很大的便利. System.IO.File类和System.IO.FileInfo类 在设计和实现"网络硬盘"的过程中,将大量地使用和文件系统操作相关的内容.故本节先对和文件系统相关的两个.NET类进行简要介绍. System.IO.File类和System.IO.FileInf

ASP.NET设计网络硬盘之上传文件

asp.net|上传|设计|网络|硬盘 用户最终是要和文件打交道的,文件夹仅仅是用来方便管理的.文件的上传和下载也就成为"网络硬盘"功能设计中的重要一环. 1.界面布置 这部分功能涉及到的控件主要有两个:一个是(ID)为WebFile的File Field控件,用来浏览上传文件路径:另一个是(ID)为btnUpLoad的上传按钮,单击它完成文件上传. 2.代码实现 在"设计"面板中双击btnUpLoad按钮,为其添加事件处理,其代码如下所示: private voi

ASP.NET设计网络硬盘之文件夹实现

asp.net|设计|网络|硬盘 在介绍"网络硬盘"概念时已经提到,每个用户在"网络硬盘"上都有自己的一块空间.在下面程序设计中是这样处理的:为用户提供一个固定的文件夹,在这个文件夹下用户可以自己增加/删除新的文件夹或文件.如图1所示,首次打开网页时将列出该文件夹下的所有内容(包括文件和文件夹).如果想进入下一级文件夹,可以选中该文件夹,单击"打开"按钮进入.下面将就查看文件夹内容功能的实现分步骤进行说明.   1. 页面加载 由于程序所提供的用

ASP.NET设计网络硬盘之查看文件夹

asp.net|设计|网络|硬盘 就像操作本地的计算机一样,需要为每个网络用户提供各自的一块硬盘空间,用户登录后便可以对自己的空间进行管理.管理是多方面的,首先用户应该能看到自己文件夹下的所有内容,另外需要提供多级文件夹目录的支持. 下面要介绍的实例包括"网上硬盘"的许多功能,将一步步为大家进行介绍.首先创建工程实例,然后进行主界面的设计,最后对各个功能的实现分别进行介绍. 新工程创建 新工程创建的步骤如下: (1) 打开MicroSoft Visual Studio.NET应用程序.

ASP.NET+XML打造网络硬盘

asp.net|xml|网络|硬盘 文件传送常用的三种方式:FTP.Email及"网上邻居",都在一定程度上实现了文件数据的交流,但它们都主要面向"点对点"的传送,无法实现"一块空间,资源互见"的应用需求,这种基于"点对多"的共享模式需要寻求另外的传输途径,网络硬盘就是一种很好的解决方式. 常用传输方式及其在特定环境下面临的困难 我们经常有这样的应用需求:通过网络交换公共数据文件以实现资源共享,同时保护私有数据不被非法访问,并

ASP.NET XML的网络硬盘

    今天要交流的是超级技术篇,ASP.NET+XML打造我们自己的网络磁盘: 文件传送常用的三种方式:FTP.Email及"网上邻居",都在一定程度上实现了文件数据的交流,但它们都主要面向"点对点"的传送,无法实现"一块空间,资源互见"的应用需求,这种基于"点对多"的共享模式需要寻求另外的传输途径,网络硬盘就是一种很好的解决方式.  常用传输方式及其在特定环境下面临的困难 我们经常有这样的应用需求:通过网络交换公共数据文件

用好QQ网络硬盘 轻轻松松玩转文件转移

工作和生活中碰到偶然需要拷贝文件却又没有带U盘的情况怎么办呢?其实网上有很多可以供我们暂存文件的地方.例如电子邮箱.纳米网盘等等,但有时还是觉得不太方便,速度也不稳定.其实,我们常用的QQ就为我们提供了方便的网络硬盘,普通用户都有16MB的永久保存文件的移动网络硬盘,会员还有更大的网络硬盘空间,特别是还有7天保留的1G中转空间,非常方便. QQ的网络硬盘就在QQ面板左侧的选项卡中,点击网络硬盘图标,就能切换到别有洞天的QQ网络硬盘界面(图1). 在这里我们可以看到"网络硬盘".&quo

基于ASP.NET与XML的网络硬盘开发

引言 在传输文件时常常采用FTP.Email以及"网上邻居"三种方式,这几种方式各有优缺点.FTP功能强大,但使用起来较为复杂,需要进行详细设置满足各种不同需求,当用户数量不可预见时,设置会很繁琐.Email使用方便,连入Internet就可进行文件传输,但安全性不高,对于比较重要的文件一般不采用此方式."网上邻居"通过在本机上指定共享的Web文件夹并放置资源文件,用户在一定范围内可以访问这些文件,但是范围相当有限,通常在同一个DNS段地址内的用户才能顺利访问,并且