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

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

  テンプレートの紹介

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

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

  【ホームページ作成技術】 色の表現方法


 記号で色を特定できます。

 ■カラーは英語名とコードで表現。

 ●英語名のカラーネームです。
               
緑色 黄色 赤色 青色 桃色 橙色 紫色 水色
               
金色 銀色 灰色 黒色 白色 茶色 はだ色 黄緑色
 その他にこんな色もカラーネイムで表現できます。
                   

 ●カラーコードの一例です。
               
#7fff7f #ffff7f #ff7f7f #7fbbff #ff7fbf #ffb47f #bf7fff #7ffff4
 
 上記は一例です。カラーコード(#を頭にした#575757、#ffff00等)の使用で
 多くの色を表現できます。
 

  【ホームページ作成技術】 カラー変更・・・文字


文字の色変更できます。

 ■カラーネームやカラーコードで変更。

 ●文字に色をつけた例です。
 文字を赤色に変更 文字を青色に変更 文字を緑色に変更 文字を茶色に変更
 文字を紫色に変更 文字を橙色に変更 文字を水色に変更 文字を灰色に変更

 ●背景を青くした文字の色の例です。
  文字を赤色に変更 文字を白色に変更 文字を緑色に変更 文字を茶色に変更
  文字を橙色に変更 文字を黄色に変更 文字を水色に変更 文字を銀色に変更
 ※文字の色と背景の色を考えて、読みやすい色を選びましょう!
    画像と文字色の相性確認はこちらをどうぞ タイトル画像例
 

  【ホームページ作成技術】 カラー変更A・・・背景や枠


背景や枠の色変更できます。

 ■テーブルの背景や枠、画像の枠の変更。

 ●テーブル枠内の背景の変更例です。
  赤色系のうすい色 .  青色系のうすい色 .  黄色系のうすい色 .  緑色系のうすい色 .
  橙色系のうすい色 .  紫色系のうすい色 .  水色系のうすい色 .  灰色系のうすい色 .

 ●テーブル枠の変更例です。
赤色二重線です
青色二重線です
黄色二重線です
緑色二重線です

 ●画像の枠の変更例です。
枠赤色 jpg画像 枠青色 jpg画像 枠黄色 jpg画像 枠緑色 jpg画像


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