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产品经理的视频和一些笔记。。。。

     

  • 相关阅读:
    使用JDBC连接MySql时出现:The server time zone value '�й���׼ʱ��' is unrecognized or represents more than one time zone. You must configure either the server or JDBC driver (via the serverTimezone configuration
    Mysql Lost connection to MySQL server at ‘reading initial communication packet', system error: 0
    mysql-基本命令
    C# 监听值的变化
    DataGrid样式
    C# 获取当前日期时间
    C# 中生成随机数
    递归和迭代
    PHP 时间转几分几秒
    PHP 根据整数ID,生成唯一字符串
  • 原文地址:https://www.cnblogs.com/yuelingzhi/p/3316419.html
Copyright © 2011-2022 走看看