小さな雑貨店で素敵にひとかせぎ!
        
ホ ー ム サ イ ト マ ッ プ ア フ ィ リ エ イ ト ネ ッ ト シ ョ ッ プ セ レ ク ト シ ョ ッ プ

  

   スポンサードリンク    
        
   


HTML とは HyperText Markup Language の頭文字をとった略語です。
あなたがホームページビルダーを使って雑貨のアフィリエイトショップを制作するうえで、文章やレイアウト、商品画像などを配置したりするための記号のようなものとなります。

最初はまったく見慣れない英字がならべられ違和感がありますが、慣れればかんたんにこの記号でこうなって、ああなっているからここがこうなっているんだな、とわかるようになります。

ビルダーを使えば、この記号をおぼえることなくどんどんあなたの雑貨ショップを作ってゆけますが、ほんのかんたんなHTML記号をプラスするだけで、さまざまなアレンジができ、サイト自体の見栄えもどんどんよくなってゆきます。

わたしのこのサイト 『 小さな雑貨店で素敵にひとかせぎ! 』 もすでに4回ほど全面改装をしています。 HTML がわかってくるとサイトをどんどん改装したくなる欲求にかられてこつこつと空いた時間で楽しみながらやってきました。

このタグを挿入するとこの部分がこんなに変わり、このタグを変更すればこうなるんだと、すぐにデザインがサイトに反映されますから、パズルをやっているようでとても楽しいです。

そこでここでは、初心者の方でもかんたんにあなたのサイトデザインを変えてくれる HTMLタグの基本からさまざまな小技集までをご紹介してゆきますので、おおいに活用してみてください♪

文 字 | テ ー ブ ル | リ ン ク | ウ イ ン ド ウ | フ レ ー ム | その他小技集 |


 ● ページのTOPにもどるボタンを下部に設置する

ページが長くなりスクロールし終わった時に、ページのトップ部分に戻りやすくしてあげるために設置してあげると便利です。

設置方法は、とてもかんたんで、<a name="top"></a> をそのページの先頭上部部分に貼り付け <a href="#top"> このページのトップへもどる</a> を下部の表示させたい箇所に貼り付ければそれだけで完了です。


 ● リンクをボタンで表示する

各ページなどからトップページの戻る時などに、以下のタグを表示させた場所に挿入します。 表示させたい文字は好きに書き換えてください。 http://○○○の部分がリンク先のURLになります。


<Form><Input type="button" value="この部分にお好きな文字" onClick="location.href='http://○○○'"></Form>


 

また、Input type="button" のあとに半角スペースをあけて以下のタグを付け加えるとボタンのデザインをいろいろと変化させることもできます。 #ccffcc が色番になり border-width2 が枠線の太さになりますので1にするともっと細くなり、3にするともう一段太くなります。

   ★ 1番のボタンデザインの追加タグ


Style="background-color:#ccffcc; color:darkred;border-color:#cc0033; border-width:1;"


  

 ★ 2番のボタンデザインの追加タグ


Style=" background-color:#ffcccc; color:#000000; border-style:solid; border-color:#999999; border-width:2;"


  

 ★ 3番のボタンデザインの追加タグ


Style=" color:#ae6000; background-color:#99cccc; border-style:dotted; border-color:#cc0033; border-width:thin;"


 

 ● 背景に設定した画像を固定する

背景に画像を使う場合は、<Body>タグになかに background="" を追加します。
<Body background="○○">となり、○○の部分に画像のアドレスを入れます。
しかし、この場合は画面をスクロールすると背景画像もいっしょに動いてしまいます。

そこでスクロールで画面が移動してもバックの背景画像だけはいっしょに動かないで固定させる方法は以下のタグを HTMLソースページの先頭部分 </Head><Body> のすぐ前に貼り付けます。


<STYLE TYPE="text/css">
<!--
BODY {background-image:url("○○○.gif");background-attachment:fixed;}
-->
</STYLE>


○○○.gif の部分に表示させたい画像のアドレスを貼り付けます。


 ● お気に入りに追加ボタンを設置する


<Form><Input type="button" value="お気に入りに追加" onClick="javascript:window.external.AddFavorite('http://○○','×××')"></Form>


訪問者の方にまたふたたびあなたのサイトへ訪れてもらうために トップページにお気に入り追加ボタンを設置する場合は、サイト内の表示させた箇所に上記のタグを貼り付けます。タグ内のhtt://○○の○○部分があなたのサイトのアドレスとなり、×××がサイト名となりますから、間違わないで記入してください。 


 
 

 ● スタートページするボタンを設置する


<Form><Input type="button" value="あなたのサイト名" onclick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('http://○○○');"></Form>


