摘要: 之所以叫番外篇,是因为这章是不算在学习进度里面的,这一章理由前面学习的相关知识进行仿造Metro UI进行DIV+CSS的布局练习。本次练习的代码含有js运行效果,所以想要看到完美的效果,请尽量在IE以外的浏览器进行测试。因为是一次普通的练习,所以并没有刻意针对IE做兼容。用IE运行,不影响css效果,但js效果运行会非常的……怎么说啦….反正坑爹就是了。 先看看要达到的效果:额….虽然说是Metro风格有那么一点点牵强,不过细节什么的就不用在意啦….我们来分析一下,像这样的界面要怎么做。首先,我们一眼就可以发现,页面上的DIV数量如果不经过大脑去数的话,为16个…不过因为拼图区域是居中在显. 阅读全文
posted @ 2012-05-25 20:34 Fat-- 阅读(2695) 评论(2) 推荐(2) 编辑
摘要: 昨天学习了div+css的相关基础,用到了margin和float的基础知识,今天将在深入学习这两个知识的同时,学习css盒模型,相对定位,绝对定位的相关基础知识。 首先我们先用昨天的知识来做这么一个东西“两列居中显示”,先看看下面的效果:如图所示,两个div相邻居中显示在页面上,而且不管怎么拖动浏览器,他们始终都是居中的。要达到这种效果,用单独的两个div来实现的话,个人觉得不怎么好做,这个时候我们可以用嵌套的div来实现,html代码如下:html<body> <div id="content"> <div id="left&qu 阅读全文
posted @ 2012-05-24 17:55 Fat-- 阅读(597) 评论(0) 推荐(0) 编辑
摘要: 不知道从什么时候开始,突然想学习前端的相关知识…但是直接上HTML5+CSS3肯定是会杯具….所以本屌只能从html4+css2开始学…..开始苦逼且快乐的前端学习心酸路..(大大们千万别告诉我又走上了另外一条不归路→_→ 今天主要学习了div的基础,div当然是今天主角,但是要使div产生各种不同的布局,我们还需要一些龙套(CSS),今天的龙套主要是这些:width,height,float,margin。 好了,下面我开始正式的学习之旅,对了还有IDE…本着对自己严格要求的原则,笔者使用的是大名鼎鼎Windows文本编辑器!没错…就是windows下默认打开*.txt的软件-。-首先新建. 阅读全文
posted @ 2012-05-21 18:33 Fat-- 阅读(542) 评论(0) 推荐(0) 编辑
摘要: 上一章我们已经将maven集成在eclipse中,并且已经配置nexus搭建的私服为maven的仓库。这一章我们将在eclipse里利用maven建立一个ssh项目。1、在eclipse中新建一个Dynamic Web Project。如果出现该报错信息,请检查你的tomcat是否有安装,并且是否有配置到eclispe里。解决办法是,可以直接从界面上找到New Runtime按钮在弹出的窗口中选择你要添加的服务器类型,笔者这里是选得tomcat6.0然后下一步,会弹出一个新窗口Name代表服务器的名字Tomcate installation directory代表tomcat的安装路径JRE代 阅读全文
posted @ 2012-05-20 18:21 Fat-- 阅读(3981) 评论(0) 推荐(1) 编辑
摘要: 上一章中,我们已经成功安装了nexus,现在我们将在eclipse中集成maven插件,并将nexus配置成maven的仓库。1、安装eclipse的svn插件subeclipse,打开你的eclipse(笔者使用的是eclipse 3.6),依次打开help->Software Updates->Find and instill;如下图:在弹出的窗口中选择第二个单选框,然后下一步:点击右面的New Remote site…按钮,新建一个远程插件更新地址,在弹出的对话框中填写如下内容:Name:subeclipse(名字可以随便填)URL:http://subclipse.tigr 阅读全文
posted @ 2012-05-18 16:52 Fat-- 阅读(1879) 评论(0) 推荐(0) 编辑
摘要: Nexus是Sonatype推出的强大Maven仓库管理器产品,本章将详细介绍Nexus的安装流程及简单的使用方法。如果你不了解maven,请先去google一下。或者点击这里(Maven权威指南中文版.pdf):http://115.com/file/bevh202k#1、请先确认你的操作系统为windows,并且已安装java环境,java下载可以访问官网下载最新版。官方网站:http://www.java.com/zh_CN/115网盘(jdk6.10.exe):http://115.com/file/e7x4b4js# 2、下载最新的Nexus安装包。官方网站:http://www.s 阅读全文
posted @ 2012-05-17 21:40 Fat-- 阅读(1350) 评论(0) 推荐(0) 编辑