忍者ブログ

ホームページ制作入門

ホームページ制作入門ブログです。

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ホームページ制作の準備 - テキストエディタをダウンロードする。

テキストエディタはホームページを制作する上で必須のソフトです。
無料でも手に入りますので、最初はフリーソフトのテキストエディタで十分かと思います。


テキストエディタの入手方法
①vectorにアクセスします。
②「テキストエディタ」で検索します。
※「TeraPad」「秀丸」「Mery」等が検索されると思います。
※フリーソフト => 無料
※シェアウェア => 有料
③好きなものをひとつダウンロードして、インストールが必要であればインストールしてください。
※個人的には現在「Mery」を使用しています。
※一般的には「TeraPad」が人気かもしれません。
※Manaというテキストエディタ、気になったので今、ダウンロードしてみました。
※有料の場合は、「秀丸」が良いそうです(使ったことありませんが…)。

まぁ、最初は無料のテキストエディタで、多分どれでも問題ないと思います。
PR

ホームページ制作の準備 - FFFTPでsample.htmlをアップロードしてアクセスしてみる。

<strong>サンプルのHTMLを取得する</strong>

<a href="http://www.kwkw.biz/kwinfo/blog_sample.html">こちら</a>を右クリックしてリンク先を保存することで、HTMLのサンプルをダウンロードできます。
<a href="http://www.kwkw.biz/kwinfo/blog_sample.html">サンプルHTML</a>
※普通にクリックすると、HTMLファイルにアクセスすることになるので、ブラウザで開いてしまいます。



または、下記のテキストを「blog_sample.html」というファイル名で保存してください。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="ROBOTS" content="index,follow">
<title>ホームページタイトル</title>
<meta name="description" content="ホームページ説明文">
<meta name="keywords" content="ホームページ,キーワード,カンマ区切りで設定" />
<meta name="author" content="制作者名" />
<meta name="copyright" content="著作権者名" />
<link rel="shortcut icon" href="img/favicon.ico"/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="contents" href="./" title="トップページ名" />
<script type="text/javascript" src="js/javascript.js"></script>
</head>
<body>
<h1>サンプルHTML</h1>
<p>これは、サンプルとして制作したHTMLです。</p>
</body>
</html>


HTMLファイルは、ホームページ制作用のフォルダに保存してください。




<strong>サーバーにアップする</strong>
次に、FFFTPを起動して、
サーバーに接続してください。
※ホスト一覧からサーバーを選択して、接続をクリックすれば、設定が正しければ接続できます。

ダウンロードした「blog_sample.html」を左から右にドラッグ&ドロップすればアップロードされます。
※あるいは矢印(↑)のマークをクリックしてもアップロードできます。



<strong>アップロードしたページを見てみる</strong>
サーバーの管理画面などに表示されるホームページのURLは、トップページのURLです。
例)
http://www.sample.com/
に、「blog_sample.html」をアップロードした場合、
http://www.sample.com/blog_sample.html
にアクセスすることで、ページを確認する事が出来ます。



アクセスしてみて、ページが表示されれば成功です。
※このページは、URLを知っていて、インターネットがつながれば、どこからでも確認する事が出来ます。
※現時点で検索される事はまずありません。

ホームページ制作の準備 - パスワードについて

ホームページを制作し始めると、様々なサイトへ登録する機会が増えてきます。

なので、パスワードなどに関する注意点をいくつか書いておききます。

全部のサイトで共通のパスワードを使用するのは危険です。
パスワードが全て共通だと、ひとつ情報が漏れるだけで、全てのパスワードがバレてしまいます。
サイトごとに変えるのは大変かもしれませんが、なるべくパスワードは変更するようにしてください。
特に、重要なパスワードについては、他のサイトでは使用しない事をオススメします。
※サイト管理者は登録された全ての情報を見る事が可能です!


共有のパソコンには、パスワードを残さない
サイトによってはパスワードを記録するかどうか設定できる場合があります。
また、設定できない場合でも、パスワードの情報が残ってしまう場合があります。
※この場合はキャッシュをクリアすることで情報が消えるハズです。
会社のパソコンなどの他人が使う可能性のあるパソコンにはパスワードを残さないように気をつけてください。


