HOME | フォントフリー | ホームページ無料素材 | 無料壁紙 | ホームページ無料テンプレート | 無料ホームページ作成 | Javascriptサンプル | 検索エンジン上位表示 | 
無料Wordpressテーマ     無料レンタルサーバー
広告掲載のお問い合わせ

ホームページ作成の手順

ホームページ作成前の下準備
1、作成に必要なソフトについて
2、ホームページを作成する目的
3、データを用意しましょう
4、本サイトで使用する素材の紹介
ホームページのタイトルを決める
1、適切なタイトルの決め方
2、ドメインについて
レイアウトを決めよう
1、イメージを形にしてみましょう
2、サイトマップの作成方法
3、一般的なレイアウトパターン
4、モニターの表示サイズに注意しよう
5、ブラウザの表示に注意しよう
6、作成するページのレイアウトの解説
スタイルシート(CSS)の作成方法
1、全体の枠組みの作成
2、メインメニュー、サイドメニューの設定
3、見出しとリンクの設定
XHTMLの作成方法
1、初期設定を行う
2、ヘッダー、メインメニューの作成
3、メイン、サイドメニュー、フッターの作成
4、メニューページの作成
自分のデザインに変えてみよう
1、画像素材の変更方法
2、無料でロゴやヘッダーを作成する方法
Javascriptを設置してみよう
1、画像を半透明にする方法
2、イメージ写真をフェードで切り替える方法
最後にチェックすべきこと
1、動作確認をしましょう
2、表示の確認を行いましょう
ホームページを公開しよう
1、ホームページを公開する方法
2、検索エンジン対策を行いましょう
ホームページをパワーアップしよう
1、ダウンロードサイトの作成方法
2、便利なタグの紹介
HOME > ホームページをパワーアップしよう > 便利なタグの紹介

ホームページをパワーアップしよう

便利なタグの紹介

このエントリーをはてなブックマークに追加
ここではホームページ作成でぜひ付け加えておきたいタグを紹介します。
様々なタグJavascriptを使ってホームページをパワーアップしましょう!
①デザインとSEO対策の両方で使える便利なタグとは
②文章を読みやすくするのに使えるタグとは
③再訪問者や新規ユーザーを増やすのに便利なタグとは

    実践ですぐに使いたいタグばかりピックアップして紹介します。
    興味のある方は他にも様々なタグがありますので、調べてみて下さい。
                         ホームページ作成で使えるタグをコピーして使えるサンプルで紹介しています>>

ホームページ作成で便利なタグの紹介

強調タグをうまく使いましょう
 <strong>タグと<b>タグを使い分ける
    <strong> 論理的要素として強調したい文字を太字で表現したい場合
    <b>    デザイン的に文字を太字にしたい場合
    検索の対象になってほしい場合にstrongタグを使い、単に文字を太字で強調したい場合は
    bタグを使うというように使いわけましょう。
こちらが<strong>です。 こちらが<b>です。
SEOに効果のあるタグ SEOに効果のあるタグ
<strong>SEOに効果のあるタグ</strong> <b>SEOに効果のあるタグ</b>
    どちらも見た目は同じになります。

 <em>タグと<i>タグを使い分ける。
    <em> 論理的要素として強調したい文字を斜体で表現したい場合
    <i>   デザイン的に文字を斜体にしたい場合
    検索の対象になってほしい場合にemタグを使い、単に文字を斜体にしたい場合は
    iタグを使うというように使いわけましょう。
こちらが<em>です こちらが<i>です
強調タグはSEOに最適 強調タグはSEOに最適
<em>強調タグはSEOに最適</em> <i>強調タグはSEOに最適</i>
       どちらも見た目は同じになります。

  うまくデザインに組み合わせてSEO対策に使いましょう。
  ただし、strongタグもemタグも使いすぎない、使いすぎるとスパム扱いになります。
検索エンジン対策で重要なタグはこちらで紹介しています>>
文章を見やすくするのに使えます
文字の背景に色を付けるタグ  
XHTMLに下記を記入して下さい。
今回は上記のように文字の背景に色を付けるタグ
<span style="background:カラー指定">ここに文字を記入</span>
   ここに文字を記入
記載例   文字の背景を黄色に指定しています。
<span style="background:#ffff00">ここに文字を記入</span>
文字の下に点線を付けるタグ
<span style="border-bottom:1px botted カラー指定">ここに文字を記入する</span>
   ここに文字を記入する
記載例   文字の下に赤の点線を引く指定
<span style="border-bottom:1px botted #ff0000">ここに文字を記入する</span>
再訪問者や新規ユーザー獲得に便利なタグです。
お気に入りに追加するタグ(ブックマーク)
<Form><Input type="button" value="お気に入りに追加する" onClick="javascript:window.external.AddFavorite('http://サイトのURL','あなたのサイトの名前')"></Form>
友達にURLを教えるタグ
  クリックするとお使いのメールソフトが起動します。
  ※これはサンプルですので、送信はできません。
<form action="mailto:@" method="get"><input type="hidden" name="subject" value="サイトの名称">
<input type="hidden" name="body" value="サイトのURL">
<input type="submit" value="URLを友達に教える">
</form>
ホームページ作成で使える小技やテクニックをたくさん紹介しています>>

 【PR】
月額1,050円で本格的なお店のホームページ!
簡単!無料!自分のサイトでダウンロード販売!
無料検索エンジン上位表示補助ツール!LINKopty
ページランク3~5SEOに大変役立つオールドドメイン
無料SEOツール ZERO TOOLSでアクセスアップ!
月額無料のネットショップ機能付きレンタルサーバー
営業・委託販売・SOHO専門!お仕事探し完全無料!

Web作成に便利なサイト

SEO無料ツールの紹介
CGI無料配布サイトの紹介
無料でショッピングサイトを開設
素材が無料で作成できるソフト
無料で使える写真を配布しているサイト
テンプレート無料配布
Flash素材を無料配布しているサイト

PRサイト

SEO対策 アクセスアップ100の技
実践で覚えるスタイルシート作成方法
格安レンタルサーバー比較ランキング
Wordpressテーマ無料ダウンロード
ホームページ作成無料ツールのまとめ
ホームページ作成費用無料!
美少女発見!毎日写真更新dear Girls
美少女写真のdear Girls
Copy Right(C)2011 プロ並みのホームページを作る方法 All rights reserved.