ホームページ作成キングホームページを公開する

お世話様です。

パンチングアートの魅力

カテゴリ

ホームページ作成したら公開をするには？

ホームページ公開まで

ページの準備

フォルダの作成

ホームページテンプレート

トップページ用

無料ホームページを使ってみる

利用方法

FTPを入手する

入手からアップロードまで

- PR -

ホームページを公開する | トラックバック(-) | CM(0)

まず最初にスタートからマイドキュメント開き、新しいフォルダを作成するをクリックし名前をホームページと付けて下さい（自分で分かれば名前は何でもOK)。次に今まで作成していたサンプルページをそのまま使う場合にはsample.htmlをindex.htmlと変更します（新規作成する場合にもindex.htmlとします）。マイドキュメントにあるindex.htmlはドラッグしてホームページフォルダの中にいれておきます

index.htmlを編集する場合には、マイドキュメント～ホームページフォルダをダブルクリック～indexファイルを右クリック～プログラムから開く～Notepadを選択すると、indexファイルのメモ帳が開きますのでそこで編集をします

ホームページファイルの中にgazouフォルダも作成しておきましょう。ホームページに表示させる画像を保存する場所です

gazouフォルダに画像を保存するには、画像の上で右クリックし、名前を付けて画像を保存を選択します

保存する場所はホームページフォルダの中のgazouフォルダを開き、そこに保存します。ファイル名は自分で分かるような名前を付けましょう

ホームページを公開する | トラックバック(-) | CM(0)

トップページ用テンプレート

トップページ用テンプレートを作成してみました。
下記をコピー～貼り付けで変更などをして試して下さい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>簡単作成ホームページ</title>
</head>

<body bgcolor="EEE8AA" text="black" link="blue" vlink="purple" alink="red">
<p> </p>
<table border="1" align="center" bgcolor="yellow" width="501" cellspacing="0" bordercolordark="white" bordercolorlight="black">
    <tr>
        <td width="491" height="75" align="center" bgcolor="yellow"><b><font color="#3300FF"><span style="font-size:28pt;">簡単作成ホームページ</span></font></b></td>
    </tr>
</table>
<p> </p>
<table border="1" align="center" bgcolor="white" width="651" cellspacing="0" bordercolordark="white" bordercolorlight="black">
    <tr>
        <td width="126" height="37" align="center" valign="middle" bgcolor="#FFFF99">リンク１</td>
        <td width="126" height="37" align="center" valign="middle" bgcolor="#FFFF99">リンク２</td>
        <td width="126" height="37" align="center" valign="middle" bgcolor="#FFFF99">リンク３</td>
        <td width="125" height="37" align="center" valign="middle" bgcolor="#FFFF99">リンク４</td>
        <td width="126" height="37" align="center" valign="middle" bgcolor="#FFFF99">リンク５</td>
    </tr>
</table>
<p> </p>
<table border="1" width="631" align="center" cellspacing="0" bordercolordark="white" bordercolorlight="black">
    <tr>
        <th width="621" height="39" bgcolor="#66CC00" valign="middle" align="center" colspan="2">
            <p align="center">見出しを書く1</p>
        </th>
    </tr>
    <tr>
        <td width="307" height="231" valign="top" bgcolor="#66FF00">内容を書く1</td>
        <td width="308" height="231" valign="top" bgcolor="#66FF00">内容を書く2</td>
    </tr>
</table>
<p> </p>
<table border="1" width="631" align="center" cellspacing="0" bordercolordark="white" bordercolorlight="black">
    <tr>
        <th width="621" height="39" bgcolor="#33CCFF" valign="middle" align="center" colspan="2">
            <p align="center">見出しを書く2</p>
        </th>
    </tr>
    <tr>
        <td width="307" height="231" valign="top" bgcolor="#33FFFF">内容を書く3</td>
        <td width="308" height="231" valign="top" bgcolor="#33FFFF">内容を書く4</td>
    </tr>
</table>
<p> </p>
<table border="1" width="631" align="center" cellspacing="0" bordercolordark="white" bordercolorlight="black">
    <tr>
        <th width="621" height="39" bgcolor="#FFCC00" valign="middle" align="center" colspan="2">
            <p align="center">見出しを書く3</p>
        </th>
    </tr>
    <tr>
        <td width="307" height="231" valign="top" bgcolor="yellow">内容を書く5</td>
        <td width="308" height="231" valign="top" bgcolor="yellow">内容を書く6</td>
    </tr>
</table>
<p> </p>
</body>

</html>