Home > TagScript > テンプレートを作成する際に役に立つhtml、css表現

テンプレートを作成する際に役に立つhtml、css表現

新規作成日 2020-03-24
最終更新日

テンプレートのhtmlフレームを作成する

いわゆる「空のhtmlページ」と呼ばれるものです。この空のページに、部品を追加してテンプレートを作成します。

グローバルメニュー

グローバルメニューは、サイト内の別のカテゴリーに移動するためのリンクです。 通常、サイト内のすべてのページに配置され利用されるので、デザイン上、大きな意味を持ちます。

グローバルメニューのデザインは、パソコンから閲覧する場合だけでなく、スマホなどの携帯端末から閲覧する場合を考えてデザインする必要があります。

パンくずリスト

カテゴリー階層のリンクを並べていくだけのものですが、検索エンジンに優しい(おそらくサイト訪問者にも)サイトを目指すには、設置は必須です。 まずは、基本的なデザインを利用しておき、適時デザインを変更していく方針で問題ありません。

リンクを作成する

Webサイトでは、それぞのページをリンクで繋ぐことができます。インターネットをブラウズする際、URLをキーボードから入力することは、ほとんどなく、ページ内に配置されたリンクを使ってそれぞれのページを移動します。

カラム・レイアウトを導入する

表示するブラウザのウィンドウ幅に対応して表示を変えるレスポンシブWebデザインに対応したカラムデザインをhtml、css表記で、実現します。