コピペで作るホームページ作成講座

このサイトは必要なソースをメモ帳に貼り付けていくだけでできるホームページ作成講座です。

はじめての方へ

■姉妹サイト■

謎解きアフィリエイト

このサイトをご利用になる前に、下記項目をご理解のうえご利用下さい。

作成したファイルを保存する場所

まずはあなたのパソコン(ローカル)に、作成したファイルを保存する場所を作ります。
当サイトでは、マイドキュメントにホームページというフォルダを作成し、
その中にファイルを保存することを前提に説明しますので、
初心者の方は同じようにフォルダを用意してください。


作成するファイル

ホームページフォルダの中にページを作成するのですが、
当サイトでは文章の構成をHTMLファイルで、
装飾などはスタイルシートファイルで指定するのを基本にし、
メモ帳で作成していきます。


メモ帳の起動

[スタート][プログラム][アクセサリ]と進むと
メモ帳のアイコンがあると思いますので、それをクリックしてください。
そうするとメモ帳が開きます。


コピー&ペースト

HTMLファイルの雛形のページを例に説明します。

まずは選択ボタンをクリック。
そうするとソースが青く選択されるので、
ポインタを選択部分に移動し、右クリックをしてコピーをクリック。


メモ帳を開いて、再度右クリックして貼り付けをクリック。
うまく貼り付けられたらOKです。


ファイルの保存

メモ帳に貼り付け後、そのまま名前を付けて保存すると、
拡張子が.txtになってしまいます。
HTMLファイルとして保存するには、
拡張子を.htmまたは.htmlとしてください。
※以後HTMLファイルの拡張子は.htmとして説明します。
尚、ファイル名は半角英数字でつけ、トップページはindexとします。




編集の仕方

ファイルの編集は、そのファイルを選択した状態で、右クリックをし、
[アプリケーションから開く][Notepad]で開いてください。
またスタイルシートファイルをクリックすると下記のような表示がでる場合があります。
次回からクリックで開きたい場合はNotepadで開くように関連づけてください。


作成したHTMLファイルの確認

作成したHTMLファイルをクリックして開けば、ブラウザで確認ができます。



BACK HOME