HPについて

このページはHP作成技術の解説などという大それたことの為に作ったページではないです^^; ただ偉大なる?パソコン音痴の管理人(GAO)でさえHPを作成出る来ちゃうんだ・・・ ・・・それじゃあたしもチャレンジして見ようかという人を増やす陰謀を心の内に秘めて作成 したページです(内に秘めて無いじゃんwという意見は却下しま〜す
ここを読んでHP作成を始める人が増えたら幸いですm(__)mカシコ

ホームページ作成のきっかけ  

きっかけはネットゲームルナティックドーン第三の書にてネットデビューをした事が大きいです。 今まではゲームの枠内でただゲームをしていただけでしたがこのゲームはちょっと違い色々とPCのことに ついても知らないとならない部分があり徐々にPCについて知るようになる。おまけにルナドン界では PCに詳しいのはもちろんHPについてのプロ?みたいな方が多く・・・そういう方々に背を押されるような 格好で・・・ホムペ作成をすることを決意(2004/5頃・・・多分) 要するに今のGAOがあるのはルナドン界の皆さんのお陰である  カン(-m-)シャ
HPを作成するぞと勇ましい?決意をした所で早速本屋さんにGO〜♪
そこで目に付いた「全部無料でつくるはじめてのホームページ」(翔泳社出版 浅岡省一著 ¥1,780+税) を買う事に♪
早速本を見ながら付録の「HTML Maker AZUKI」をDLして作り始めることに・・・




←これが最初に購入した本でやんす^^
ホムペを作るのに必要な物
○HTMLエディター(実は殆どのPCに装備されてるであろうメモ張だけで出来るがHTMLなどの言語知識が必要)
○画像加工ツール(画像を扱わなければ必要なし)
○HTMLテキストをアップするスペース(有料無料のレンタルスペースが沢山あります)
○サーバーにアップする為のツール(サーバーによっては必要ないところもある)

以上はどれも無料ツールがありますので「窓の杜」「VECTOR」などのサイトでダウンロードできます。
HTMLテキストをアップする無料レンタルスペースも沢山あるので検索してみて下さい^^
GAOの使ってるフリーツール
★HTMLエディター:HTML Maker AZUKI(←サイトを閉鎖されてるようでDL出来ません^^;)、 TTTEDIT
★画像加工ツール:ペイント(PCに標準装備)、JTrimGiam
★レンタルスペース:忍者ツールズ
★サーバーにアップするツール: FFFTP
ホムペを作るとは?
作成を始める以前はホムペの作成ってネットで見てるのと同じ画像のものを作成してアップするのかと 思っておりましたが・・・実は違います。サーバーに上げるのはHTML形式のテキストとそれに付随する 画像(←貼り付けしてる場合)だけが上がっています。みなさんが見ているのは・・・ アクセスしたアドレスのサーバーより読み込んだHTMLテキストを皆さんのパソコンにて起動されてる ブラウザ(インターネットエクスプローラーなど)が命令に従い解釈して表示してるわけです。故に ブラウザによっては書かれている言語の解釈の違いで表示の仕方が変わります。
PDF形式のHPもありますが私は主にHTMLを使っているのでHTMLで話を進めますw。 要するに画像を貼り付ける場合でも文字の大きさ色背景位置などはHTMLという言語を用いて命令するんです。 要するにサーバーに上げるのはこのHTML(他にも言語はありますが)という言語で書かれたテキストなんです。
HTMLとは?
ぶっちゃけ・・・アルファベット(半角英数)と記号の塊ですw。 HTMLのことを以降「タグ」と呼びます。タグは基本的にアルファベットを<>で囲んであります。 アルファベットはそれぞれに決まっておりまして・・・一例を以下にタグと表示効果を書きます♪ ※タグは基本的には<marquee>空白</marquee>(本来は半角英数)の様にワンセットになってる物が多いです。 これは「空白」に対してそのタグの効果が有効ということです。
例:「おはよう<br>ございます♪」と書くと(<br>は改行のタグ)→右欄のように改行して 表示されます。もちろんタグである<br>は表示されません。因みにこの欄は 別のタグでタグの効果を無効にしてあります。 「おはよう
ございます♪」
<font size="2" color="#ff0000">こんにちは</font>♪ これは文字の大きさが”2”で文字色を”赤”にする設定になってます。 因みに<font></font>の外側にある「♪」はサイズと色指定がはずれるため このページそのものに設定されてる色サイズになってます。 こんにちは
<marquee>^▽^)ノ</marquee>これは「^▽^)ノ」がスクロールするタグです。 ほかにも色々命令が付加できます。動き方、スピードなどを変えたりできます。 <marquee scrollamount="10">で速さを変えます。数字が大きい程スピードアップ、 設定しないと"5"位に自動設定されます。 ^▽^)ノ
<img src="exmple-1.jpg" border="0" width="60" height="74"> ほいこれは画像を貼り付けるタグです「exmple-1.jpg」という名前の画像を表示するって事で 「border="0"」は画像の周囲の線の太さが「0」って意味で後は画像の横縦のサイズ指定です 因みにこの画像はHTMLテキストと同じファイルにあるので画像の名前だけでOKですが 別のファイルに画像がある場合は画像の名前の前に「/フォルダー名」が必要になります























ほんの一例ですがタグはまだ沢山あります。・・・なんてことを書くとこれから始めようとする方の意欲を 減退しちゃいそうですが・・・
心配はご無用! なぜなら・・・上記で紹介してるHTMLエディターではすべてタグを手で打つことはありません^^ それぞれのボタンをポチット押すとタグを書き込んでくれます。あとは確認しながら・・・ 一部修正などをしていけば良いのです。簡単ですね(と敢えて言ってみる^^;)。タグも全部憶える 必要もありません。自分的に必要な物だけ徐々に憶えていけばよいだけですから。私も徐々に増やしましたし^^; 私は主に本を読んでHTMLやJavaScriptを使ってますが・・・すこしタグを憶えたらネットで検索するのも お奨めです。色々と解説してくれているところが沢山ありますので・・・そこからコピペしてくるのも良いでしょう^^ これを読んで〜興味を持って始る方がいなさそうではありますが(爆   もし始める方がいらっしゃれば 相談には乗りますので(答えられる範囲でですよ^^;)どぞお気軽にメールでも送りつけてちょ^^
TOPに戻る