ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■





四葉このブログ、どんな内容? 四葉



$ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性普通
ホームページ作成初挑戦!の中学生「せい君」と

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通
ホームページを作るのが大好き!な「お姉さん」(年齢不詳)による、



「Windows付属のメモ帳で、

サイトを作れるようになろう!講座」
です。



$ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性おー
難しいことはキライ! 英語も苦手!!

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にこ
分かった、分かった。順番に、ちょっとずつ頑張っていこうね!





四葉目次はコチラ
。順番に見ていただくことをオススメします。四葉
Amebaでブログを始めよう!

3)どんなホームページを作るか、考えよう。

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 せい君、何してるの?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 ゲームー。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性おー お。格闘ゲーム。ゲームオーバーになったら、ゲームおしまいね。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性おー へへーんだ!ぼく強いもんね!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にやり なーんて、調子こいて よそ見してたら‥‥


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性驚 え? あーーー!!!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にやり キレイに大技をもらったね~。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性怒 ええーーーーー!!??? あのタイミングで超必が来る!?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性おー ほらほら、今日もホームページ作っていくよー。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性えー ぶーー。はーい。


-----------------------------------------------------

 ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 せい君は、どんなホームページが作りたいの?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 かーーーっこいいページ!!
ロボットが右上にいて、左下には、電車!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 ‥‥それ、内容は?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性? 内容って?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 ロボットと電車だったら、
「せい君の好きなものを紹介する」ホームページ?
おもちゃの名前と値段と遊び方紹介とか?

それとも、旅行先で撮った、電車の写真集のページかな?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性悩 んん? なにも考えてないよ?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性困 何も考えてないの!?
それじゃ、どんなページを作っていけばいいのか、分からないよ。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性驚 えーーー! じゃあ、どうすればいい?


-----------------------------------------------------
四葉 どんなホームページを作るのか、計画を立てましょう。 四葉


趣味のページ、生活のページ、お仕事のページ、勉強のページなどなど、
たくさんのホームページが存在します。


もっと具体的に言うと、

・旅行先で撮った写真を掲載するページ
・手作りのアクセサリーや、バッグなどを発表するページ
・毎日の食事のページ(外食した料理の写真、今日のレシピなど)
・育児日記
・闘病日記


さらに専門的だと、

・居酒屋だけを紹介するページ
・ペットのしつけ方法を紹介
・美容方法紹介

などなど、

あなたが作りたいページのテーマを決めましょう。


「最初に『料理のレシピ』って決めたけど、
旅行の写真も載せたい‥‥」
と思ったら、

「写真」のコーナーを増やして、載せればいいだけですから、
深く考えなくても大丈夫です。


まず、最初にどんなページが作りたいか、
内容を考えてみましょう。


ただし、やってはいけないことがあります。


・自分以外が写っている写真を、許可を取らずに掲載する
 (芸能人の写真も、NGです)

・人が描いたイラストや、人が作った音楽などを、勝手に掲載する

・中傷する

・犯罪行為や、犯罪行為を後押しするような情報を掲載


ホームページは、日本だけでなく、
世界中に公開されるものです。

「バレナイ、バレナイ」と思っていても、バレます。


特に、街で芸能人を見かけて、携帯電話で写真を撮って、
みんなに「見て、見て!○○がいたの!!」と報告したい気持ちは分かりますが、

本人の許可を取らずに、
勝手にホームページ(ブログを含みます)に掲載しては いけません。


訴えられてしまいます。


写真に写っているのが、友達だったとしても、
友達に「ホームページに載せていいか」聞いてください。

繰り返しますが、ホームページは、世界中に公開されます。
友達が嫌がるようなら、掲載しないようにしましょう。


人が描いたイラストや、人が作った音楽もそうです。
『必ず』、事前に許可が必要です。


ちなみに、流行の曲をホームページで流したい!
と思うかもしれませんが、そういうものは「JASRAC」が管理しています。
ホームページで使用するには、使用料がかかります。

歌詞を掲載するだけでも、ダメです。


-----------------------------------------------------
ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 せい君、どんなページにするか決まった?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性困 うーーん、どうしようーーー。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 お姉さんは決めたよ。
じゃあ、今回は、こんなページを作ってみようか。


↓クリックで、実際の見本ページが表示されます。
(あくまでも見本ページなので、これ以上の更新はありません&日記は、リンクをつないでいません)
ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-完成見本


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性えー えー!かっこよくない!
もっとかっこいいページがいい!!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性怒 うるさいわね!(笑)
ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性えー いきなりかっこいいページなんて、
作るのが難しくて、途中でイヤになっちゃうでしょ!

だから、まずはこういうページを作って練習するの!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性えー ぶー!ぶー!!
これ作れるようになったら、かっこいいページも作れる?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 いきなりはムリかもしれないけど、
これが かっこいいページへの第一歩だよ!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 じゃあ、やる!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 それじゃ、次回から、実際にパソコンを触っていこうね。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 やっと?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にやり やっと。

