
	タイプトップ > 会員サービス > Web スペース（ホームページ開設） > HTMLファイルを作成する（Mac OS）

Web スペース（ホームページ開設）

HTMLファイルを作成する（Mac OS）

例として左図のような「タマの日常」というホームページのトップページを作成します。

※ここでは「mi」を利用した場合のHTMLファイルの作成方法をご案内致します。

STEP 1

※ここではMac OS Xで説明します。

「Finder」をクリック

「アプリケーション」をクリック

「mi」をダブルクリック

STEP 2

「ファイル」をクリック

「新規」を選択

「HTML」をクリック

STEP 3

タグの意味

<HTML>～</HTML>
ドキュメントがHTMLで書かれていることを宣言

<HEAD>～</HEAD>
タイトルや製作者・ドキュメントに関する情報を記述

<BODY>～</BODY>
このタグの間に記述された内容がブラウザに表示される

 
改行する場合に使用

CR（Mac）をクリックしてLF（UNIX）を選択

下記の内容を入力します。

<HTML>
<HEAD>
<TITLE>タマの日常</TITLE>
</HEAD>

<BODY>
タマの日常 
 
私の飼っているタマの日常です。 
 
タマの紹介 
タマの写真ギャラリー 
</BODY>

</HTML>

STEP 4

作成したファイルをHTML形式で保存します。

「ファイル」をクリック

「新規保存」をクリック

STEP 5

「homepage」フォルダに保存します。

「別名で保存」に「index」と入力

「」をクリック（クリックすると

に変わる）

「homepage」フォルダをクリック

「保存」をクリック

STEP 6

作成したhtmlファイルを確認します。

Dockの「safari」をクリック

STEP 7

「ファイル」をクリック

「ファイルを開く」をクリック

STEP 8

「開く」画面が表示されます。

「homepage」フォルダをクリック

「index.html」ファイルをクリック

「開く」をクリック

STEP 9

作成した「index.html」ファイルを開いて左図のようにテキストが表示されているか確認してください。

STEP 10

作成したHTMLファイルに画像を追加していきます。

「homepage」フォルダを開き「ファイル」をクリック

「新規フォルダ」をクリックして新しいフォルダを作成する

画像を保存するフォルダの名前は「image」とします。

STEP 11

使用する画像を「image」フォルダへ保存します。

ここでは画像名は「tama.jpg」とします。

STEP 12

htmlファイルに画像を追加します。

「mi」を起動し「ファイル」をクリック

「開く」をクリック

STEP 13

「homepage」フォルダをクリック

「index.html」をクリック

「開く」をクリック

STEP 14

作成したhtmlファイルに下記の通り記述し追加して上書き保存します。
※記述内容
<IMG SRC="image/tama.jpg">
※追加箇所
タマの日常 の後ろに追加

ここでは画像名は「tama.jpg」とします。

STEP 15

「safari」を起動して「index.html」を開き確認します。

※左図のようなページが表示されます。

以上で「HTMLファイルを作成する（Mac OS）」は終了です。

Windowsをご利用の方は「FTPの設定情報の確認方法」へお進みください。

▲このページの先頭へ戻る