zoukankan      html  css  js  c++  java
  • 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产品经理的视频和一些笔记。。。。

     

  • 相关阅读:
    Wampserver主机服务配置方法
    工作记录
    Shell教程
    简单教程
    java笔记
    四轴飞行器
    ace文档
    马尔科夫模型参考
    电子书搜索
    免费电子书
  • 原文地址:https://www.cnblogs.com/yuelingzhi/p/3316419.html
Copyright © 2011-2022 走看看