9月28日の学習

授業

学習したこと

  1. CSS
  2. ボックスモデル
    • ボックス構成要素
    • margin，padding

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type"content="text/css">
<meta http-equiv="Content-Script-Type"content="text/javascript">
<title></title>
<style type="text/css">
#container {
    width: 200px;
    margin: 0 auto 0 auto;
}
#header {
    width: 200px;
    height: 25px;
    background-color: #00ff00; 
}
#nav {
    width: 200px;
    height: 20px;
    background-color: #ffff00;
}
#wrapper {
    width: 200px;
}
#sidebar {
    width: 75px; 
    height: 125px;
    background-color: #ffa500;
    float: left;
}
#content {
    width: 125px;
    height: 125px;
    background-color: #ff7f50;
    float: right;
}
#footer {
    width: 200px;
    height: 25px;
    background-color: #adff2f;
    clear: both;
}
</style>
</head>
<body>
<div id="container">
  <div id="header"></div>
  <div id="nav"></div>
<div id="wrapper"></div>
  <div id="content"></div>
  <div id="sidebar"></div>
  <div id="footer"></div>
</div>
</body>
</html>
  • イラストレータ
    • 曲線および曲線を使った簡単なイラストの書き方
    • 直線および曲線を使う際のAlt ，Shiftキーの使い方
    • レイヤーコピーを利用した、簡単な動画