ヤンデル通信

ヤンデル編集部によるHPの作り方LV1まろ

あなたが自分のHPを作るとき、必要なものは何だろう？と、きっとあなたは考えるまろ。
あなたがこの文章を見ているなら、既に必要な機材は全てそろっているまろよ！
あとはHTMLの知識が必要になるんまろ。 HTMLっていうのは…　まろにはうまく説明できんまろ
とにかくあなたも今すぐ、HPをつくるまろーー。

　第１章　最初に自分のHPを開設するまろ

実はこのHPはジオシチーズにあるんまろよ

ジオシチーズはHPを作るための12MBの容量を無料でくれるまろ
ジオシチーズで作ったHPには必ず広告が入るまろ
ジオシチーズは広告料が収入源になってることは言うまでもないまろね
ジオシチーズにはHPを作るためのツールが充実してるまろよ。
先ずはジオシチーズへ行って、自分のアドレスをゲットしようね。
ジオシティーズ

①「いますぐジオシチーズに参加」をクリックまろ
②「コミュニティーの一覧を表示」をクリックまろ
③ここで自分のHPの内容にあうコミュニティを選ぶまろ
　でも適当でいいまろよ（たぶん）
④「このコミュニティに住む」をクリックまろ
⑤空家のある住所を探すまろ
⑥「入居者募集中!」を見つけたらクリックまろ
⑦「上記に同意します」をクリックまろ
⑧ジオシティーズ市民登録フォームに必要事項を記入し「登録」
⑨受け付け完了のメールがきたら終わりまろ

　第２章　ホームページ作成ウィザードで基本を作成。

現段階ではまだ自分のHPは作られていないまろよ
ゼロからHPを作るのは素人には不可能まろよ
先ずはジオシチーズのホームページ作成ウィザードを活用するまろ
ホームページ作成ウィザード

①市民IDとパスワード（メールで送られてきているまろ）を入力して
　「送信」をクリックまろ
②必要事項を記入して「送信」まろ
　このとき、最後の選択ボックス「スタイル」は重要まろ
　・かわいいスタイル…　　熊のぬいぐるみな感じまろ
　・ミステリースタイル…　怖い感じまろ
　・さわやかスタイル…　　らくがき帳な感じまろ
　・ガーデンスタイル…　　鉢植えな感じまろ
　・ハイテクスタイル…　　メカニックまろ
③気に入った内容になるまで、何度も作りなおしたほうがいいまろ

第３章　ファイルマネージャで改造してみる。

この段階で既に自分のHPが出来てるまろ、でも自分なりに改造しないと全く意味無いまろよね

ジオシチーズには「ファイルマネージャ」というツールがあるまろよ、これを起動することで、自分用に割り当てられた12MBのディスクに対して自分のパソコンからファイルをアップロードしたりとかあるいは、HTMLファイルの編集をしたりとか、何でもできるまろよ。
先ずはファイルマネージャを起動するまろ。
ファイルマネージャ

①市民IDとパスワード（メールで送られてきているまろ）を入力して
　「送信」をクリックまろ
すると、あなたのHPを作るための12MBのディスクに既に作成されているいくつかのファイルが一覧になって表示されているまろよ、それらのファイルの中でも特に重要なものは
index.htmlファイルなんまろ
このファイルはトップページなんまろよ！。誰かがあなたのHPへ訪れたなら、最初に表示される画面は、このindex.htmlに記載された内容なんまろ。

index.htmlファイルをこれからいじくるんまろ。
でも、その前にこのindex.htmlファイルをバックアップしとくと安心まろ

バックアップの方法は例えば、ファイルマネージャのコピー機能でサーバー上に複製する方法もあるまろが、「編集」で開いて、その内容をカットアンドペーストによりメモ帳に貼りつけて、自分のパソコンに保管するのもありまろよ。やり方は任せるまろ

index.htmlと表示されているすぐ左のチェックボックスをチェックして「編集」ボタンをクリックまろ。
ファイルの内容が表示されたまろね。
でもなんだか意味不明な記号で…いったい何語？と思ったまろね

これがHTML(HyperText Markup Language)、世界共通語なんまろ

とりあえず、最初のページの自己紹介などという恥ずかしい表は消すまろ。
やり方は、

「」というところから、
　　　　　　　　・
　　　　　　　　・
　　　　　　　　・
「」までの長い文章を全部消すまろ

消したら「プレビュー」でどうなったか見るまろ…、どうまろか？
消えたまろね、一安心まろ。

もちろん変更したら保存するまろ「保存」をクリックするとファイルマネージャに戻るまろ。「保存後、編集を継続」ならば、ファイルマネージャに戻らないまろ。

第４章　ハイパーリンクまろ

基本操作は覚えたまろね、
HTMLの沢山あるタグの中で最初に覚えるべきは何まろか？ていうかタグって何まろか？…　説明が難しいまろ、とにかくやってみるまろ、それが一番なんまろ

先ずはハイパーリンクをやってみるまろね。最初のページをいじくり回すもの楽しいけれど、他のページも作ってみたいまろよね。

今のページから別のページへ飛ぶことをハイパーリンクって言うまろよ。別のページは他の誰かが作ったHPでもいいし、自分のHPの別のHTMLファイルでもいいまろ

とうわけで、ファイルマネージャの機能「新規HTMLファイル作成」をクリックするまろ。ここに何でもいいから文章を入力するまろ。例えば…

　　　ハイパーリンクのテストだよーんまろ<br>
　　　この文章は２ページ目に表示されるんまろーん<br>

て感じまろか？そして、ファイル名は「page2.html」ってするまろ、ほんとは何でもいいまろ、でも今はまろの言う通りにするまろよ。

このファイルを保存してファイルマネージャーに戻ったなら次は、index.htmlファイルを「編集」で開くまろよ。んで

「」ていう部分を見つけるまろ。
その文章の上がわに次の文を挿入するといいまろ。

　　　<a href="page2.html">ページ２へ</a><br>

では早速「プレビュー」してほしいまろ、どうまろか？
飛べたまろね。あんたすごいまろよーー！

背景色とか、文字の大きさや色とか書体をいじくることもできるまろ

でも、もう疲れたまろ、勘弁してまろ、今日は寝るまろまた続きを書くまろ、ではごきげんようまろーーー