はじめて個人サイトを作る人のための、HTMLテンプレート一式です。
ダウンロードして中身を書き換えるだけで、サイトの形になります。
無料・改変自由・報告不要です。
これは何か
「サイトを作りたいけれど、何から手を付ければいいか分からない」という段階の人に向けて作りました。
サービスを使わず、自分でファイルを置くタイプの、いわゆる古い形の個人サイトです。
中身は普通のHTMLとCSSだけです。特別な仕組みは何も入っていません。
そのぶん、レンタルサーバーに置けばそのまま動きますし、あとから好きに作り替えられます。
コードの中には日本語のコメントを入れてあります。
「ここが文字色」「ここがフォント」「ここがリンクの下線」といった具合に、触りたくなりそうな場所には印を付けてあるので、HTMLを書いたことがなくても、真似をしていくうちに分かるようになると思います。
入っているもの
この図を見て嫌になる人へ。開くと普通のフォルダで、中身がとっ散らからないように整頓されているだけです。
サンプルのページが最初から入っているので、「フォルダをどう分けるか」「ファイル名をどう付けるか」を、説明ではなく実物で見られるようになっています。
とりあえず動くものが手元にあると、どこを変えたら何が変わるかを試しながら覚えられます。
まるごと消して作り直しても構いません。
タグ一覧について
同梱の tag.html は、書いている最中に開いておくための控えです。
ダウンロードしなくても、こちらから同じものが読めます。
「改行はどう書くんだったか」「区切り線を入れたい」「ふりがなを振りたい」といった時に、コードと実際の表示が並べてあるので、コピーボタンを押して貼り付けるだけで使えます。
リンクが切れる原因のほとんどである相対パス（../ の数え方）も、図で説明してあります。
使い方
01 ダウンロードして解凍する
フォルダが出てきます。まずは index.html をダブルクリックして、ブラウザで開いてみてください。サイトの形が表示されます。
02 中身を書き換える
メモ帳などのテキストエディタでHTMLを開き、「あなたのサイト名」などの部分を自分のものに書き換えます。保存してブラウザを再読み込みすれば、すぐに反映されます。
03 サーバーにアップする
レンタルサーバを契約して、FTPソフトなどでフォルダの中身をまるごと送ります。これでインターネット上に公開されます。
02までは自分のパソコンの中だけで完結します。
サーバを借りるのは、納得のいく形になってからで構いません。
入っていないもの
以下は、あえて外してあります。必要な方はご自身で追加してください。
・favicon（タブに出る小さいアイコン）
・OGP（SNSにリンクを貼った時に出るカード）
・robots.txt（検索エンジンへの指示）
・パスワード制限などの非公開設定
・アクセス解析、拍手、カウンターなどの外部ツール
特に robots.txt と非公開設定については、
「検索に載せたいか、載せたくないか」「どこまでを誰に見せるか」が人によって大きく違います。
こちらで決め打ちにするより、ご自身で調べて判断していただいた方が安全だと考えました。
利用について
・個人・非商用の範囲で自由にお使いください
・改変自由です。原型をとどめなくても構いません
・使用報告、クレジット表記、リンクはいずれも不要です
・テンプレートそのものの再配布・販売はご遠慮ください
・このテンプレートを使ったことで生じた不具合について、責任は負いかねます
ジャンルは問いません。二次創作でも一次創作でも、創作以外のサイトでも構いません。
が、違法サイトは禁じます。
更新履歴
260727 公開
分からないところや、うまく動かないところがあれば、お知らせいただければ、可能な範囲で直します。
htmlはテンプレを触って壊して唸ってる内になんとなく動くものです。
困ったら世間一般のAIにファイルを投げたら多分、叱らずに何とかしてくれるでしょう。
