MovableTypeオリジナルテンプレートを作ろう

今回からは、スタイルシートを使ったデザイン講座です。

デザインの方法は、CSS（カスケーディング・スタイル・シート）という技法を使います。
つまり、Movable Typeのスタイルシートテンプレートを使うということです。
見栄えは、スタイルシートに記述して、中身（コンテンツ）は、各テンプレートに記述する方法です。

では、最初は、ブログタイトルをスタイルシートを使ってデザインしてみましょう。

ブログのタイトルや説明文をなどを表示するヘッダー部分をデザインしてみましょう。
背景に色をつけたり、枠線で囲ったり、背景画像を使って、見栄えの良いブログを作ってみましょう。

あなたのブログは、中央に表示されていますか？
それとも、左側に寄せて表示していますか？
もしかして、右側に寄せて表示してる？

サイトのコンテンツを中央に表示させる方法を説明します。

ページ全体の背景に画像を表示すると、かなりイメージが変わりますね。
サイトに訪れる人は、数秒であなたのサイトを評価して、次のアクションを起こします。
次のアクションが別のサイトに移動するというにならないためには、第一印象が大事です。

ポータルサイトやショッピングサイトでよく見かけるページの左右に配置されたメニューBOXを作ってみましょう。

このサイトで配布している無料テンプレートでも使ってる付箋紙のような形のタイトルを作る方法を説明します。