-----------------------------------------------------

四葉 本日のまとめ 四葉


作りたいページの内容を考えよう。

-----------------------------------------------------

2)ホームページを作るのに、何が必要? <前 | 次>次回更新です。

-----------------------------------------------------
ここまで読んでいただき、ありがとうございます!

2)ホームページを作るのに、何が必要?

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 お姉さん、さっそく ホームページの作り方を教えて!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 せい君、やる気だね。

じゃあ、作り始める前に‥‥、せい君は、どのくらい準備できてるの?



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性? 準備?準備ってなに?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 じゃあ、そこから説明していくね。



四葉 ホームページを作るのに、何が必要? 四葉


1.パソコン

2.インターネット回線

3.ブラウザ

4.ホームページ作成ソフト(あれば)



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性混乱 お姉さん!! いきなりよく分からないよ!!

ブラウザって何? 作成ソフトって何??


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 ブラウザっていうのはね、今、せい君が見てる画面のことだよ。



四葉 ブラウザ 四葉

ホームページを見るためのソフトです。


これには、たくさんの種類があり、

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-IE

↑この表示がされていれば、「Internet Explorer」という「ブラウザ」
 通称、IE と呼ばれます。
 青い「 e 」 のマークです。



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-Firefox

↑この表示がされていれば、「Firefox」という「ブラウザ」です。



他にも、Opera、Safari、Google Chromeなど、
たくさんの種類があります。


どれを使ってもOKですが、今は「ブラウザ」という言葉を覚えておいてください。



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 ホームページ作成ソフトはねえ‥‥。

これもたくさんあるんだけど、
せい君は、まだ買ってないのね?



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性? 何も買ってないよ? 簡単にできると思ってたもん。

え、買わなきゃだめなの?



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にこ ダメじゃないよ。

Windowsに最初からついてる「メモ帳」、
Macなら「シンプルテキスト」や「テキストエディット」でもできるよ。

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性悩 でもね、ちょっと難しくなるんだ。



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性驚 えー!難しいのはイヤ!!



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にやり 言うと思った(笑)

うーん‥‥。でも、メモ帳で基礎的なページが作れるようになると、
ソフトを買ったあとにも、便利なんだよね。

ソフトを使っても、上手く動いてくれなくて、
結局、手動でやらなきゃいけないことも出てくるものなんだ。

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性おー よし、今回は、ソフトを使わないで、
メモ帳でホームページを作ってみよう!

これができるようになると、すごいぞ!



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性えー えー!! 難しいんでしょ!?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にこ 難しいことは、出来る限りカットして説明していくよ。

途中で難しかったら、教えてね。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性えー うーん、分かった。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にこ じゃあ、次回から、頑張ろうね!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 うん!



※他にも、いろいろと必要なものはありますが、
一度に説明すると混乱を招きますので、
必要な時に説明をしていきます。

パソコンとインターネット接続費用以外には、
お金がかからない方法でご案内していきます。


-----------------------------------------------------

四葉 ホームページ作成に最初に必要なもの まとめ 四葉

1.パソコン(基本的にWindowsでご案内します)

2.インターネット回線

3.ブラウザ

-----------------------------------------------------

  このブログってなあに?&キャラクター紹介 <前 | 次>どんなホームページを作るか、考えよう。

-----------------------------------------------------
ここまで読んでいただいて、ありがとうございます!

1)このブログってなあに?&キャラクター紹介

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性悩 うーーーん?

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 セイ君、どうしたの?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性えー あ、お姉さん。あのね、ぼくホームページを作ってみたいなと思って!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 スゴイじゃない!!もう作り始めてるの?



ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性悩 ううん。それが‥‥


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性泣 作り方が全然わかんないんだよー!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 あー、なるほど。じゃあ、私と一緒に作ってみる?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性おー え? お姉さん、ホームページ作れるの?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にこ 作れるよー。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 教えて!!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にこ よっし、おまかせ!


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性困 でもね。ぼく、難しいのはキライ。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性にやり おっとー(笑) でも、難しいのは、私もキライ。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 ほんと!?


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性普通 ほんと。じゃあ、ゆっくり楽しんで作って行こうね。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 うん!


-----------------------------------------------------

四葉 キャラクター紹介 四葉

ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-男性笑 せい君

中学生の男の子。

ホームページを見るのは好きだけど、作るのは初めて。

英語キライ、難しいことキライ。


ホームページが作りたい!タグ?HTML?なにそれ?■PC講師によるサイト作成講座■-女性笑 お姉さん

年齢不詳のお姉さん。

ホームページ作成は、長年の経験あり。
タグ打ちもDreamweaverもCSSも一通りあつかえる。

こっちも、やっぱり英語が苦手。


-----------------------------------------------------
次>ホームページを作るのに、何が必要?

-----------------------------------------------------
ここまで読んでいただいて、ありがとうございます!