positionを使ったレイアウトとphoto shop操作練習
朝の天予報で本日は雨が降るとの予報でしたが外れましたね!
帰り道は暑くて
「アイスが食べたい!!」病になりました(笑)。
本日もpositionを使ったレイアウトの勉強をしました。
● display:inline を使うと横並びに表示ができる
● formにはhやtable要素が入れられる。
もっといろいろ学んだのですが、、、
午後はphoto shopの操作練習をしました。
photo shop初心者操作方法
●写真を編集する際、編集から環境設定にいき単位をpixelに変更すること(web使用際)
●画面下に解像度の記載がみれるのでチェックをする。
●ウィンドウからナビゲーターをだすと自分が今何処を見ているのかが解る。
●ctrl + で大きく表示、ctrl - で小さく表示
●ctrl + A で全選択
●ctrl + T で画像をつかむ
もっと授業内容は濃いのですが、、、ブログに上手く書けなくてスミマセン(涙)
positionを利用したカラムレイアウト
本日はpositionを利用したカラムレイアウトの勉強をしました。
私は覚えが悪く、レイアウトが上手く組めなくて涙ものでした(/_;)
positionとは
•ボックスの配置を相対位置か絶対位置かを指定する
•指定するのは、配置方法(基準位置)
absoluteとは
●絶対位置への配置
relativeとは
●相対的な値
中々理解ができなくてブログもままならないですがもっと真面な内容が書けるよう頑張ります。
<HTML文書構造練習課題>CatCafeのにゃんこ紹介
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<title>cat cafe ikebukuro店</title>
</head>
<body>
<h1>CatCafeのにゃんこ紹介</h1>
<h2">●あたる(白キジトラ・オス)</h2>
<p>目と耳が大きくてすばらしくイケメン。鳴き声もなかなかかわゆい。性格はいたってマイペース。 段ボール箱のかどや柱で爪とぎをするのが大好き。
</p>
<h2>特徴</h2>
<p>大きな目と耳。まがったしっぽ</p>
<h2>性格</h2>
<p>マイペース。</p>
</body>
</html>