 |
 |
サイト作成には必要不可欠なHTMLの知識。しかし実際には５・６個のタグと呼ばれる単語を覚えるだけで、すぐにマスターできてしまうのです！
|
    | ||
 ホームページの仕組み
ホームページがHTMLという言語で書かれているのは分かりましたよね？ それでは実際にどのような仕組みになっているのか覗いてみることにしましょう。 まず今皆さんが見ているブラウザの上部にある『表示』をクリックし『ソース』を選択します。 ※「表示」がない場合は灰色の部分を右クリックし、「メニューバー」をチェックします。   『ゲ！難しそう！自分には絶対にムリ！』な～んて思った方、大丈夫！これはPCサイトのHTMLです。携帯サイトのHTMLはとても単純なので安心して下さい♪ さて、それでは英文に体が拒絶反応を示す前に、いきなり自分でホームページを作ってしまいましょう♪聞いて覚えるよりも試して覚えた方が圧倒的に早いですからね！ ホームページを作ろう ① ホームページの原型
それでは実際にホームページを作ってみましょう。 まずはWindowsのスタートメニューからすべてのプログラム⇒アクセサリと選択してメモ帳を起動させましょう。 携帯サイト作成にはこのメモ帳が必需品となるので起動の仕方をしっかり覚えておいて下さいね。 それではまず始めに『 <html> 』と書きます。必ず半角英数字で入力しましょう。    それでは次にタイトル名の横に『 </title> 』と書きましょう。  それでは続けて『 </head> 』、『 <body> 』、そして『 </body> 』『 </html> 』・・・と続けて写して書いてみましょう。  まぁ深く考えず、ホームページを作る時には必ずこの原型を作ってから内容の作成に取り掛かる、と覚えておけば良いでしょう。 で、肝心のホームページの内容はどこに書けばいいのかと言うと、先ほど書いた『 <body> 』タグの下に記入することになります。 それでは次に進んで実際に内容を書いてみましょう♪ ホームページを作ろう ② 本文を記入する
さて、いよいよホームページの中身の作成に入ります。 それではまずホームページのタイトル名を書いてみましょう。 『あれ？さっきタイトル名を書いたはずでは？』と思った人もいるかもしれませんが、あそこに書いたのはファイルとしてのタイトル名です。なので実際に文字として本文に表示されるわけではありません。なので実際に表示させるタイトル名を今から書くわけです。 では早速<body>のすぐ下に『初めてのホームページ』と書いてみましょう。   では改行を何度か続けたらホームページの説明文を書いてみましょう。『初めて作った携帯向けのホームページです。』などと書いておけばいいと思います。  まずウィンドウの上部にある『ファイル』メニューを押して『名前を付けて保存』をクリックします。 そしてファイル名をここでは半角英数字で『index.html』と入力しましょう。この『.html』とは、HTML形式でファイルを保存しますよ、という意味です。保存する場所はどこでもいいですが、今は分かりやすくデスクトップにしておきましょう。     ホームページを作ろう ③ 文字の装飾
さて、ここではホームページに飾り付けをするのですが、今回紹介するのは文字の飾りつけです。 文字の装飾はとても重要で、見出しの文を大きくして見やすくしたり、色をつけて目立つようにしたりと、ホームページの中で最も重要な装飾と言えますのでしっかりと身につけておきましょう♪ まず文字の装飾には基本的に『 <font> 』というタグを使います。 このタグは万能で、文字の大きさや色などをこの一つのタグで一度に指定することができます。 それではまず先ほど書いたタイトル名の左側に『 <font> 』と入力しましょう。 続けて文の終わりに『 </font> 』を書いてタグを閉めます。  そして先ほどと同じようにファイルを保存して確認すると文字が大きくなっているのが分かると思います。   先ほど入力した『 <font size="6"> 』の右に半角スペースを入力して、 『 <font size="6" color="red"> 』というように入力してみましょう。 正しく入力できたらタイトル名が赤色に変化しているはずです。   さて、みなさんここまで順調に進めたでしょうか？ここまではホームページ作成の基本的な部分なのでしっかり覚えておきましょうね♪ 次はちょっと難しいですが、ページとページをジャンプする『リンク』という方法に挑戦してみましょう。 ⇒ HTMLを覚えよう２へ進む |
現在作成中です♪
| |||||||||||||
HTMLを覚えよう
Copyright © 節約・内職で貯金♪ All Rights Reserved.