webデザイン wordpress デザイン

webデザインも出来る様になりたい Part.3

Pocket

普段グラフィックデザインをやってるけど、webをやってみたい人向けに書き始めたwebデザインも出来る様になりたいは今回でPart3になります。

前回までの記事

webデザインも出来る様になりたい Part.1

webデザインも出来る様になりたい Part.2

前回から具体的にHTMLの書き方を書いていきましたが、今回からは、さらに詳しく書いていこうと思います。

まずは前回のおさらいです。

上記のHTMLをHTML5の書き方で書いていきました。今回からは、body要素の中味について触れていきます。みなさんが普段目にしているwebサイトは、実際にはこのbody要素の中に書かれたものを見ています。つまり、実際のサイトの内容を書く場所になります。

body要素の中に、普通にテキストを書いてみましょう。そしてこれをwebブラウザで表示するとこんな風に見ることが出来ます。

ここへ見出しを付けてみましょう。

HTMLにおける見出し要素は、<h1></h1>の様にhいくつで表し、これが最大h6まで使う事が出来ます。えっ6つしか見出し使えないの?って思うかもしれませんが、実際に雑誌などの書籍を見てみると分かりますが、ページの大見出し、セクション事の中見出し、記事ごとの小見出しくらいで、あとはコラム要素の中に見出しがあれば更に大、中、小くらいです。これで締めて6つですね。まぁ、そんな感じで使うのが見出し要素になります。ちなみにこの見出し要素は、SEO上ではかなり重要になってきますので、有ると無いでは、まるで違いが出てしまいます。

 

 

大事なのはサイト設計

 

この記事が気に入ったら
いいね ! しよう

Twitter で

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください