でざいんとうぇぶ。|WEB学習

WEBスクール半年間の学習過程

HTML&CSS

9/10|レイアウト / パターン画像

9/10 - 2カラムレイアウト wrapper ← overflow: hidden; を必ず記述 flort:left : fort:right ← 左右に記述 biv id ← レイアウト用biv class ← 記事内等

9/9|ナビゲーション制作

9/9 - ナビゲーション設定 制作ソフト(ai,ps)でナビゲーションを制作し表示させる - ナビゲーション制作 通常ナビゲーションとホバー(選択中)ナビゲーションの制作

9/5-8|ナビゲ-ション製作

9/5 - ナビゲーション設定 下ボーダー制作 矢印画像を貼付ける

9/2|2カラムサイト製作 / 画像加工, ナビゲーション製作

9/2 - 2カラムサイト製作 (カフェ) ナビゲーション製作 ページ内リンクに移動 画像加工 背景レイヤーは、素材を消すのでは無くctrl or alt + Back spaceで塗りつぶす

9/1|HTML,CSS応用まとめ/メニューバー制作

9/1 - 背景画像の横にタイトル記述(位置調整) ボーダー線記述 枠線で囲みボタン制作 段落制作

8/29|HTML,CSS,1カラムサイト修正

/ 29 - コンテンツ部分を枠で囲む <div class=""> ← 指定場所を指示</div>

8/28|CSSページ作成,レイアウト

/ 28 - ページ制作 margin,padding,borderの活用

8/27|CSSヘッダー, 枠線, 1カラムサイト

/27 - headerの文字位置の調整 margin-bottom: ← 下にスペースが空く margin ← 内回りにスペースが出来る

8/26|CSS背景画像とレイアウト

背景画像とレイアウト / 26 - 背景画像を全面に繰り返し配置 背景にパターン画像を敷き詰めるなら body {background: url(img/01.jpg);}

08/25|CSS基礎

CSS基礎 / 25 - CSSの概要と記述 文字サイズと書式の設定 文字色の変更

8/19 ~ 22|HTML基礎

HTML基礎 / 19テキストエディタで制作 HTMLの必須記載事項の記入 <h1>~<p>の理解</p></h1>