イラストサイトのテンプレート

このページでは、HTML、CSSの知識がないけど、とにかくイラストを展示できるホームページを作成したい初心者の方のためページです。
なので、サイトのデザインは後回しでまずは作ってみましょう。
デザインは、運営しながらhtml、CSSを勉強して少しずつ作っていけばいいですしね。

ちなみに、HTMLとはホームページを作成する言語のことで、<html><head></head><body></body></html>のような言語で構成されています。 htmlだけでホームページを作成することは出来ますが、細かなデザインをしたい時にCSSという言語を使用します。
今回使用するテンプレートには、CSSも含まれていますので、CSSが分かる人なら編集できます。

免責事項

  • 利用して、何かトラブルがあっても一切責任をもちません。
  • 極力、正しい情報を記載するよう努めていますが、情報が誤っている可能性はございます。ご了承ください。
  • 利用規約は変更をすることがございます。ご了承ください。
  • サポートはしていません。

利用規約

  • 利用はフリーです。
  • 自作発言・無断転載・再配布は禁止です。
  • リンク不要。当サイトのリンクを張って頂けると嬉しいです。
  • アダルトサイト、公序良俗・法令に反するサイト様は利用できません。
  • カスタマイズは自由にしてください。

ランキングサイト

よろしかったら、クリックお願いします。
他の方のホームページテンプレートを探せます。
sozai-Rsozai-R 素材検索専門サイト

テンプレートのダウンロード

早速、テンプレートをダウンロードしましょう。

※ 画像が表示されなかったり、リンクできないことがありますが、編集することで出来るようになります。

PHPのテンプレート
トップ

ギャラリー

スマホ表示

PHPを使ったテンプレートです。
PHPが使えるレンタルサーバで利用してください。

主な特徴

  • イラストの追加はフォルダに画像を入れるだけ
  • 同じファイル名のtxtファイルを入れれば、イラストのタイトル、コメントも追加可能
  • 左側の一覧、右側に画像表示
  • スマホ対応

使い方はこちらを参照してください。

サンプル  ダウンロード

フレームを使ったテンプレート

フレームを使ったテンプレートです。
フレームに対応していないブラウザでは正しく表示されませんが、メニュー等の共通部分をまとめられるのがいいところです。

01 サンプル  ダウンロード

1ページのテンプレート

1ページのみのサイトなので、とても早く完成します。
ただしイラストの下にコメントは入れられません。

01-01 サンプル  ダウンロード

4ページ+画像ページのテンプレート

ホーム、 アバウト、 ギャラリー、 ブログ、 リンクのページに1枚ずつの画像ページがあります。
イラストの下にコメントが入れられます。
以下のファイルどうしなら、style.cssファイルと画像ファイルを入れ替えるだけで、テンプレートを変更できます。

02-01 サンプル  ダウンロード

02-02 サンプル  ダウンロード

圧縮されているので、解凍ソフトが必要です。
「フリーソフト 解凍ソフト」で検索すれば、出てきます。

有名どころとしては+Lhacaです。ここからダウンロードできます。

全てのHTMLファイルの書き換え

さて、テンプレートのダウンロードはできましたか?さっそく変えていきましょう。

ファイル名の後ろがHTMLになっているファイルを右クリックし、「プログラムから開く」にマウスのカーソルをあて、「notepad」または「メモ帳」をクリックします。

イラストテンプレート

ファイルが開いて、文字がいっぱい出てきましたね。
ここで書き換えるのは★印に囲まれている部分です。
<!--■文字-->はコメントで、実際にはホームページには表示されません。

イラストテンプレート

編集が終わったら、index.htmlファイルをダブルクリックして、おかしいところがないかチェックをしましょう。
出来たら、インターネットに公開してくれるサービスがあるので、そこに登録をします。

詳しくは、メニューの「サイトを作る」に載っていますので、参照して下さい。「サイトを作る」へ

これだけは知っておいてほしいHTML言語

<p> 段落のこと。段落の上下に余白がつきます。
<br> 改行のこと。
<div></div> CSSを使用する際に使ったりします。デザインする範囲を決めて、使用するデザインを指定します。間違って消さないように。
<table> テーブル、表のことです。<tr>は1行分です。<td>は、ひとつの項目(セル)です。

※テンプレートがおかしい。構文が間違ってるんじゃないかとか、こういうテンプレートが欲しいなどの要望を待っています。ただし、HTMLやCSSについての質問には答えられません。 「サイトを作る」にホームページ作成講座のおすすめサイトを載せてます。そちらのサイトに分かりやすく説明してあるので、見て頂ければと思います。

 

ページトップへ