2013.9.12
日子还真快,今天星期四了。周末又来了,来这刚好一个星期了,总体来说,还是学到挺多东西的。
今天上午把昨天的图片分割做出来了,大小刚好合适,虽然我也不懂原理,但是有些小细节还是发现了:
a.一开始加图片的大小默认把图片放大了,接出来的图就不对。
b.图片的大小与方格的尺寸不一致,截出来的图片就达不到自己想要的效果。
c.截图的坐标有点跟自己的逻辑不一样。图片为600x450px,方格1(0,0);方格2(400,0),方格3(200,0),方格4(0,300),方格5(400,300),方格6(200,300),方格7(0,150),方格8(400,150),方格9(200,150),单位为px
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#big{
width:670px;
border:1px #0000CC solid;
height:520px;
}
div.small1{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 0 0;
<!--background-size:600px--><!--一开始加图片的大小默认把图片放大了,接出来的图就不对-->
padding:0;
float:left;
}
div.small2{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 400px 0;
padding:0;
float:left;
}
div.small3{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 200px 0;
background-size:600px;
padding:0;
float:left;
}
div.small4{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 0 300px;
padding:0;
float:left;
}
div.small5{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 400px 300px;
padding:0;
float:left;
}
div.small6{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 200px 300px;
padding:0;
float:left;
}
div.small7{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 0px 150px;
padding:0;
float:left;
}
div.small8{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 400px 150px;
padding:0;
float:left;
}
div.small9{
width:200px;
height:150px;
border:1px #666666 solid;
margin:10px 10px 10px 10px;
background: url(壁纸20130911215154.bmp) repeat scroll 200px 150px;
padding:0;
float:left;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>画格</title>
</head>
<body>
<div id="big">
<div class="small1">1</div>
<div class="small2">2</div>
<div class="small3">3</div>
<div class="small4"></div>
<div class="small5"></div>
<div class="small6"></div>
<div class="small7"></div>
<div class="small8"></div>
<div class="small9"></div>
</div>
</body>
</html>
今天下午发现我酱油了;老大下来了最近的任务:
1. 了解和熟悉微信解决方案这一行业
1)产品功能:请筛选几类代表性的解决方案,如商城、等给出详细调研
2)竞争对手了解 (如 微信海、微应用等,需要他们的产品,独特功能等的调研)
3)竞争对手的优势/劣势 (总结他们的优势和劣势)
4)我们的优势/劣势 (总结我们的优势和劣势)
2. vfangan网站文案:突出我们的优势
依据1、2的总结,写出我们的文案。
3. 学习产品经理的资料课程 => 目标:对产品形态有把握
参考课程:http://www.duobei.com/course/4646376686
注:
1. 调研需要文档化
2. 调研可以放产品截图等,直观,便于其他人了解了解
3. 可以和我或者其他成员讨论
挺有压力的毕竟没有做过,也不知道自己是否可以拿下。于是今天下午就浏览了一遍about产品经理的视频和一些笔记。。。。