初心者のホームページ作成と家庭教師派遣


  ♪テンプレート1の紹介と【ホームページ作成技術】@♪
トップ No.1 No.2 No.3 No.4 No.5 No.6 No.7 No.8 No.9 No.10 No.11
 

  テンプレートの紹介

テンプレート1の見本
  ←このページのサイドバーはテンプレート8のものです。タイトル画像は自作です。
テンプレート1 《テンプレート見本》コンテンツバーリンクと同じです。 11の下に自作見本があります。     
現在のページ1  テンプレート2  テンプレート3  テンプレート4  テンプレート5  テンプレート6          
テンプレート7  テンプレート8  テンプレート9  テンプレート10  テンプレート11          

自作ホームページで趣味をアピールしたい人に、テンプレートを使用したホームページ作成方法を提供するサイトです。
トップのページ HP教材の紹介 HP作成必要物 HP家庭教師
 

 【ホームページ作成技術】  文字や記号の記載@


文章を記載できます。

 ■文字や記号を記載。

 ●いろいろな文字の表現ができます。

  ◆文字を太くできます。 ¥1000

  ◆文字を斜めにできます。 ¥1000

  ◆文字に下線を入れられます。 ¥1000

  ◆文字に打ち消し線を入れられます。¥1000

  ◆文字黒色で打ち消し線赤色の時 ¥1000

  文字と打ち消し線の色変え 両方赤色の例 ¥1000
  
文字の位置をを右寄せ
  
文字の位置を中央
  
文字の位置を左寄せ
  
  ◆▼■文字を大きくできます。¥1000
  
     ▲▼◆■文字を小さくできます。¥1000
 

 【ホームページ作成技術】  文字や記号の記載A


文章の上下左右の幅を設定できます。

 ■%数値を用いて設定。

 ●行間幅変更設定の例です。 <height100%の時>

 あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わをん
 いろはにほへと ちりぬるを わかよたれそ  つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせすん   色は匂へど 散りぬるを 我が世誰そ 常ならむ 有為の奥山 今日越えて 浅き夢見じ 酔ひもせず
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て

 ●行間幅変更設定の例です。 <height150%の時>

 あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わをん
 いろはにほへと ちりぬるを わかよたれそ  つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせすん   色は匂へど 散りぬるを 我が世誰そ 常ならむ 有為の奥山 今日越えて 浅き夢見じ 酔ひもせず
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て




 ■px数値を用いて設定。

 ●テーブル枠との幅の例です。 <padding=20pxの時>

 あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わをん
 いろはにほへと ちりぬるを わかよたれそ  つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせすん   色は匂へど 散りぬるを 我が世誰そ 常ならむ 有為の奥山 今日越えて 浅き夢見じ 酔ひもせず
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て


 ●テーブル枠との幅の例です。<padding=35pxの時>

 あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わをん
 いろはにほへと ちりぬるを わかよたれそ  つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせすん   色は匂へど 散りぬるを 我が世誰そ 常ならむ 有為の奥山 今日越えて 浅き夢見じ 酔ひもせず
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て
 ■ cellspacing="" cellpadding=""の使い方

 ● cellspacing=""で枠の太さを調整します
 cellspacing="0" cellpadding="0"
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て
 cellspacing="10" cellpadding="0"
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て

 ● cellpadding=""で枠と文字の間隔調整します。
 cellspacing="0" cellpadding="10"
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て
 cellspacing="10" cellpadding="10"
 あめ つち ほし そら やま かは みね たに くも きり むろ こけ ひと いぬ うへ すゑ ゆわ さる おふせよ    天地星空 山川峰谷 雲霧室苔 人犬上末 硫黄猿生ふせよ 榎の枝を馴れ居て
 

 【ホームページ作成技術】  画像の掲載@


いろんな大きさで画像を掲載できます。

 ■画像の掲載 widthで幅を設定 
●width=250の例です。 jpg画像 ●3pxの赤色枠付の例です。 jpg画像

 ■画像を大きく掲載 widthで幅を設定 

 ●width=500 8pxの水色枠付の例です。
jpg画像
 

 【ホームページ作成技術】  画像の掲載A


 こんな画像も掲載できます。


 ■画像の掲載 おもしろい設定 

  ●クリックで画像を大きくします。  画像Vは違う画像がでます。
画像A

jpg画像

画像B

jpg画像

画像C

jpg画像

画像V

jpg画像





Copyright © 2012 ホームページ作成 All rights reserved.
by HPテンプレート myHP 山行記録