一、网页结构分析七条原则

这以下7个原则是经过多年网站实战经验之后的总结,只要掌握这7个原则,可以解决大部分在编写网站布局中的问题

1、先结构后样式.

2、能用CSS表现出来的效果,就尽量少用图像.

3、切图之前一定要认真的去分析页面效果图.

4、尽量使用最简单的网页结构.

5、大结构可以用id,内部结构用class.

6、定位:相对定位+绝对定位.

7、给容器设置内边距或外边距或者边框,对应容器的宽度一定要减去相应的宽度或高度.

二、网页结构总体结构划分

大部分网页结构都可以划分为以下五个部分:

1、header 头部区域。

2、nav  导航区域。

3、banner 广告区域。

4、content 内容页区域。

5、footer 底部导航区域。

三、HTML+CSS 结构分析

css 全局样式设置

网页背景宽为:2000px;内容宽度为:980px;网页里重用的字体为宋体,字号为12px 标题字为14px 或 16px;

header 区域:

效果:

解析:

1.header 中只要设置一张Logo,可设置一个div标签.这里布局可设置Padding值:Logo 离左边距 10像素,顶部20px; height= 119-20=99 像素. width:980-5=975像素.

代码:

/*header*/
#header{width:975px; height:99px; margin:0 auto; padding:20px 0 0 5px;}
html:
<div id="header"><a href="#"><img src="images/logo.gif" width="168" height="76" alt="绿色食品网" /></a></div>

nav 区域:

结构分析:

导航结构可按左中右进行划分;左边和右边切一个小块 width:17px; height:58px;填充背景,不平铺.中间的导航宽度为 width:980-17*2 = width:946px 使用背景填充平铺水平方向. 切出导航分割线,作为li 标签有中间平铺。li 的宽度 为 946/9 = 105, height 为分割线的高度; 去掉最右边的分割线,单独给li设置样式,无背景.

css 代码:

