Snowpool

webサイトで画像つきリストの作成#13 画像付きリストを作ってみよう を参考に画像つきリストの作成を学習というように ul に classを指定してli でリストを作るli の中で画像を表示するようにするのでとして、画像と説明を追加してい...

webサイトの見出しと本文作成 #12 見出しと本文を作ってみよう を参考にウェブサイトの見出しと本文を作成してCSSでレイアウトを決めるまずは、HTMLの編集のところにというようにコンテンツを追加してのところにというようにサイドバーの内容...

webサイトのメニュー作成#11 メニューを作ってみよう を参考にウェブサイトのメニュー項目の設定を学習HTMLではメニューはリストで表現されるこのため、スタイルを決めるにはulliこの２つをCSS対象にするという項目を作り設定していく#m...

ヘッダーとフッターの作成#10 ヘッダーとフッターを作ろう を参考にウェブサイトのヘッダーとフッターの作成を学習まずはヘッダーの作成これはのところに書くほとんどの場合 h1 で見出しをつける今回は、画像を入れるのでとするフッター部分を作成す...

背景画像と conteiner の設定#09 背景を設定しよう を参考に背景画像と conteiner を設定していくまず背景画像の設定についてこれはhtml{background-image: url('画像ファイル名');}とすることで...

2カラムレイアウトの作成#08 2カラムレイアウトを作ろう を参考にCSSでレイアウトの設定をして2カラムにするこのため、mycss.css を作成し編集まず、#container のところで横幅を指定width:600px;で固定さらに、...

HTML文書構造作成#07 文書の構造を作っていこう を参考に文書構造を作成していくこの文書構造の作成とカラム作成を合わせてテンプレなどが作成できる今回、作成するのは２カラムのサイトになるまず、HTML部分を作成する作成するのは body ...

固定幅での３カラムレイアウト#06 3カラムのレイアウト (固定幅) を参考に固定幅での3カラムレイアウトを作成CSSファイルを編集して配置を設定初期状態のCSSがソースになかったのでメモとりあえず、これを base.cssとしておいて、今...

3カラムレイアウトの作成#05 3カラムのレイアウト (可変幅) を参考に可変の3カラムレイアウトを作成最初にHTMLを編集しておくの中でを追記CSSのファイルは最初の画面にでているような状態にするなら#container{ width:7...