サイトタイトル

更新情報

  • 2009年2月1日
    この最新情報の欄には、サイトの更新情報を書き込んでください。
  • ※RSSのリンクについて
    右下の「当サイトの更新情報をRSSで配信しています」の中のRSSへのリンクには、ダミーで「rss10.xml」というファイル名を割り当てていますが、本番アップ時にはRSS配信を行う際の「RSSフィード」の絶対URL(http://~)に変更してください。
    また、<head></head>にはRSSのタグを挿入するようにしてください。

当サイトの更新情報はRSSフィードでも配信しています。

ご購入ボタンは4種類のボタンをご用意しております。

ご購入はこちら

ご購入はこちら

ご購入はこちら

ご購入はこちら

矢印ボタンを使えば、迫力のある商品説明が可能です。

説明文と説明文との間に下向き矢印1を入れてみます。

下向き矢印1

説明文と説明文との間に下向き矢印2を入れてみます。

下向き矢印2

説明文と説明文との間に下向き矢印3を入れてみます。

下向き矢印3

説明文と説明文との間に下向き矢印4を入れてみます

下向き矢印4

矢印ボタンは上下左右ご用意しました。
PDCAサイクルをイメージした図です。

ここに文章が入ります。

ここに文章が入ります。

横向き矢印1
上向き矢印1
下向き矢印1

ここに文章が入ります。

ここに文章が入ります。

横向き矢印1

文章記述の一例です。

お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。
お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。

お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。
お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。


お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。
お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。

「画像タグ」を使った一例です。

XHTMLの注意点の画像

「alt」の中には画像を説明した文章を入れて下さい。
また、「width」「height」の中には、それぞれ画像の幅と高さを入れます。

「引用タグ」を使った一例です。

引用した文章が入ります。引用した文章が入ります。引用した文章が入ります。引用した文章が入ります。

引用元:京都のSEOコンサルタント松尾のブログ(一例)

引用した際は上記のように「引用元ページへのリンク」も掲載しておきましょう。

「定義タグ」を使った一例です。

賢威テンプレートとは何ですか?

「賢威テンプレート」は、SEO教材「賢威」に付属しているホームページテンプレートの愛称です。
2007年1月から販売開始され、数多くのユーザーが使用しています。

巷のホームページテンプレートには無い「賢威独自の仕組み」を使い、SEOに強いサイト制作をバックアップします。

定義タグの中に画像を入れる方法
ダミー画像 このエリアのように、左に回り込ませることができます。
「fl-l」は「float:left」のことです。

「定義タグ」を使ってエリアを左右に並べてみる

チェックリストには「リストタグ」を使いましょう。

  • 商品の魅力を項目に分けてまとめることで、情報の整理につながる。
  • チェックリストは訪問者の目に付きやすいため、商品の宣伝を的確かつ効果的にできる。
  • チェックリストの画像には、黒・の4種類の色をご用意。
  • チェックリストの色を変えたい時は、デザイン用CSS内のチェックリストの箇所を編集する。
  • チェックリストの画像には、ご自身のオリジナル画像を使うことも可能。

角丸ボックスを作り、中に文章を書く方法

角丸部分には画像を割り当て、主要なブラウザすべてで見えるような角丸を表現しています。
W3Cが2010年勧告予定の「CSS3」では、角丸を簡単に表現できる「border-radius」という設定が追加されるようです。

その他の便利なタグをご紹介します。

この帯は<h3>タグです。

フォントサイズを細かく指定する

  • フォントサイズを「12pt」にすることができます。
  • フォントサイズを「1.2em」にすることができます。

文字列の前にアイコンを付ける(文章が左寄せの際に使用できます)

先頭にこの画像が付いた状態で表示されます。詳しくは「_sample.html」をご覧下さい。

先頭にこの画像が付いた状態で表示されます。詳しくは「_sample.html」をご覧下さい。

矢印付きのリンク文字が挿入できます。

右寄せの矢印付き文字リンクを作ることができます。


左寄せの矢印付き文字リンクを作ることができます。