ピュアチャ〜ジ

広告代理店のディレクターを辞め、マレーシアに飛び立ちました。ふわふわ生活して、やっぱり収入を上げて豊かに人生にしたい!と思いプログラミング学習を始めました!フリーランスまでの道のりを描くブログです

Webデザイン勉強49日目の成長報告!

こちらのWebサイトは移転しました。


[ピュアチャ〜ジ]

はいどうも〜

 

今日の勉強した内容を記載します〜!

 

 

【カラム構成】

縦に何カラムの構成にしたいか、どういうHPを作成するかによってレイアウトを決める。

ヘッダー、フッダーは固定で中を何カラムにするかを決めます(1〜4)

多段グリッドレイアウト(Pinterest)も流行ってきている。

ユーザビリティを考えて、カラムを決める。

 

【ヘッダータグの位置】

目に見える要素になるため、bodyタグの中に入れる

 

【ナビゲーションタグの位置】

ヘッダータグの中に入れる

 

【カラム数に応じてdivタグを作成】

divタグに異なるidを設定することで、CSSで異なるデコレーションを利用することができる

 

【Webサイトを真ん中に配置する方法】

bodyタグの下にdivタグを配置してくるんでidタグを記述し、CSSタグで指示を出す

 

【sectionタグとarticleタグの違い】

article=それ一つで記事として成立するまとまりのタグ hやp、sectionをまとめる

section=文字をまとめるタグ hやpなど

 

【hタグについて】

sectionタグの中にhタグを入れた際、そのsectionの中では一つ目なのでh1を定義します。

articleの中にh1があっても、sectionタグの中にあるhタグは初めてなのでh1を記述します

 

 

【今日入力したタグ】

f:id:terushi-diary:20191009221817p:plain

f:id:terushi-diary:20191009221833p:plain