2007/05/28
団塊の世代でも作れるホームページ【第3回】
=================================================================== 団塊の世代でも作れるホームページ【第3回】 2007/5/28発行 =================================================================== こんにちは。服部です。 前回の「カッコの法則」はご理解いただけましたか？ 細かいことは後回しでよいので、まずは全体像を理解しましょうね。 これから一つ一つ学習していくとホームページが完成するまでに 時間がかかってしまい、モチベーションも上がらないと思うので 今回は、実際に簡単なホームページを作っちゃいましょう。 まずは下記ソースの <html> から </html> までをコピーして 第一回目で用意していただいたテキストエディターに ペースト（貼り付け）して下さい。 ------------------------------------------------------------------- <html> <head> <title>ホームページのタイトルを入力</title> </head> <body> <h1>見出しとなる文章を入力</h1> <p> 好きな文章を入力して下さい。<br> <a href="ここにホームページのアドレスを入力">リンク</a> </p> <table width="200" border="1"> <tr> <td>名前</td> <td>服部 浩尚</td> </tr> <tr> <td>職業</td> <td>クリエイター</td> </tr> </table> </body> </html> ------------------------------------------------------------------- テキストエディターに貼り付けが完了したら、次は保存しましょう。 「ファイル→保存」を選択して下さい。 また、お使いのパソコンによって表記が違うと思いますので下記に 記載しておきます。 【Windows】 ・上書き保存（既存のファイルを上書きします） ・名前を付けて保存（上書きはせずに別のファイルを作ります） 【Mac】 ・保存（既存のファイルを上書きします） ・別名保存（上書きはせずに別のファイルを作ります） どちらのパソコンでも表記が違うだけで意味は同じです。 ただ、気を付けなければいけない点は、上書き保存を選んだ場合、 既存のデータを上書きしてしまうので、既存のデータを残して おきたい場合は必ず名前を付けて保存をしましょう。 次に保存名ですが、必ず半角英字で「index.html」として下さい。 （なぜ、この保存名でないといけないのかは次回に説明します） 保存先はお好きな場所で結構ですが、今回は仮にデスクトップにでも しておきましょう。 では、デスクトップ（またはあなたが指定した場所）に保存した ファイルがあるか確認しましょう。 保存したファイルのアイコンがInternet Explorer等、ブラウザの マークが付いたアイコンになっていれば成功です。 なっていなければどこか手順を間違えていますので再確認して下さい。 あとは、そのファイルをダブルクリックしてみて下さい。 Internet Explorer等のブラウザが立ち上がり、ホームページとして 閲覧できると思います。 これだけだと、私の指示通りに作業しただけになってしまいますから 今度は先ほどコピー＆ペーストしたソースの日本語で打たれた箇所を あなたの好きな文章に打ち変えてみて下さい。 「ここにホームページのアドレスを入力」の部分だけは日本語ではなく http://www.cloppar.com といったアドレスを入力して下さいね。 では、次回からこのソースを使って一つ一つ解説していきたいと 思いますので、それまでにいろいろと遊んでみて下さい。 また、ソースも「カッコの法則」が理解しやすいように記述して ありますので復習もしておいて下さいね。 ------------------------------------------------------------------- 【編集後記】 私は「Podcast」というインターネットラジオも放送しているのですが、 先週、最新版をアップロードしました。 無料ですので、息抜きに一度聴いてみて下さいね♪ 【Radio cloppar】 http://cloppar.seesaa.net/ =================================================================== 【発行者】 STUDIO CLOPPAR 服部 浩尚 【Ｈ Ｐ】 http://www.cloppar.com/ 【ブログ】 http://www.cloppar.com/bizlog/ 【メール】 http://www.cloppar.com/mail/form.html =================================================================== このメールの配信を解除されたい方は下記URLをクリックして下さい。 ※一発解除ですのでご注意ください。 http://regist.mag2.com/reader/Magrddel?id=0000234609&e=webmaster%40cloppar%2ecom ※上記のURLが折り返して２行になっているときは、１行につなげて ブラウザに入力してアクセスしてください。 -------------------------------------------------------------------
