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{
            670px;
            border:1px #0000CC solid;
            height:520px;
        }
   div.small1{
            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{
            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{
            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{
            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{
            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{
            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{
            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{
            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{
            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产品经理的视频和一些笔记。。。。

 

原文地址:https://www.cnblogs.com/yuelingzhi/p/3316419.html