短時間で出来る!超簡単無料ホームページ作成講座

超簡単無料HP作成講座
サンプルホームページ
無料HPスペース入手!
⇒ 無料会員へ登録
⇒ 無料HPスペース申請
無料HP作成講座 - 編集1
⇒ HPを編集しよう!
⇒ 編集できるページは?
無料HP作成講座 - 編集2
⇒ 全体の雰囲気を決めよう
⇒ フリー画像素材 - 素材画像
HTMLタグ - 基本タグ
⇒ 太文字、文字色、見出し...
HTMLタグ - 文字レイアウトタグ
⇒ 中央寄せ、文字移動...
HTMLタグ - リンクと画像
⇒ 画像アップロード、リンク...
■ 便利なスクリプト集 ■
全体の色編集
Popup Message

超簡単無料ホームページ作成 - 時間がない初心者向け簡単ホームページ作成支援

デザイン編集用画像素材一覧(※470KB)

ホームページデザインの編集には、色を見ながらデザインを変更できるスクリプトを併用すると楽にデザインが決められます。私が画像素材の一覧を作ったので、好きな画像を効果的に探すことができますよ。

■背景素材一覧■

背景素材の一覧表に、3色(白色、灰色、黒色)の文字も書いておきましたので見やすい文字を選んで使用して下さい。同系色だと見にくくなるので注意が必要です。チェック柄は以外と見やすいですよ(^o^;

 Test Test Testレンガ(黒色)
 Test Test Testレンガ(赤色)
 Test Test Testレンガ(白色)
 Test Test Testレンガ(黄色)
 Test Test Test毛糸のチェック柄(黒色)
 Test Test Test毛糸のチェック柄(青色)
 Test Test Test毛糸のチェック柄(緑色)
 Test Test Test毛糸のチェック柄(赤色)
 Test Test Test毛糸のチェック柄(紫色)
 Test Test Test毛糸のチェック柄(水色)
 Test Test Test毛糸のチェック柄(白色)
 Test Test Test毛糸のチェック柄(黄色)
 Test Test Test布地(黄土色)
 Test Test Test布地(灰色)
 Test Test Test布地(銀色)
 Test Test Test布地(緑色)
 Test Test Test布地(赤色)
 Test Test Test布地(紫色)
 Test Test Test布地(水色)
 Test Test Test布地(白色)
 Test Test Test布地(黒色)
 Test Test Test布地(青色)
 Test Test Test窪み(黒色)
 Test Test Test窪み(緑色)
 Test Test Test窪み(赤色)
 Test Test Test窪み(紫色)
 Test Test Test窪み(水色)
 Test Test Test窪み(黄色)
 Test Test Test画面左に青色ライン(白色)
 Test Test Test画面左に緑色ライン(白色)
 Test Test Test画面左に赤色ライン(白色)
 Test Test Test画面左に水色ライン(白色)
 Test Test Test砂地(黒色)
 Test Test Test砂地(青色)
 Test Test Test砂地(紺色)
 Test Test Test砂地(緑色)
 Test Test Test砂地(灰色)
 Test Test Test砂地(黄緑色)
 Test Test Test砂地(褐色)
 Test Test Test砂地(赤色)
 Test Test Test砂地(紫色)
 Test Test Test砂地(水色)
 Test Test Test砂地(白色)
 Test Test Test砂地(黄色)
 Test Test Testくすんだ空(褐色)
 Test Test Test青空(水色)
 Test Test Test若草模様(緑色)
 Test Test Test水面模様(水色)
 Test Test Test星空(黒色)
 Test Test Test星空(白色)
 Test Test Test星空(黄色)
 Test Test Test大理石(黒色)
 Test Test Test大理石(青色)
 Test Test Test大理石(黄土色)
 Test Test Test大理石(白色)
 Test Test Test町のイメージ(黒色)
 Test Test Testキーボードのイメージ(黒色)
 Test Test Testタワーのイメージ(黒色)
 Test Test Test[F]チェック:レッド
 Test Test Test[F]チェック:ピンク
 Test Test Test[F]チェック:ピンク(薄)
 Test Test Test[F]チェック:イエロー
 Test Test Test[F]チェック:グリーン
 Test Test Test[F]チェック:ブルー
 Test Test Test[F]チェック:ライトブルー
 Test Test Test[F]チェック:水色(薄)
 Test Test Test[F]チェック:パープル(薄)
 Test Test Test[F]チェック:パープル
 Test Test Test[F]ストライプ:ピンク
 Test Test Test[F]ストライプ:オレンジ
 Test Test Test[F]ストライプ:イエロー
 Test Test Test[F]ストライプ:ライトブルー
 Test Test Test[F]ストライプ:グリーン
 Test Test Test[F]ストライプ:ブルー
 Test Test Test[F]ストライプ:ライトパープル
 Test Test Test[F]ストライプ:パープル
 Test Test Test[F]ストライプ:グレー

ボタン素材一覧

ボタン素材の一覧表です。画像が1個ないのは仕様なのかな?

Circle 丸(黒色)
Circle 丸(緑色)
Circle 丸(赤色)
Circle 丸(紫色)
Circle 丸(水色)
Circle 丸(白色)
Circle 丸(黄色)
Triangle 三角(黒色)
Triangle 三角(青色)
Triangle 三角(緑色)
Triangle 三角(赤色)
Triangle 三角(紫色)
Triangle 三角(黄色)
Square 四角(黒色)
Square 四角(青色)
Square 四角(緑色)
Square 四角(赤色)
Square 四角(紫色)
Square 四角(白色)
Square 四角(黄色)
Circle [F]丸:ピンク
Circle [F]丸:レッド
Circle [F]丸:オレンジ
Circle [F]丸:イエロー
Circle [F]丸:ライトグリーン
Circle [F]丸:グリーン
Circle [F]丸:ライトブルー
Circle [F]丸:ブルー
Circle [F]丸:パープル
Square [F]四角:ピンク
Square [F]四角:レッド
Square [F]四角:オレンジ
Square [F]四角:イエロー
Square [F]四角:ライトグリーン
Square [F]四角:グリーン
Square [F]四角:ライトブルー
Square [F]四角:ブルー
Square [F]四角:パープル
Heart [F]ハート:ピンク
Heart [F]ハート:レッド
Heart [F]ハート:オレンジ
Heart [F]ハート:イエロー
Heart [F]ハート:ライトグリーン
Heart [F]ハート:グリーン
Heart [F]ハート:ライトブルー
Heart [F]ハート:ブルー
Heart [F]ハート:パープル
Star [F]星:ピンク
Star [F]星:レッド
Star [F]星:オレンジ
Star [F]星:イエロー
Star [F]星:ライトグリーン
Star [F]星:グリーン
Star [F]星:ライトブルー
Star [F]星:ブルー
Star [F]星:パープル

ライン素材一覧

ライン素材の一覧表です。縦を「1」にすれば水平線になります。

Line
細/端が四角/非常に細い線(緑色)
Line
細/端が四角/非常に細い線(水色)
Line
細/端が四角/非常に細い線(青色)
Line
細/端が四角/非常に細い線(白色)
Line
細/端が四角/非常に細い線(黄色)
Line
細/端が丸い/真中が盛上る(黒色)
Line
細/端が丸い/真中が盛上る(青色)
Line
細/端が丸い/真中が盛上る(緑色)
Line
細/端が丸い/真中が盛上る(赤色)
Line
細/端が丸い/真中が盛上る(紫色)
Line
細/端が丸い/真中が盛上る(水色)
Line
細/端が丸い/真中が盛上る(白色)
Line
細/端が丸い/真中が盛上る(黄色)
Line
細/端が四角/途中で色が変化(緑色)
Line
細/端が四角/途中で色が変化(赤色)
Line
細/端が四角/途中で色が変化(紫色)
Line
細/端が四角/途中で色が変化(水色)
Line
細/端が四角/途中で色が変化(黄色)
Line
細/端が丸い/小丸が連なる(黒色)
Line
細/端が丸い/小丸が連なる(紫色)
Line
細/端が丸い/小丸が連なる(白色)
Line
細/端が丸い/小丸が連なる(黄色)
Line
太/端が四角/立体感がある(黒色)
Line
太/端が四角/立体感がある(青色)
Line
太/端が四角/立体感がある(緑色)
Line
太/端が四角/立体感がある(赤色)
Line
太/端が四角/立体感がある(水色)
Line
太/端が四角/立体感がある(白色)
Line
太/端が四角/立体感がある(黄色)
Line
太/端が四角/大理石模様(青色)
Line
太/端が四角/大理石模様(緑色)
Line
太/端が四角/大理石模様(赤色)
Line
太/端が四角/大理石模様(紫色)
Line
太/端が四角/虹色
Line
太/端が丸い/表面がかすれる(青色)
Line
太/端が丸い/表面がかすれる(緑色)
Line
太/端が丸い/表面がかすれる(赤色)
Line
太/端が丸い/表面がかすれる(紫色)
Line
太/端が丸い/表面がかすれる(水色)
Line
太/端が丸い/表面がかすれる(黄色)
Line
太/端が尖る/中に柄があり(青色)
Line
太/端が尖る/中に柄があり(褐色)
Line
太/端が尖る/中に柄があり(緑色)
Line
太/端が尖る/中に柄があり(赤色)

ホームページ編集3

次章からはホームページデザインをしていきますよ。ちょっとだけ難しくなるかな?マイホームページを持つためにもファイルだよ!