ホームページの作り方その２ [基本]
おはようございます
今日もざっと解説記事を載せていこうかと思いますＰａＰａです
ホームページ作り情報その２です。
前回説明した情報を少し進め、
ネット上におくスペース（サーバ）を確保
の手段の簡単なものを挙げておきます
サーバーをレンタルするのは無料でもできます
１例としては
ninja
http://www.ninja.co.jp/hp/
ここで借りれます。
サーバーレンタル以外のサービスもすべて無料でできますので
、ひとまずユーザー登録だけでもしてみてはいかがでしょう？？
ユーザー登録後、サーバーレンタルの申し込みをすれば、特に
審査もなく登録できます。
その後の作業はまた次回にでも
一回にあんまり多く説明しても把握が大変かと思われますので
はい、あとは前回の続き
作ったindex.htmlを改造しましょう
前回本文に
test
とだけ打ってもらったので、そこに今回改行して、
test
testのページ
と打ってください。
これを保存し、IEで開くと
testtestのページ
と表示されましたね
このように、html上では改行したとしても、
実際にネットで見た場合、それは反映されません。
WEB上で実際に改行されたりするためには、
タグと呼ばれる、ブラウザへの指示のようなものが必要なので
す。（今後何度も出てきますので、この仕組みを覚えてくださ
い）
なので今回は改行を意味する<br>を入れて
test<br>
testのページ
としてください。
これでブラウザで見ても改行されたはずです。
このように<>で囲んだ英字での指示は表示されずに、何か効果
を及ぼすものとなります。
なお、同様にWEBで見るためには、これは、ホームページです
よ、という宣言で本文を囲む必要があります。
これは、
<html> ←ホームページである宣言
<body> ←本文がこの中にある宣言
を毎回つけることが決められています（今は深く考えないでよ
いです）
ひとまずは形式的に必要なんだと
<html>
<body>
test<br>
testのページ
</body>
</html>
として保存しておいてください。
今後さまざまな画面効果等説明していきますので、お楽しみに☆
すでにホームページを作っている人にはまだ必要じゃない情報かもですが、
どうぞもう少しお付き合いください。
次回あたりから徐々にレベル上げていきますので～
今日もざっと解説記事を載せていこうかと思いますＰａＰａです
ホームページ作り情報その２です。
前回説明した情報を少し進め、
ネット上におくスペース（サーバ）を確保
の手段の簡単なものを挙げておきます
サーバーをレンタルするのは無料でもできます
１例としては
ninja
http://www.ninja.co.jp/hp/
ここで借りれます。
サーバーレンタル以外のサービスもすべて無料でできますので
、ひとまずユーザー登録だけでもしてみてはいかがでしょう？？
ユーザー登録後、サーバーレンタルの申し込みをすれば、特に
審査もなく登録できます。
その後の作業はまた次回にでも
一回にあんまり多く説明しても把握が大変かと思われますので
はい、あとは前回の続き
作ったindex.htmlを改造しましょう
前回本文に
test
とだけ打ってもらったので、そこに今回改行して、
test
testのページ
と打ってください。
これを保存し、IEで開くと
testtestのページ
と表示されましたね
このように、html上では改行したとしても、
実際にネットで見た場合、それは反映されません。
WEB上で実際に改行されたりするためには、
タグと呼ばれる、ブラウザへの指示のようなものが必要なので
す。（今後何度も出てきますので、この仕組みを覚えてくださ
い）
なので今回は改行を意味する<br>を入れて
test<br>
testのページ
としてください。
これでブラウザで見ても改行されたはずです。
このように<>で囲んだ英字での指示は表示されずに、何か効果
を及ぼすものとなります。
なお、同様にWEBで見るためには、これは、ホームページです
よ、という宣言で本文を囲む必要があります。
これは、
<html> ←ホームページである宣言
<body> ←本文がこの中にある宣言
を毎回つけることが決められています（今は深く考えないでよ
いです）
ひとまずは形式的に必要なんだと
<html>
<body>
test<br>
testのページ
</body>
</html>
として保存しておいてください。
今後さまざまな画面効果等説明していきますので、お楽しみに☆
すでにホームページを作っている人にはまだ必要じゃない情報かもですが、
どうぞもう少しお付き合いください。
次回あたりから徐々にレベル上げていきますので～
ホームページの作り方その１ [基本]
ホームページの作り方解説基本編第一弾です
ホームページ作りに興味を持ってくださった方のために
特に、本当になんも知識なくても１から作れるよな感じに説明
しますんで、ある程度知ってる人にはどうぞご愛嬌で
・ホームページ作りの基礎
まず、ホームページとは、
１．そのページになるファイルを作り
２．ネット上におくスペース（サーバ）を確保
３．そのスペースにファイルを配置
はい、これだけで、あら不思議、
世界中から見れる自分だけのホームページのできあがりです
サーバの確保の仕方は次回説明するけど
ここではホームページの作り方からまず
ページはなんでもいいです。
まず、メモ帳を開き
本文にただ
test
この１単語を書いて
名前をつけて保存しましょう
ここでは、
index.html
と名づけましょう
これで保存し、保存したファイルをダブルクリックするだけで
、
インターネットエクスプローラが起動し
画面に、
test
と表示されたはずです
これだけでホームページになるのです
基本はこんな単純な仕組みです。
これをいかに作り進めるかてサイト作りは進展します。
んでは、第１回はこんな感じで
ホームページ作りに興味を持ってくださった方のために
特に、本当になんも知識なくても１から作れるよな感じに説明
しますんで、ある程度知ってる人にはどうぞご愛嬌で
・ホームページ作りの基礎
まず、ホームページとは、
１．そのページになるファイルを作り
２．ネット上におくスペース（サーバ）を確保
３．そのスペースにファイルを配置
はい、これだけで、あら不思議、
世界中から見れる自分だけのホームページのできあがりです
サーバの確保の仕方は次回説明するけど
ここではホームページの作り方からまず
ページはなんでもいいです。
まず、メモ帳を開き
本文にただ
test
この１単語を書いて
名前をつけて保存しましょう
ここでは、
index.html
と名づけましょう
これで保存し、保存したファイルをダブルクリックするだけで
、
インターネットエクスプローラが起動し
画面に、
test
と表示されたはずです
これだけでホームページになるのです
基本はこんな単純な仕組みです。
これをいかに作り進めるかてサイト作りは進展します。
んでは、第１回はこんな感じで
ホームページ作成2通り [基本]
こんばんは、
燃えＰａＰａです。
当ブログではホームページ作りの基本を載せると書きましたが、
最近では、主にホームページ作りは2通りありまして、
ひとつは当ブログで紹介しますように、手作りでタグを書いて、
HTMLを作りまして、それをサーバーにアップする方法でして、
これは、HTMLのファイルの作成方法と、サーバーへのアップ方法etcを覚える必要もあり、
ちょっとだけ敷居の高い方法です。
それだけにこちらで解説しているわけですが。
もうひとつは、最近流行りの、オンラインで編集できるホームページのレンタルです。
有名なのは、jimdoさんですが、
まずアカウントを登録しますと、すでにネット上に自分のページがもらえています。
そこで、メニューや、メインとなるページを直接編集し、
自分でタグの知識がなくても、ブログを触るような感覚で編集が可能になっています。
こちらは、難しい知識がいらないこと、また豊富なデザインテンプレートなどが用意されていますので、
初心者でもある程度きれいなホームページが作成できることなどから、
近年人気のサービスになっています。
欠点としては、自身に豊富なプログラミングスキルなどがあっても、
ファイルに直接書き込んで色々動かす、みたいなことはできませんので、ある程度の制限はつくかな、
といったところです。
燃えＰａＰａ
燃えＰａＰａです。
当ブログではホームページ作りの基本を載せると書きましたが、
最近では、主にホームページ作りは2通りありまして、
ひとつは当ブログで紹介しますように、手作りでタグを書いて、
HTMLを作りまして、それをサーバーにアップする方法でして、
これは、HTMLのファイルの作成方法と、サーバーへのアップ方法etcを覚える必要もあり、
ちょっとだけ敷居の高い方法です。
それだけにこちらで解説しているわけですが。
もうひとつは、最近流行りの、オンラインで編集できるホームページのレンタルです。
有名なのは、jimdoさんですが、
まずアカウントを登録しますと、すでにネット上に自分のページがもらえています。
そこで、メニューや、メインとなるページを直接編集し、
自分でタグの知識がなくても、ブログを触るような感覚で編集が可能になっています。
こちらは、難しい知識がいらないこと、また豊富なデザインテンプレートなどが用意されていますので、
初心者でもある程度きれいなホームページが作成できることなどから、
近年人気のサービスになっています。
欠点としては、自身に豊富なプログラミングスキルなどがあっても、
ファイルに直接書き込んで色々動かす、みたいなことはできませんので、ある程度の制限はつくかな、
といったところです。
燃えＰａＰａ
有料エディターの利用も [環境編]
こんばんは、
燃えＰａＰａです。
以前の日記で、
ホームページ作成に、
タグや書き方が完全にわかる人向けに
テキストエディタの
terapad
少し迷う人や、タグや文法の自動修正が欲しい人向けには、
統合開発環境の
Eclipse
などをオススメしてきましたが、
ほとんど詳しくなくて、
また、多少お金をかけても構わない、なんていう方には、
ホームページビルダ
のような、ベンダー製品の
有料のホームページ作成ソフトを使ってみる、
というのもありかと思われます。
実際、有料ソフト、
特にユーザー登録等のあるソフトですと、
何かひっかかった部分、不明点等はサポートに問い合わせたりできますので、
詳しくない人はフリーソフトを使うより安心です。
燃えＰａＰａ
燃えＰａＰａです。
以前の日記で、
ホームページ作成に、
タグや書き方が完全にわかる人向けに
テキストエディタの
terapad
少し迷う人や、タグや文法の自動修正が欲しい人向けには、
統合開発環境の
Eclipse
などをオススメしてきましたが、
ほとんど詳しくなくて、
また、多少お金をかけても構わない、なんていう方には、
ホームページビルダ
のような、ベンダー製品の
有料のホームページ作成ソフトを使ってみる、
というのもありかと思われます。
実際、有料ソフト、
特にユーザー登録等のあるソフトですと、
何かひっかかった部分、不明点等はサポートに問い合わせたりできますので、
詳しくない人はフリーソフトを使うより安心です。
燃えＰａＰａ
HTMLタグリファレンス [基本]
こんばんは、
燃えPaPaです。
ここまで、
基本的なホームページの構成や、
作り方をご説明しておりますが、
すでにタグの説明（titleタグ や bodyタグ の意味）は行っておりますが、
こうした、
htmlタグと呼ばれるものは今後も、
サイトを作っていく上で必要な知識となります。
その場合、
このブログの方で、全部のタグを解説するのは難しく、
当ブログ作者燃えＰａＰａの管理ブログとして、
別途、htmlタグリファレンスも作っておりますので、
よろしければ参考にしてください。
以上、よろしくお願いします。
燃えＰａＰａ
燃えPaPaです。
ここまで、
基本的なホームページの構成や、
作り方をご説明しておりますが、
すでにタグの説明（titleタグ や bodyタグ の意味）は行っておりますが、
こうした、
htmlタグと呼ばれるものは今後も、
サイトを作っていく上で必要な知識となります。
その場合、
このブログの方で、全部のタグを解説するのは難しく、
当ブログ作者燃えＰａＰａの管理ブログとして、
別途、htmlタグリファレンスも作っておりますので、
よろしければ参考にしてください。
以上、よろしくお願いします。
燃えＰａＰａ
