webプログラミング講座 11日目

今日は、昨日の午前中は復習をしたのですが」、昨日の今日なので以外に覚えていて安心!

午後からの授業は、レスポンシブのことを少し・・・

レスポンシブとは

最近のスマートフォンやタブレットに対応するサイトを適正に表示する事

このレスポンシブはこれから必要なスキルですのでしっかり理解せねば!

なんとなく理解できたかな~という感じです。

 

HTMLファイル

<!DOCTYPE html>
<html lang”ja”>
<head>
<meta charset”=”utf-8″>
<title></title>
<meta name=”author”content”">
<meta name=”description” content=”">
<meta name=”keywords”content”">
<link rel=”stylesheet” href=”01_fluid.css”>
<style></style>
</head>
<body>
<div id=”all”>
<div>
左   左<br>
<img src=”./image/test.jpg”>
</div>
<div>
右   右
</div>
</div>
</body>
</html>

 

CSSファイル

@charset “utf-8″;
#all {
/*width:630px;*/
width:100%;
border:solid 1px red;
overflow:hidden;
}
.left{
font-size:500%;
border: solid 1px gray;
/*width: 300px;*/
width:47.6194%;  /*300/630*/
/*margin: 10px;*/
margin:1.5873%;  /*10/630*/
float: left;
box-sizing: border-box;
}
img{
max-width: 100%;
}
.right{
font-size: 500%;
border: solid 1px gray;
/*width: 300px;*/
width:47.6194%;  /*300/630*/
/*margin: 10px 10px 10px 0;*/
margin:1.5873% 1.5873% 1.5873% 0; /*10/630*/
float: left;
box-sizing: border-box;
}

@media screen and (min-width: 640px){
body{
background:red;
}
}

 

今日の弁当

001

 

今日は、授業終了後、娘と梅田で食事をする約束

娘とデートでした。

娘の案内で少し怪しいい界隈を抜けたところの「ねぎ焼き屋」へ

大阪でネギ焼きと言えば「山本」ですが、その山本をスルーしてカウンターだけのこじんまりした「ネギ焼き屋」でした。

名前を見るのを忘れましたが、美味しかった~

多分、娘との久しぶりの食事で何を食べても美味しかったと思うが・・・

メインのネギ焼きの写真を撮っていませんでした。

001

 

002