ホームページ作成の為の準備 | プロと同質のホームページがつくれるようになれちゃう総合マニュアル

プロと同質のホームページがつくれるようになれちゃう総合マニュアル

2012・2013年版の最新!ホームページの作り方!
ホームページ作成ソフト(ホームページビルダーなど)、ホームページ作成を教える学校はもういらない!

プロと同質のホームページがつくれるようになれちゃう総合マニュアル

ホームページ作成前にフォルダ・ファイルを用意する


■STEP1
デスクトップに作業用のフォルダを作成。
任意のフォルダ名で問題ありません。
デスクトップ上で右クリック→新規フォルダ作成→任意の名前

■STEP2
メモ張を開いて下記URLから「まるごと」コピーして貼りつけ、
任意でつくったフォルダの中にindex.html と入力し保存します。
(※index.htmlという名前は任意でなはく、決まりのファイル名です。
現段階ではトップページ用ファイルと認識してください。)
http://discord.xsrv.jp/download/htmlcode.txt

(※注意)
保存する際は文字コードを指定してあげなければなりません。
下の画像を参考にしてください。
プロと同質のホームページがつくれるようになれちゃう総合マニュアル


ここまでいいでしょうか?
僕の場合は、アメブロホームページという作業フォルダ名にしました!
プロと同質のホームページがつくれるようになれちゃう総合マニュアル

とりあえずプレビューしてみましょう!
先ほどつくったファイルをダブルクリックするとブラウザが
立ち上がって表示されますね!


真っ白でしたね!
実はこの状態は大事なことなんです!

あれだけのコードを貼り付けたのに何も映らないんです。

つまり、
貼り付けたコードは、テキスト文として認識せず、
ホームページ用のコードと解釈してくれたんですね!
だから、プレビューした画面には何もうつらないわけです。


文字を表示してみよう


さきほど作ったファイルに何か文字を書き込んで、
プレビューしてみましょう。

※ホームページに反映(表示)させるには
<body>から</body>の中に書き込みます。
プロと同質のホームページがつくれるようになれちゃう総合マニュアル




まとめ

・ファイル名は必ずindex.html
・表示させるときは、<body>から</body>の中に書き込む

短かったですが、本日はこのあたりで。
ありがとうございました!