お気に入りに追加ボタンと同じで、あなたのサイトをスタートページにしてもらうためのボタンを設置するタグになります。 サイト内の表示させた箇所に上記のタグを貼り付けます。先ほどと同様に、○○○の部分があなたのサイトのアドレスとなりますので、間違わないで記入してください。


 



  スポンサードリンク
  



ホームサイトマップサイトマップ雑貨アフィリエイトショップ作成雑貨ネットショップ作成


  お手軽にHPを作る
 ◇ 雑貨ショップを作る
 ◇ ショップの作成手順
 ◇ 簡単ソフトで作る
 ◇ テンプレートで作る
 ◇ ASPのテンプレート
 ◇ テンプレート使用手順
  HPを公開する
 ◇ ドメインとは?
 ◇ レンタルサーバーとは?
 ◇ 独自ドメインの取り方
 ◇ レンタルサーバーと契約
  ASPに登録する1
 ◇ ASPとは?
 ◇ ASPに登録(電脳偏)
 ◇ ASPに登録(楽天偏)
  雑貨ネットショップを作る
 ◇ ショップコンセプトの決定
 ◇ サブドメインで作る
 ◇ 楽天市場から仕入れる
 ◇ 電脳卸から仕入れる
  ネットショップのオープン
 ◇ 商品ソースの貼り付け方
 ◇ HPの転送、最終チェック
 ◇ サブドメイン取得方法
 ◇ サブドメイン設定方法
 ◇ サブドメイン転送方法
  ASPに登録する2
 ◇ その他ASP
 ◇ ネット銀行に口座を開く
 ◇ ASPリスト1
  アクセスアップ方法
 ◇ グーグルに登録する
 ◇ 検索エンジンの登録する
 ◇ アクセスアップ方法
  ページランク対策
 ◇ 相互リンクをする
 ◇ 相互リンクの方法1
 ◇ 相互リンクの方法2
 ◇ 相互リンクの方法3
  売り上げアップ対策
 ◇ キーワード戦略1
 ◇ キーワード戦略2
  アフィリエイト情報館
 ◇ アフィリエイトノウハウ集
 ◇ アフィリエイトQ&A
 ◇ アフィリエイト用語
 ◇ アフィリエイトbook館

  Introduction
 ◇ 雑貨大好きなあなたに
 ◇ 雑貨店とは・・・
 ◇ 雑貨店のオナーになる
  Shop concept
 ◇ お店のコンセプトを決める
 ◇ お店のイメージの具体化
 ◇ ビジネス面からのコンセプト
 ◇ お店の開業予定日を決める
 ◇ おすすめの雑貨ショップ
 ◇ お客を呼び込む雑貨店
  Opening plan
 ◇ お店の出店場所 店舗探し
 ◇ 不動産やめぐり1
 ◇ 不動産やめぐり2
 ◇ 立地条件のチェックポイント
 ◇ お店の立地選定方法
 ◇ 商業施設への出店方法
 ◇ 国内での仕入れ方法
 ◇ メーカーとの取り引き形態
 ◇ 新規メーカーの開拓方法
 ◇ メーカーとの取り引き条件
 ◇ 手作り作家さんからの仕入
 ◇ ギフトショーの利用方法
 ◇ 海外での仕入れ方法
 ◇ 海外仕入れの注意点
 ◇ 海外からの商品運搬方法
 ◇ 店舗の改装方法
 ◇ 格安な手作り内装
 ◇ 店舗什器専門店の利用
 ◇ 専門の業者に依頼する方法
 ◇ 開店までにやっておく準備
 ◇ 必要備品の調達
 ◇ 在庫商品の仕入方法
 ◇ 開業資金の調達方法
 ◇ クレジットカードの扱い
 ◇ フランチャイズへの加盟
 ◇ チャレンジショップに出店
  Shop ranning
 ◇ 毎月の販売目標の作成
 ◇ さまざまなデーターの収集
 ◇ 大切な顧客の管理方法
 ◇ お店スタッフの雇用方法
 ◇ スタッフの募集方法
 ◇ さまざまな開業申請手続き
 ◇ 税金保険関連
 ◇ 雑貨商品の陳列方法




 ◇ ネットショップを開こう!
 ◇ ネットショップの運営費用は?
 ◇ ネットショップの集客方法は?
 ◇ ネットショップができるまで!
 ◇ 雑貨商品の仕入方法
 ◇ 副業での簡単運営方法 1
 ◇ 副業での簡単運営方法 2
 ◇ 商品代金の決済方法を決める
 ◇ 商品の配送方法を決まる


 ◇ 展示会・見本市情報
 ◇ 雑貨店リスト
 ◇ 素敵な雑貨店リスト
 ◇ 雑貨・ビジネス用語集
 ◇ 知っておきたい雑貨用語集




  スポンサードリンク 
  

Copyright(C) 2004〜 1kasegi雑貨店開業ドットコム  All right reserved.
 Produced by : LIGHT PLANING