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

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

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

目次

免責事項

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

利用規約

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

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

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

※ダウンロードした時点では、画像が表示されなかったり、リンクできないことがありますが、編集することで出来るようになります。

PHPのテンプレート

トップ
スマホ表示
ギャラリー

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

主な特徴

イラストの追加はフォルダに画像を入れるだけ

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

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

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

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


1ページのテンプレート

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


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

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




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

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

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

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

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

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

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

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

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

※テンプレートがおかしい。構文が間違ってるんじゃないかとか、こういうテンプレートが欲しいなどの要望を待っています。ただし、HTMLやCSSについての質問には答えられません。