复制代码
1 /*nav*/
2 #nav{width:980px; height:58px; margin:0 auto;}
3 .navLeft{display:block; width:17px; height:58px; float:left; background:url(../images/navLeft.jpg) no-repeat;}
4 .navCenter{width:946px; height:52px; padding-top:6px; float:left; background:url(../images/navBg.jpg) repeat-x;}
5 .navCenter li{width:105px; height:31px; line-height:31px; float:left; text-align:center; background:url(../images/navLine.jpg) no-repeat right center;}
6 .navCenter a:link,.navCenter a:visited{font-size:14px; color:#fff; text-decoration:none; font-weight:bold;}
7 .navCenter a:hover{text-decoration:underline;}
8 .navCenter li.noBg{background:none;}
9 .navRight{display:block; width:17px; height:58px; float:left; background:url(../images/navRight.jpg) no-repeat;}
复制代码
html:
复制代码
 1 <div id="nav">
 2     <span class="navLeft"></span>
 3     <ul class="navCenter">
 4         <li><a href="#">网站首页</a></li>
 5         <li><a href="list.html">公司新闻</a></li>
 6         <li><a href="#">行业动态</a></li>
 7         <li><a href="#">基地管理</a></li>
 8         <li><a href="#">会员服务</a></li>
 9         <li><a href="#">网上购物</a></li>
10         <li><a href="#">产品展示</a></li>
11         <li><a href="#">关于我们</a></li>
12         <li class="noBg"><a href="#">ENGLISH</a></li>
13     </ul>
14     <span class="navRight"></span>
15 </div>
复制代码

banner 广告区域 

结构分析:

在一个div容器中,容器中只有一张图片布局, 可以设置容器的内边距padding:来调整图片的位置. 

效果:

css:

/*banner*/
#banner{width:980px; height:382px; margin:0 auto; padding-top:3px;}

html:

<div id="banner"><img src="images/banner.jpg" width="980" height="382" /></div>

content 内容页区域

效果:

结构分析:

这个内容结构可以划分为上下结构,

上面结构可以使用ul li 来布局; ul li 使用单独样式 conTop,避免和网站其他ul li结构产生冲突, 给conTop 设置padding-left:10px;  width=980-10=970; li 的 宽度: 970-7*3-12=211;li 标签里面的结构使用: h2 和 p 标签; 

下面部分结构分析:

下部分内容采用 ul li 来划分结构, 将样式命名为 conBot , 在conBot 中可以划分为左中右结构,conBotL,conBotC

在conBotL 块中: 结构分为上下结构,上面部分放H2标签 和 更多图片的链接(span标签),span标签采用相对定位. 定位=相对定位+绝对定位;下面部分采用 dl,dt,dd 标签; 

在 conBotC 块中:结构分为上下结构,上面部分采用H2标签,span标签进行相对定位。

下面的样式设置 ul,li 结构:  图片和底部文字单独设置样式。

在 conBotR 块中: 结构分为上下结构,上面部分放H2标签 和 更多图片的链接(span标签),span标签采用相对定位;下面采用一个P标签.

css:

复制代码
/*content*/
#content{width:980px; overflow:hidden; margin:8px auto 0; background:url(../images/content_bg.jpg) no-repeat #fff; padding-top:9px;}
.conTop{width:970px; height:92px; border-bottom:1px solid #E0E0E0; padding-left:10px;}
.conTop li{width:211px; height:73px; background:url(../images/li_bg.jpg) no-repeat; float:left; margin-right:7px; padding:10px 12px 0;}
.conTop p{color:#9d9d9d; padding-left:38px; line-height:18px;}
.conBot{width:980px; height:209px; background:url(../images/content_bg1.jpg) repeat-x left bottom;}
.conBotL{width:302px; height:199px; float:left; background:url(../images/line_bg.jpg) no-repeat right top; padding:10px 10px 0;}
.conBotL h2{height:38px; position:relative;}
.conBotL span{display:block; width:35px; height:20px; position:absolute; right:0; top:10px;}
.conBotL dl{height:135px; margin-top:22px;}
.conBotL dt{width:100px; height:135px; float:left;}
.conBotL dl img{width:94px; height:80px; border:1px solid #d8d8d8; padding:2px;}
.conBotL dd{width:189px; height:135px; float:right; line-height:20px;}
.conBotL a:link,.conBotL a:visited{color:#398C00; text-decoration:none;}
.conBotL a:hover{text-decoration:underline;}
.conBotC{width:388px; height:199px; float:left; background:url(../images/line_bg.jpg) no-repeat right top; padding:10px 10px 0;}
.conBotC h2{height:38px; position:relative;}
.conBotC span{display:block; width:35px; height:20px; position:absolute; right:0; top:10px;}
.conBotC ul{width:388px; height:125px; margin-top:22px;}
.conBotC li{width:120px; height:125px; float:left; margin-right:13px;}
.conBotC .noMargin{margin:0;}
.one{height:94px;}
.one img{width:114px; height:88px; border:1px solid #E0E0E0; padding:2px;}
.two{height:28px; line-height:28px; text-align:center;}
.conBotR{width:230px; height:199px; float:left; padding:10px 10px 0;}
.conBotR p{margin-top:22px; line-height:22px;}
复制代码

html:

复制代码
<div id="content">
    <ul class="conTop">
        <li>
            <h2><a href="#"><img src="images/tit_bg1.jpg" alt="有机蔬菜" /></a></h2>
            <p>主要通过自然降水、施用农家肥人工除草等传统的农...</p>
        </li>
        <li>
            <h2><a href="#"><img src="images/tit_bg2.jpg" alt="有机蔬菜" /></a></h2>
            <p>含有丰富的碳水化合物、维生素和微量元素,尤其是...</p>
        </li>
        <li>
            <h2><a href="#"><img src="images/tit_bg3.jpg" alt="有机蔬菜" /></a></h2>
            <p>含有丰富的碳水化合物、维生素和微量元素,尤其是...</p>
        </li>
        <li>
            <h2><a href="#"><img src="images/tit_bg4.jpg" alt="有机蔬菜" /></a></h2>
            <p>在饲养过程中不添加任何化学合成的添加剂、抗生素...</p>
        </li>
    </ul>
    <div class="conBot">
        <div class="conBotL">
            <h2><a href="#"><img src="images/tit_bg5.jpg" width="185" height="38" alt="关于我们" /></a><span><a href="#"><img src="images/more.jpg" width="35" height="20" alt="更多" /></a></span></h2>
            <dl>
                <dt><a href="#"><img src="images/photo_1.jpg" width="96" height="82" /></a></dt>
                <dd>绿色食品(北京)有限公司立志于有机事业的发展,坚持以人为本,走可持续发展的道路,从农田到餐桌,实行全过程监控体系,以优质的产品为更多的人提供健康的食品安...<a href="#">详细内容>></a></dd>
            </dl>
        </div>
        <div class="conBotC">
            <h2><a href="#"><img src="images/tit_bg6.jpg" width="148" height="38" alt="产品展示" /></a><span><a href="#"><img src="images/more.jpg" width="35" height="20" alt="更多" /></a></span></h2>
            <ul>
                <li>
                    <p class="one"><a href="#"><img src="images/photo_2.jpg" width="114" height="88" /></a></p>
                    <p class="two"><a href="#">(古道)纯牛奶</a></p>
                </li>
                <li>
                    <p class="one"><a href="#"><img src="images/photo_3.jpg" width="114" height="88" /></a></p>
                    <p class="two"><a href="#">油茶籽油</a></p>
                </li>
                <li class="noMargin">
                    <p class="one"><a href="#"><img src="images/photo_4.jpg" width="114" height="88" /></a></p>
                    <p class="two"><a href="#">龙兴香桃</a></p>
                </li>
            </ul>
      </div>
        <div class="conBotR">
            <h2><a href="#"><img src="images/tit_bg7.jpg" width="126" height="38" alt="联系我们" /></a></h2>
            <p>
                地  址:北京市海淀区知春路未来大厦6层<br />     
                邮  编:100191<br />  
                热线电话:010-62358888<br />                                
                传  真:010-88636666<br />  
                邮  箱:lssp@lssp.com
            </p>
        </div>
    </div>
</div> 
复制代码
 
作者:向雄 
如果对我发表的文章存在疑问或者有更好的建议,可以扫描左边二维码(或者长按识别二维码)加我微信可以相互探讨(加好友,请备注来自博客园)。
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
 
posted @ 2017-07-29 16:47 xiangxiong 阅读(1229) 评论(4) 推荐(2) 编辑
摘要: 模块设计需求 本模块主要是针对物联网环境检测系统设计,环境监控系统主要是由传感器、传感器控制板及设备控制箱(集中器)组成,设备控制箱直接通过网线接入局域网。 图1环境监测结构示意图 系统工作流程 传感器采集原始信号,包括温湿度与烟雾探测信号,该信号经过传感器控制板的采集与处理,转化为一定要求的数字信号,然后将该数字信号通过M-Bus总线传送给集中器,集中器将传感器控制板传送过来的数据上传给计算机,当然,计算机亦可以主动查询传感器信号。一个集中器可以挂最多252个传感器控制板,传感器控制板与集中器之间通过M-Bus总线连接,数据传输协议遵从M-Bus协议。传感器信号的定位与编号实现上主要... 阅读全文
posted @ 2012-07-19 11:17 xiangxiong 阅读(1048) 评论(0) 推荐(0) 编辑
摘要: 码云代码地址: https://gitee.com/caonimashi/docker_deployment_front_end 码云代码地址: https://gitee.com/caonimashi/docker_deployment_front_end 构建基础镜像: 1、下载一个 Aplin 阅读全文
posted @ 2018-03-25 23:40 xiangxiong 阅读(6552) 评论(0) 推荐(0) 编辑
摘要: 摘 要 刚接触React 开发, 在摸索中构建react 运行环境,总会遇到各种坑;本文,将用最短时间解决webpack+react 环境搭建问题. 1、如果你还没有React基础 看这里. 2、如果不知道webpack是啥?请 看这里. 3、如果你还没有装npm 看这里. 目 录 一、webpac 阅读全文
posted @ 2017-05-20 10:51 xiangxiong 阅读(1025) 评论(0) 推荐(0) 编辑
摘要: 这个效果初学者看起来好像有点复杂,其实不太难,关键是理清思路,从后端的数据库中找出我们要展示的图档,将其放在一个特定的容器div里并且每个文件对象的个数都按照一下的规格进行设置:除了正常的信息外,我们将alt当作我们要显示的图片说明,而将rel是要展示的图片位置与图文件名(大图). 阅读全文
posted @ 2013-11-03 18:59 xiangxiong 阅读(1919) 评论(0) 推荐(0) 编辑
摘要: 2012年4月初我参加了某部队营区数字化项目的开发,项目历时2个月,于2012年6月中旬上线,该系统的主要功能包括:营房服务网站,营房业务管理系统,营区可视化管理,我担任项目经理,全程参与了该项目的需求分析,方案设计,系统分析及部分开发工作。 在项目建设过程中,由于本系统开发涉及面广,各方面协调的人较多,因为部队本身的特殊性,需遵守部队相关条例,所需的业务分析资料也许通过严格审批和保密,开发人员电脑不能连接互联网,给我们对系统开发带来了极大的考验。在系统开发过程中,结合我自身实践,在本项目进度控制方面采取了针对性的措施,包括:合理估算项目工期和工作量,全程实行进度跟踪和评估修正,增强项目透明度控制项目滞后风险等方面讨论了“营区数字化”项目管理的基本活动和方法,有效地控制开发进度,确保项目如期按质量完成。本系统已经稳定上线运行,获得营区首长和广大官兵的一致好评。 阅读全文
posted @ 2013-03-27 11:42 xiangxiong 阅读(975) 评论(1) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2013-01-03 14:50 xiangxiong 阅读(4347) 评论(58) 推荐(10) 编辑
摘要: 我的理想之路 阅读全文
posted @ 2012-11-19 20:49 xiangxiong 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 只会进行一次,包含多项互相关联的任务,并且绩效,时间,成本和范围限制的一项工作。 阅读全文
posted @ 2012-11-17 15:41 xiangxiong 阅读(966) 评论(0) 推荐(0) 编辑
摘要: 某大型企业在全国各城市共有40个左右的分支机构,这些机构已经建设了基于大型关系数据库的信息管理系统,每天负责独立地处理本区域内的业务并实时存储业务数据。 每个机构的数据库服务器从PC Server(最小512M内存)到RISC小型机(最大4GB内存)配置不一,操作系统也不一样,数据库产品类型也不统一。 每个机构平均每天产生约4MB的数据,数据表中包括TEXT字段;每季度一次性产生约100MB的统计和报表数据。 阅读全文
posted @ 2012-10-09 00:12 xiangxiong 阅读(2063) 评论(5) 推荐(2) 编辑
摘要: 凉茶是广东、广西地区的一种由中草药熬制,具有清热去湿等功效的“药茶”。在众多老字号凉茶中,又以王老吉最为著名。王老吉凉茶发明于清道光年间,至今已有175年,被公认为凉茶始祖,有“药茶王”之称。到了近代,王老吉凉茶更随着华人的足迹遍及世界各地。 阅读全文
posted @ 2012-09-20 23:55 xiangxiong 阅读(940) 评论(0) 推荐(0) 编辑
摘要: Http请求上下文(HttpContext对象)是ASP.NET中的重要对象,它包括了ASP.NET在HTTP请求中的大部分对象的信息,如Request,Response,Server,Modules 等对象。HttpContext对象 在ASP.NET应用程序的Http请求的过程各个步骤中保持各个对象之间的联系。HttpContext对象封装了ASP.NET中单个Http请求的所有可用的信息,并在请求处理机制时由HttpRunTime对象实例化 阅读全文
posted @ 2012-09-09 23:08 xiangxiong 阅读(4046) 评论(2) 推荐(2) 编辑
摘要: 单一职责(SRP,Single Responsibility Principle)强调的是职责的分离,在某种程度上对职责的理解,构成了不同类之间耦合关系的设计关键,因此单一职责原则或多或少成为设计过程中一个必须考虑的基础性原则。 阅读全文
posted @ 2012-09-02 15:00 xiangxiong 阅读(2073) 评论(2) 推荐(3) 编辑
摘要: 递归在实际的项目中的应用其实也有很多,比如:无限级联菜单,菜单控制管理,网站栏目设置等等,这些问题对于一个老鸟来讲是一个比较简单的问题,对于一个新手来讲可能要费点神,很容易出现死循环等异常,下面详细讲解一个在项目中经常会碰到的一种递归的方法,递归树型控件。 阅读全文
posted @ 2012-08-30 08:40 xiangxiong 阅读(1980) 评论(4) 推荐(0) 编辑
摘要: 程序员职业发展道路的十种级别 阅读全文
posted @ 2012-08-28 23:51 xiangxiong 阅读(416) 评论(0) 推荐(1) 编辑
摘要: 在园子里看到好多关于在线文件管理系统的文章和源代码,大家实际上达到的目的其实多大同小异,但是采用的实现的方式大有不同。 本人刚好在项目中应用到在线文件管理模块,如实自己开始写了一个Demo,当然也参考了网上高人写的代码,下面介绍我对这个模块实现的思路和实现。 实现思路介绍: 文件对象 FileSystemItem.cs 文件操作管理类 FileSystemManager.cs 界面 Demo.aspx Js jqModal.js 弹出窗口 文件对象 此类对文件对象的属性进行封装。 usingSystem;usingSystem.Collections.Generic;... 阅读全文
posted @ 2012-08-21 21:42 xiangxiong 阅读(1772) 评论(3) 推荐(1) 编辑
摘要: 京东,苏宁有关价格的战争,再次说明零售市场就是残酷无情,弱肉强食的江湖。尽管公司体量远不如人,刘强东还是把这把利刃,刺向正处于业务转型阵期的苏宁。 阅读全文
posted @ 2012-08-18 15:16 xiangxiong 阅读(254) 评论(0) 推荐(0) 编辑
摘要: http://blog.csdn.net/wo13548581625/article/details/7858047 由于代码打不开,请看我的CSDN博客谢谢 应用场景小兵的爷爷,开始着迷于电脑这个新玩意儿,但是老人家面对陌生的屏幕却总是摸不着头脑,各种各样的文件和资料烟花缭乱,老人家不知道如何打开,这可急坏了身为光荣程序员的小兵。为了让爷爷享受高科技带来的便捷与震撼,小兵决定自己开发一个万能程序,用来一键式打开常见的计算机资料,例如文档,图片和影响文件等,只需要安装一个程序就可以免了其他应用文件的管理,并且使用方便,就暂且称之为万能加载器(FileLoader). 功能分析: l自... 阅读全文
posted @ 2012-08-12 12:37 xiangxiong 阅读(932) 评论(0) 推荐(0) 编辑
摘要: 设计模式,门面模式,Nhibernate 阅读全文
posted @ 2012-08-05 15:18 xiangxiong 阅读(4225) 评论(3) 推荐(1) 编辑
摘要: 从事.net工作也有刚好一年多时间,技术走的路子还有很长,主要是从事web开发方面,刚开始想自己总去追求个技术大全,看到什么新的框架,新的技术,就充满想学习的欲望,但是很多时候是力不从心,没有那么多精力和时间,工作上还有很大的压力,记得刚从学校出来的时候,第一份工作正好是参加一个创业公司,研发新的产品,是关于一个行业的IT解决方案,主要有几个系统,设备监控系统,MIS系统,我主要负责MIS系统的开发工作,当时从学校出来一个心高气傲,比较浮躁,当时项目经理的技术水平一般般,以前专门做门户网站的,后来公司的技术总监要求用Nhibernate框架来做,开始还有点畏惧心理,从来没有接触过的这方面的东. 阅读全文
posted @ 2012-08-03 00:05 xiangxiong 阅读(460) 评论(2) 推荐(1) 编辑
摘要: 发布于2012-7-26,来源:物联网世界收录 厂区路灯控制系统设计的目的,一是能够满足正常使用的需要,在夜间车辆、行人通过厂区道路时提供必需的照度,确保安全; 二是节约电能,安装、使用可靠方便,能够延长用电设备及灯具的使用寿命,减少维护费用。传统的厂区照明路灯控制系统一般采用时间控制、光照控制等方式,存在路灯使用寿命短、管理开销大、无法远程监控以及故障维修反应效率低等现象。本文基于物联网技术,并结合微控制器技术,设计了一种无线路灯控制模块,使每一盏路灯都能遥控、遥测和遥信,实现了网络化的路灯智能控制。同时在设计系统时简化了对城市照明路灯的多样化、多色彩等复合功能要求,既能满足厂区夜间照明安全 阅读全文
posted @ 2012-07-26 23:53 xiangxiong 阅读(584) 评论(0) 推荐(0) 编辑
摘要: 已启动DW就弹出这样的提示“以下翻译器没有被装载,由于错误:coldfusion.htm有不正确的设置信息”。而且在打开每一个文件时也会弹出相应的提示。相应的解决办法是:XP/win2003系统下的解决办法是:把“C:\Documents and Settings\Administrator\Application Data\Macromedia\Dreamweaver 8\Configuration”这个目录下的所有文件全部删删除即可.win7系统下的解决办法是:把“C:\Users\你的用户名\AppData\Roaming\Adobe\Dreamweaver CS4\zh_CN\Conf 阅读全文
posted @ 2012-07-24 11:35 xiangxiong 阅读(280) 评论(0) 推荐(0) 编辑
摘要: 微博平台首席架构师杨卫华 新浪科技讯 11月16日下午消息,由新浪微博(http://t.sina.com.cn)(http://t.sina.com.cn)主办的中国首届微博开发者大会在北京举行,这是国内微博行业的首场技术盛宴。作为国内微博市场的绝对领军者,新浪微博将在此次大会上公布一系列针对开发者的扶持政策,以期与第三方开发者联手推动微博行业的整体发展。图为微博平台首席架构师杨卫华演讲。 以下为演讲实录: 大家下午好,在座的大部分都是技术开发者,技术开发者往往对微博这个产品非常关心。最晚的一次,是12点多收到一个邮件说想了解一下微博底层是怎么构架的。很多技术人员对微博的构架非常感兴趣... 阅读全文
posted @ 2012-07-23 22:12 xiangxiong 阅读(429) 评论(0) 推荐(1) 编辑
摘要: 数据库模块设计E-R图 解析: 一个区域对应多个传感器,一个区域对应一个集中器,一个集中器可以对应多个传感器节点。 下一步 环境监测模块的实现 请继续关注 阅读全文
posted @ 2012-07-19 13:02 xiangxiong 阅读(851) 评论(0) 推荐(0) 编辑
摘要: 很多创业者认为把创意变成一个产品或服务非常困难,并且需要大量资金。幸运的是Founder Institute提供了一个创业计划,只需十个步骤和2000美元。1.注册域名和电子邮件:在注册域名时,不仅要注册.com,域名,还要注册.net和.org域名,不然的话以后你要花数千美元才能赎回。预算:$1602.制作一些产品原型:如果你想说明产品的核心功能,你只需要三张可以说明核心创意的关键体验截屏就行。有时你还需要制作实体模型,以便更好地说明产品工作原理。预算:免费3.Logo和公司材料:设计一个漂亮的logo,至少可以让你的公司看上去比较专业。不妨去让专门的设计公司帮你设计logo,准备公司和产品 阅读全文
posted @ 2012-07-15 12:29 xiangxiong 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 什么工作比较有前途?比较有钱途?哪些行业的趋势好?在这个信息不对称的时代,我们常常找不到这些问题的答案,但我们需要答案。“女怕嫁错郎,男怕入错行”,对于求职者来说,这一点似乎更为重要。Adzuna这个在英国被称为“下一代”的分类搜索引擎(主要业务针对求职、买车、住所),曾经做过不少有趣的创新,比如一个“Friend Map”接口,可以让用户看到Facebook上朋友过去一年住过的地方,找到适合自己的住所。而这一次,Adzuna推出了“Market Insight”工具,为英国的求职者提供来自多个部门的薪酬趋势和复合型的职业信息。这些信息是怎样的?为了贴合大家的实际生活,让我们先来看一下英国软件 阅读全文
posted @ 2012-07-13 22:39 xiangxiong 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 很多人都打算或正在创业,但面临着各种各样问题,寻寻觅觅寻不着靠谱的建议。Duck Duck Go创始人、天使投资人Gabriel Weinberg 用一张流程图来介绍创业的整个过程,简单明了,一目了然。好的话别忘了转给你的好友看看。除非注明,本站文章均为原创或编译,转载请注明: 文章来自36氪 阅读全文
posted @ 2012-07-12 16:53 xiangxiong 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 可能你们还没有准备好向世人展示你们的产品,但你们可以先做一些前期工作,先为产品搭建个网站,做好形象工作。我并不是说创业公司都不可以在暗地里开发自己的产品,直到产品成型后才公之于众。但我觉得,如果你已经为你的产品买好域名了,你是时候为你的产品搭建网站了。下边是一些我对对创业公司搭建网站的建议:做好“形象工程”你的网站一开始不一定要在设计风格上与你的产品达到完全吻合,但至少你要向那个方向努力。即使你的网站只是简单的告诉别人,产品即将发布,这仍然有理由让你们搭建一个视觉上带来冲击的网站。让用户能够注册收集网站访客的邮箱是很重要的,网站设计时要把注册这个模块做得显眼一些,让访客一看到就有注册的冲动。定 阅读全文
posted @ 2012-07-12 16:47 xiangxiong 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 导读:国外程序员Douglas Rathbone在开发Windows Phone应用的过程中,通过自身经验与大家分享了8个实用的工具,他表示自己仍在不断探索WP开发技巧,最新消息他将在dzone个人主页上进行更新。1. Silverlight SpySilverlight Spy称得上Windows Phone 开发必备工具之首。其功能类似于Firebug,是一款针对Silverlight的调试工具。Silverlight Spy帮助开发者实时调试App的布局和设计,如果再借助Metro Grid Helper便可利用Metro网格辅助修改。与Firebug类似的是,开发者可以逐层打开树形目录 阅读全文
posted @ 2012-07-11 15:51 xiangxiong 阅读(212) 评论(0) 推荐(0) 编辑
摘要: SliverLight 是微软公司全力打造的一种跨平台,跨浏览器的RIA新技术,SilverLight以XAML为界面呈现语言,支持2D图形,文字,动画,数据双向绑定,控件风格与模板,Linq,WCF,JSON,Socket和跨域访问等高级特性,在最新发布的SliverLight5.0版本中还加入3D功能,支持更多的多媒体格式,丰富的动画效果,滤镜效果,搜索引擎优化,数据绑定增强等,这些新特性使SliverLight 上升到了新的高度,同时以用户带来更优秀的体验。 SliverLight前身“WPF/E” (WPF EveryWhere) ,WPF/E是WPF 的一个子集合,W... 阅读全文
posted @ 2012-07-09 11:35 xiangxiong 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 随着微软、诺基亚在本月内陆续完成Windows Phone7.5系统(Tango,3月21日)和手机(至少3款Lumia手机,3月28日)的中国上市计划。“是否要在Windows Phone平台上开发APP?”被越来越多的ISV和个人开发者提上了日程。那么在向Windows Phone平台进军时,有哪些问题值得我们特别关注呢?笔者分别从Windows Phone市场的现状、成长性、开发成本三个维度进行了一些分析,期望进军Windows Phone市场的开发者们能从中找到自己想要的答案。一、Windows Phone的市场现状Q1、市场存量有多大?A:保守估计,全球的Windows Phone超 阅读全文
posted @ 2012-07-05 01:08 xiangxiong 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 以下文章是在解决客户问题时对二维码的感受,希望能给大家提供一些参考。1问题背景浙江某医药物流有限公司(以下简称:A物流公司)系某有限责任公司控股的全资子公司,现已投入使用的物流中心面积达6万平方米。多年来,A物流公司始终坚持“信息化是现代物流的灵魂”,自行设计开发了ERP、WMS、第三方物流系统、二维条码、办公自动化系统(OA)、物流网站,成功地应用了温湿度自动监测技术、无线射频技术(RF)、电子标签技术、消防安保红外监控报警技术、GPS监控、业务叫号系统等,引进了国际先进的托盘提升机、螺旋输送机、自动分拣系统等自动化物流设施,是一个集药品储存、验收养护、物流加工、装卸搬运、集中配送和信息服. 阅读全文
posted @ 2012-06-29 08:25 xiangxiong 阅读(1456) 评论(0) 推荐(0) 编辑
摘要: 针对不同平台以及跨平台工具的特性,结合对国内外开发者的调查结果,笔者综合评选了8个最受欢迎的引擎或框架,以协助跨平台开发者提高编程效率。1. Cocos2d-xCocos2d是一个开源框架,用于构建2D游戏、演示程序和其他图形界面交互应用等。Cocos2d是iPhone开发中一个非常有用的库,它可以让你在创建自己的iPhone游戏时节省很多的时间。Cocos2d-x则是Cocos2d 的C++移植版,基于C++把Cocos2d的API重写了一遍,使得Cocos2d可以用在不同的平台上。除了一些语法细节上面的差异之外,开发者可以使用几乎一样的API来编写游戏。正由于它是基于C++的,所以可以跨多 阅读全文
posted @ 2012-06-21 12:38 xiangxiong 阅读(1188) 评论(0) 推荐(1) 编辑
摘要: 技术开发人员为什么会无奈苦逼?首先来谈谈为什么要有这篇文章,主要是最近一段时间的亲身经历后的所感。最近我们团队开始在全国范围内开始为很多的企业的项目进行性能调优。接触到了很多不同的人和事情,也看到了很多的现象,趁今天有点空闲时间和大家唠叨一下。每次去IT社区,都在吐槽:说技术人员是多么的苦逼;每次和一些搞技术的朋友聚会,聊的也是大家的生活是多么的苦逼;每次上网看微博,也是充斥着“技术人员苦逼论”…今天谈到这个话题,固然会有很多的不同的意见和想法,我这里这是就从我看到的一些现象和自己的一些思考说说技术人员到底为什么“苦逼”。为什么苦逼?原因一大堆,对于外部的因数,我们很难控制,例如中国的IT国情 阅读全文
posted @ 2012-06-21 12:34 xiangxiong 阅读(267) 评论(1) 推荐(0) 编辑
摘要: http://www.mojoportal.com/bloghttp://umbraco.org/http://www.itlearner.com/article/4306 阅读全文
posted @ 2012-05-31 09:40 xiangxiong 阅读(220) 评论(0) 推荐(0) 编辑
摘要: GetHashCode函数,看了它的名字就知道它会被用在哪里。没错,这个函数一般是在操作HashTable或者Dictionary之类的数据集的时候被调用。每个类型,不管是值类型还是引用类型,都提供这个基本函数,同样也可以像重写ToString或者Equals函数一样去重写它。但是我这里要说的,不建议重写此函数,而且在使用这个函数也需要加倍小心。 Why? 有些人看了我所说的,会产生类似的疑问。我这里要提的一点就是,对于引用类型自带的GetHashCode函数来说,基本上是正确的,但是效率不高;而对于值类型自带的GetHashCode函数而言,基本上是不正确的,即使正确也是效率不高。如果重写类 阅读全文
posted @ 2012-05-25 00:46 xiangxiong 阅读(367) 评论(0) 推荐(0) 编辑
摘要: 你的类型应该有一个顺序关系,以便在集合中描述它们如何存储以及排 序。.Net框架为你提供了两个接口来描述对象的顺序关系:IComparable 和 IComparer。IComparable 为你的类定义了自然顺序,而实现IComparer接口的类 可以描述其它可选的顺序。你可以在实现接口时,定义并实现你自己关系操作符 (<,>,<=,>=),用于避免在运行时默认比较关系的低效问题。这 一原则将讨论如何实现顺序关系,以便.Net框架的核心可以通过你定义的接口对 你的类型进行排序。这样用户可以在些操作上得更好的效率。IComparable接口只有一个方法:CompareT 阅读全文
posted @ 2012-05-24 00:50 xiangxiong 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 目的:1.单点登录,是一个用得很多,也是大家比较常见的登录方式了。我在这里写这篇文章的目的,是因为我的这个单点登录里,用了简单的设计模式。供大家参考。2.这篇文章的附件代码,是完整的单点登录代码。您可以直接下载,嵌入您的系统即可直接使用。这是基于前些文章,部分网友提出的要提供代码下载。所以,我采纳了这个建议,非常感谢各位朋友。配置:在web.config中,需要在<system.web>节点中,添加如下配置: <authentication mode="Forms"> <forms loginUrl="http://user.ccnf 阅读全文
posted @ 2012-05-17 23:02 xiangxiong 阅读(483) 评论(0) 推荐(0) 编辑
摘要: 主要内容1、数据库编程方式的进化2、NH的系统架构一、数据库编程方式的进化在开始介绍NH的系统架构之前,先谈谈我所经历的.net项目组进行数据库编程的方式的变化:过去:主要是调用存储过程,对于比较简单的数据库操作也可直接编写简单的sql语句。现在:由于存储过程难以维护,所以建议尽量采取执行sql语句的方式进行数据库操作。同时,为了让大家更加容易的执行sql语句,还总结出了DAAB之类的数据库操作辅助包。下一步:随着系统的不断增大,之前大量采用sql实现业务逻辑的设计和编码的做法会加大我们项目的维护的难度和成本。而且采取上述方式进行数据库开发的效率非常低,开发人员往往花费大量时间在和数据库打交道 阅读全文
posted @ 2012-05-16 01:34 xiangxiong 阅读(507) 评论(0) 推荐(0) 编辑
摘要: //判断上传文件是否是图片private static bool IsAllowedExtension(FileUpload upfile){string strOldFilePath = "";string strExtension = "";string[] arrExtension = { ".gif", ".jpg", ".bmp", ".png" };if (upfile.PostedFile.FileName != string.Empty){strOldFile 阅读全文
posted @ 2012-05-16 01:08 xiangxiong 阅读(1121) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示