Webサイトの作り方

Webサイトの作り方
フォルダーを作ろう
•
•
•
•
•
デスクトップを右クリック
「新規作成」をクリック
「フォルダー」をクリック
フォルダー名を自分の名前にする(yamadaなど)
アルファベットの小文字
yamada
最初のページを作ろう
• WORDで自由に文書を作成
（文字や画像など自由に使う）
•
•
•
•
[保存するとき]
「その他の形式」選択
「ファイルの種類」＝Webページ (*htm, *html)
ファイル名＝ index.html（最初のページは必ず）
保存先＝先ほど作ったフォルダー
（「index.files」というフォルダーも自動的に移動する）
yamada
index.files
index.html
2ページ目を作ろう
• WORDで自由に文書を作成
（文字や画像など自由に使う）
•
•
•
•
[保存するとき]
「その他の形式」選択
「ファイルの種類」＝Webページ (*htm, *html)
ファイル名＝ abc.html(任意の小文字アルファベット)
（study.htmlでもsendai.htmlでもOK）
保存先＝先ほど作ったフォルダー
（「abc.files」というフォルダーも自動的に移動する）
yamada
index.files
index.html
abc.files
abc.html
3ページ目を作ろう
• WORDで自由に文書を作成
（文字や画像など自由に使う）
•
•
•
•
[保存するとき]
「その他の形式」選択
「ファイルの種類」＝Webページ (*htm, *html)
ファイル名＝ def.html (任意の小文字アルファベット)
保存先＝先ほど作ったフォルダー
（「def.files」というフォルダーも自動的に移動する）
yamada
index.files
index.html
abc.files
abc.html
def.files
def.html
リンクを設定しよう
• index.htmlファイルを右クリック
• 「編集」をクリックするとWORDで開く
• 文字列(たとえば「abc.htmlへリンク」)を選択
（「abc.html」は各自が記載している文字列）
• 右クリックする
• 「ハイパーリンク」をクリック
• 「現在のフォルダー」で表示されている「abc.html」を
選択して「OK」をクリック
• 3つのファイルをリンクで結び合わせる。
index.html
oooooo
ooooooooo
oooooooooo
ooooooooo
oooooooooo
ooooooooo
abc.htmlへクリック
abc.html
Webサイトを杉浦に送ろう
•
•
•
•
•
Webサイト全体のフォルダーを右クリック
「送る」をクリック
「圧縮(zip形式)フォルダー」をクリック
これでWebサイトのフォルダーが１つになる
このzipファイルをメールで杉浦に送る
圧縮用ソフトを使うこともOK： Lhacaダウンロード
yamada
index.files
index.html
abc.files
abc.html
def.files
def.html
zip
yamada.zip