https://do.gt-gt.org/how-to-make-my-site/今はSNSでも気軽に作品を公開できる時代ですが、個人サイトには個人サイトの魅力があります。これから初めてサイトを作る方・作りたいと思っている方も少なくないでしょう。そこで、初めての方でも迷わずサイトを作れるように、HTMLテンプレートを使ってサイトを制作する場合の、サーバーを借りてから公開するまでの手順をまとめました。サイトを作る方法はこの記事で紹介するもの以外にも、主に2つあります。サイトの作り方を難易度別で3つ紹介!カンタンお手軽な方法からガッツリ制作まで!2000年ごろは、個人でサイトを持つには知識が必要で、ハードルの高いことでした。今はいろいろなサービスやプログラムの登場で、htmlの書けない素人でも綺麗なサイトを作ることもできます。これから創作・同人サイトを持ちたい人に向けて、サイトの作り方を3つとそれぞれの特徴を紹介します。個人サイトを作りたい!HTMLテンプレートとWordPress、どっちで作ればいい?HTMLテンプレートとWordPressの特徴や利点を比較し、個人サイト制作での選び方を丁寧に解説した記事です。知識に応じて、自分に合った制作方法を選ぶポイントがわかりやすく紹介されています。サーバーをレンタルしようまずはサーバーがなければ何も始まりません。無料のサービスもありますので、とりあえずサーバーを借りてみましょう。そもそもサーバーって?サーバーとは、インターネット上の土地のようなものです。新しくお店を開いたり、家を建てたりするには土地が必要ですよね。それと同じで、ネット上にサイトを公開するにはまずサーバーを確保する必要があります。あるように、サーバーにも「容量」「使えるプログラム」「利用料金(無料のものもあります)」など、いろいろな特色があります。創作・同人サイトで使えそうなサーバーをまとめた記事がありますので、参考にしてください。趣味で創作・同人サイトを持ちたい人向けに、サーバーの特徴をサービスごとに比較しながら紹介します。無料サーバー(スターサーバーフリー、XREA、FC2ホームページ)、有料サーバー(ロリポップ!、リトルサーバー、Just-Size.Networks、さくらのレンタルサーバ、ColorfulBox)。試しにファイルをアップロードしてみようサーバーを借りたら、まず試しに自分でHTMLファイルを作り、アップロードしてみましょう。パソコンに付属のメモ帳アプリを開き、適当な文字列を打ち込んで、「index.html」という名前で保存して下さい。訪問者がサイトにアクセスしたとき、最初に参照されるのがindex.htmlです。「http://xxx.xxx.jp/」というURLへジャンプしたときに表示されるページは、「http://xxx.xxx.jp/index.html」と同じで、アドレスの「index.html」の部分が省略して表示されています。これはインターネット上で共通のルールなので、必ず「index.html」と名付けたファイルをトップページとして作りましょう。サイト内に「index.html」がない場合、セキュリティ上の問題が出てくる場合もあります。iPadアプリ「Textastic」で打ち込んでいます保存したら、それをサーバーにアップロードします。レンタルサーバーサービスでは、管理画面にログインすると「FTPアップロード」とか「ファイルマネージャ」みたいな名前で、サーバー上にファイルをアップロードするツールが用意されています。ここは、サービスによって違うので、分からなければ「サーバー名+ファイルアップロード」などで検索し、調べてみてください。アップロードしたら、自分のサイトに割り当てられたアドレスに、ブラウザからアクセスしてみてください。index.htmlに打ち込んだ文字列が表示されていたらOKです。サイト作りの第一歩ですこんな感じで、HTMLファイルを編集してサイトを作っていくわけですが、ただ文字列を打ち込んでいくだけではサイトは形になりません。HTMLというマークアップ言語のルールに沿って制作しなければ、ただ黒い文字が羅列しているだけの味気ないサイトになってしまうのです。いって、素人がいきなりHTMLの書き方を勉強しようとすると、きれいなサイトを作れるようにまでに多大な時間がかかってしまいます。そこで登場するのがHTMLテンプレートです。HTMLファイル一式を用意しようHTMLテンプレートとは、あらかじめ完成形として整えられたHTMLファイル一式のことです。デザインが出来上がっているので、HTML言語の使い方をよく知らない素人でも、サイト名や文章を自分で差し替えるだけで、さほど時間をかけずにオリジナルのサイトを作ることができます。テンプレートは当サイトでも配布していますし、他にもテンプレート配布サイトがいくつかあります。どれを使うべきというのはないので、デザインが好みのものを探してみてください!【2022年版】個人の創作・同人サイト制作に役立つ無料htmlテンプレートサイト8選(+2)2022年の個人の創作・同人サイトにも使いやすそうなhtmlテンプレート配布サイトをまとめました。選定基準は以下の通り。(1)利用無料(2)利用規約・デザインが、創作・同人サイトに利用しやすい(3)デザイン・仕様が古すぎない(4)レスポンシブ対応(5)今後も継続更新が見込まれる少しアドバイスするなら、慣れないうちは複雑なデザインのものは避けるのが無難です。当サイトでいうと「深海」は、パララックスという機能をつけるためにいろいろと作り込んでいるため、初心者のうちは触らないほうがいいかも。アニメーションが少なく、シンプル・ベーシックなデザインのテンプレートから始めましょう。お気に入りのテンプレートが見つかったら、必要な箇所を編集し、自分のサイトとして仕上げていきます。テンプレート編集の方法とコツは、以下にまとめています。HTML/CSS初心者のためのテンプレートの使い方この記事では、HTMLを触るのが初めてな方でもサイトが作れるよう、最低限の基礎知識から解説していきます。目標は「とりあえずhtmlテンプレートを編集できるようになること」なので、詳しい解説などは飛ばしていきます。編集中のHTMLファイルは、サーバーにアップロードしなくても、動作をブラウザから確認することができます。確認したいHTMLファイルを右クリック>開く>ブラウザを選択すると、お使いのブラウザで実際の表示を確認することができます。ファイルをサーバーにアップロードしなくてもブラウザ表示が確認できますミスを防ぐため、少しずつ確認しながら編集を進めていきましょう。さあ、テンプレートの編集が終われば、もう公開は目前です。張り切っていきましょう!サーバーへアップロードしようサイトが形になったら、いよいよサーバーへアップロードします。大量のファイルをアップロードするときは、サーバーの管理画面からではなく、専用のツールを使ってアップロードすることをオススメします。OSDNFileZillaの日本語情報サイトです。Client)と、Windows向けの高...無料で使える有名なソフトがFFFTP、FileZillaです。私はFFFTPを使っています。サーバーの管理画面からサーバー名やパスワードを確認し、これらのソフトに入力設定すれば、ローカルフォルダからファイルを一括でアップロードできるようになります。詳しい使い方は各自で調べてみてください。アップロードが完了したら、早速ブラウザからサイトにアクセスしてみましょう!意図した通りに表示されていれば、サイト作りは終了です。あとはコンテンツが増やし、サイトを更新していきましょう。やったね!おわりに慣れないうちは大変ですが、サイト作りはとても楽しく、取り組みがいのある趣味です。お気に入りの飲み物でもそばに用意して、もくもくと取り組んでみてください。分からないことがあったり、どこかでつまづいたときは、GoogleやYahoo!などの検索エンジンに頼ってみましょう。検索エンジンは情報の宝庫ですので、きっと解決策が見つかるはず。サーバーまわりの質問にはお応えできませんが、テンプレート編集に関する質問であれば、当サイトでも受け付けています。困ったときはご活用ください。ヘルプテンプレートやプログラムを設置・編集するにあたり、困ったことがある場合は以下をご参照ください。[...]あなたのサイト作りが楽しいものになりますように!この記事を書いた人ガタガタこのサイトと、このサイトの掲載記事のほとんどと、このサイトで配布しているプログラムやテンプレートのすべてを作った人。絵を描いたり、文章を書いたりして暮らしています。46役に立ったらクリックお願いします!クリック後、コメントを送信できます。個人が趣味でつくる創作・同人サイトを支援するサイト。個人サイト制作に役立つ初心者向けの知識から、WEB制作に慣れてきた中級者向けのノウハウまで幅広く発信。個人サイト制作に役立つプログラムやHTMLテンプレート、てがろぐ用スキンなどを無料配布。