パスワードの保管場所
個人的にはパソコン上にパスワードを記録していくのは危険だと思っています。
専用のメモ帳などに(紙とペンで)記録していった方が安全だと思います。


セキュリティソフトを入れよう
サイトの中には見るだけでウィルスに感染する様な危険なものもあるみたいです。
必ずセキュリティのソフトは入れるようにしましょう
※ウィルスバスターなどは1つ購入すれば、3台まで登録できるようになっています。
場合によっては、インストールの枠が余っている人もいるかも??

ホームページ制作の準備 - FFFTPを設定して接続してみる

FFFTPの設定
①FFFTPを起動します。
②ホスト一覧が開く場合は、とりあえず「閉じる」をクリックしてください。
③左上ツールバーより、「接続」⇒「設定」⇒「マスターパスワードの変更」をクリックして、任意のパスワードを入力してください。
※FFFTP起動時のパスワードになります。
④接続のアイコン(コンセントみたいなアイコン)をクリックしてください。ホスト一覧ウィンドウが開きます。
⑤新規ホストをクリックしてください。
⑥ホストを設定してください。
※ホスト設定名:自分が分かる様に設定する名称ですので、好きな名前を入れてください。
※ホスト名(アドレス):接続先のサーバーの事です(NINJA TOOLSの場合は「FTPサーバ アドレス」の欄の「ftp.~.shinobi.jp」みたいな文字列です)。
※ユーザー名:接続用のユーザー名です。(NINJA TOOLSの場合は「FTPユーザ名」の欄に書かれています)。
※パスワード:接続用のパスワードです。(NINJA TOOLSの場合は「FTPパスワード」の欄に書かれているランダムっぽい文字です)。
※ローカルの初期フォルダ:自分のパソコンの接続時に開くフォルダを指定できます。
※ホストの初期フォルダ:接続時に表示するサーバー側のディレクトリを指定できます。
※その他に、「拡張」「文字コード」「ダイアルアップ」「高度」などのタブについては、サーバーから指定がある場合に設定してください(NINJA TOOLSではそのままで大丈夫です)。



自分のパソコン(ローカル)側の場所について
普通にパソコンを使用していると、「一番上はデスクトップ」だと勘違いしやすいのですが、
実際にデスクトップの位置は

C:\Documents and Settings\ユーザー名\デスクトップ

の様な位置になっています。
※パソコンによって異なります。

FFFTPで上の階層に移動して、迷子にならない様にご注意ください。



実際に上記の説明に沿って、FFFTPを設定してみてください。

ホームページ制作の準備 - NINJA TOOLSでホームページのサービスを追加する

NINJA TOOLSに登録したメールアドレスとパスワードを使ってログインしてください。

NINJA TOOLSには、色々なサービスが用意されています。
管理ページに移動すると、見る事が出来ます。


①管理ページより「忍者ホームページ」の「追加する」をクリックしてください。
②必要事項を入力して「作成する」をクリックしてください。
※「ツールの名前」には、自分が分かりやすいような名前(説明)を入力します。
※アカウントは半角英数字で入力します。アカウントに対して取得できるドメインを選択します。
※この時、他の人とあまり重複しないアカウント名にしておくと、ドメインを選びやすくなります。

以上で、登録が完了です。

次に、ツールに関する情報が必要になりますので、ここで確認しておきましょう。
①NINJA TOOLSの管理ページより、上記⑧で設定した「ツールの名前」をクリックします。
②右上に、ホームページのURLが表示されていると思います。
※クリックしてアクセスしてみると、「サイト準備中」あるいは「ページが見つかりません」などの表示になるかと思います。
③「ツールのページ」の下の方に、「FTP設定」という部分があります(FTP設定は、とても重要な情報です!)


NINJA TOOLSでの無料のレンタルサーバーについてまとめると・・・
・登録メールアドレスとパスワード
・ホームページのURL
・FTPの設定情報
この3つをメモするなどして分かる様にしておくと良いと思います!

カレンダー

05 2026/06 07
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

フリーエリア

最新CM

プロフィール

HN:
No Name Ninja
性別:
非公開

バーコード

ブログ内検索

P R

忍者アナライズ