新浪博客界面效果

新浪博客界面效果
 
用过新浪的博客以后,觉得它做的界面非常好看,也很符合人们使用的情况,现在我就讲界面的一些特色描述一下。
 
注册界面
 
填完一个输入框后,马上进行有效性检查 
 
填写正确给出正确提示 
 
点击提交按钮,会对所以数据进行检查,把所以错误都显示出来,无刷新效果 
 
界面可编辑,左边的每个模块都可以用鼠标拖动调整上下的位置 
 
看右边的简介,刚开始是缩起来的 
 
点击后就可以展开,既减少空间,有可以给生手提示 
 
提示采用自己写的页面,比提示框友好 
 
鼠标移过去变成浅黄,点击变成橙色,表示被选中,而不是采用传统的在前面加复选框效果。查询采用搜索格式,而不是传统的按不同条件查询。编辑采用在右边加国编辑图标。 
这是文章类别的页面
 点击“添加分类”后,直接就在列表的下面加一行,而不是采用原先的跳转到新增页面的方式
 输入内容后,点击保存图标,直接就显示成功信息了,而不是跳转到成功页面。
 
 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Blog Design</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="header"> <span class="logo">blog about web design</span> <div href="sc.chinaz.com">best free templates</a></h1></div> <ul id="menu"> <li><a href="index.html"><img src="images/but1.gif" alt="" width="64" height="42" /></a></li> <li><a href="index2.html"><img src="images/but2.gif" alt="" width="108" height="42" /></a></li> <li><a href="index2.html"><img src="images/but3.gif" alt="" width="93" height="42" /></a></li> <li><a href="index2.html"><img src="images/but4.gif" alt="" width="101" height="42" /></a></li> <li><a href="index2.html"><img src="images/but5.gif" alt="" width="86" height="42" /></a></li> <li><a href="index2.html"><img src="images/but6.gif" alt="" width="102" height="42" /></a></li> </ul> <img src="images/spacer.gif" alt="setalpm" width="120" height="120" border="0" usemap="#Map" class="rss" /> <map name="Map"> <area shape="circle" coords="60,60,63" href="sc.chinaz.com"> </map> </div> <div id="content"> <div id="posts"> <div class="post"> <h2>Retro Photos</h2> <div><span class="date">Mar 18th</span><span class="categories">in: Photos, Retro</span></div> <div class="description"> <p><img src="images/pic1.jpg" alt="" width="239" height="232" /> Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. Maecenas hendrerit, massa ac laoreet iaculipede mnisl ullamcorpermassa, cosectetuer feipsum eget pede. Proin nunc. Donec nonummy, tellus er sodales enim, in tincidunmauris in odio. Massa ac laoreet iaculipede nisl ullamcorpermassa, ac consectetuer feipsum eget pede. Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio. massa ac laoreet iaculipede niorpermassa,consectetuer feipsum eget pede. Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio. Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. </p> </div> <p class="comments">Comments - <a href="sc.chinaz.com">17</a> <span>|</span> <a href="index2.html">Continue Reading</a></p> </div> <div class="post"> <h2>Original Wordpress Themes</h2> <div><span class="date">Mar 12th</span><span class="categories">in: Design, Themes</span></div> <div class="description"> <p>Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. Maecenas hendrerit, massa ac laoreet iaculipede mnisl ullamcorpermassa, cosectetuer feipsum eget pede. Proin nunc. Donec nonummy, tellus er sodales enim, in tincidunmauris in odio. Massa ac laoreet iaculipede nisl ullamcorpermassa, ac consectetuer feipsum eget pede. Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio. massa ac laoreet iaculipede niorpermassa,consectetuer feipsum eget pede. Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio. Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. </p> </div> <p class="comments">Comments - <a href="sc.chinaz.com">17</a> <span>|</span> <a href="index2.html">Continue Reading</a></p> </div> </div> <div id="sidebar"> <div id="search"> <input type="text" value="Search"> <a href="sc.chinaz.com"><img src="images/go.gif" alt="" width="26" height="26" /></a> </div> <div class="list"> <img src="images/title1.gif" alt="" width="186" height="36" /> <ul> <li><a href="sc.chinaz.com">animation</a></li> <li><a href="sc.chinaz.com">magazines</a></li> <li><a href="sc.chinaz.com">architecture</a></li> <li><a href="sc.chinaz.com">news</a></li> <li><a href="sc.chinaz.com">art</a></li> <li><a href="sc.chinaz.com">photography</a></li> <li><a href="sc.chinaz.com">blogs</a></li> <li><a href="sc.chinaz.com">product design</a></li> <li><a href="sc.chinaz.com">books</a></li> <li><a href="sc.chinaz.com">stuff</a></li> <li><a href="sc.chinaz.com">graphic design</a></li> <li><a href="sc.chinaz.com">web design</a></li> <li><a href="sc.chinaz.com">illustration</a></li> </ul> <img src="images/title2.gif" alt="" width="180" height="34" /> <ul> <li><a href="sc.chinaz.com">January</a></li> <li><a href="sc.chinaz.com">July</a></li> <li><a href="sc.chinaz.com">February</a></li> <li><a href="sc.chinaz.com">August</a></li> <li><a href="sc.chinaz.com">March</a></li> <li><a href="sc.chinaz.com">September</a></li> <li><a href="sc.chinaz.com">April</a></li> <li><a href="sc.chinaz.com">October</a></li> <li><a href="sc.chinaz.com">May</a></li> <li><a href="sc.chinaz.com">November</a></li> <li><a href="sc.chinaz.com">June</a></li> <li><a href="sc.chinaz.com">December</a></li> </ul> </div> </div> </div> <div id="footer"> <p>Copyright ©. All rights reserved. Design from <a href="sc.chinaz.com" target="_blank" title="Free Templates">站长素材</a></p> </div> <div </html>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值