誰にでも簡単に作れるホームページの作り方
Amebaでブログを始めよう!

テスト

2ページ目を作ってみましょう♪

トップページから、ブログページにリンクが出来
たら、自分のページに2ページ目を作ってみまし
ょう。テーマは何でもいいですが、とりあえずは
プロフィールを作って練習してみましょう。

別の新規のメモ帳に、HTMLとBODYを入れ
その間に、TABLEを組み込みます。

<TABLE border="1">
<TBODY>
<TR>
<TD>ニックネーム</TD>
<TD>○○ちゃん</TD>
</TR>
<TR>
<TD>住所</TD>
<TD>近畿地方</TD>
</TR>
</TBODY>
</TABLE>



テーブルの挿入がができたら、名前をつけて保存
します 「profile.txt」確認するときはもう1回
名前をつけて保存で「profile.html」と言う拡張
子をつけて保存しましょう。

フォルダーにインターネットエクスプローラのア
イコンが表示されたら、ブラウザーで確認してく
ださい。

======================

長引く不況で、経営していた店も借金を残し閉店。
今は以前の収入の【3倍】になり、【借金完済】
<a href="http://winsome.sakura.ne.jp/mam/go1/index.htm " target="_blank">http://winsome.sakura.ne.jp/mam/go1/index.htm</a>

表示

2ページ目を作ってみましょう♪

トップページから、ブログページにリンクが出来
たら、自分のページに2ページ目を作ってみまし
ょう。テーマは何でもいいですが、とりあえずは
プロフィールを作って練習してみましょう。

別の新規のメモ帳に、HTMLとBODYを入れ
その間に、TABLEを組み込みます。

&lt;TABLE border="1"&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;ニックネーム&lt;/TD&gt;
&lt;TD&gt;○○ちゃん&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR&gt;
&lt;TD&gt;住所&lt;/TD&gt;
TD&gt;近畿地方&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;

セルを増やすときは
&lt;TR&gt;
&lt;TD&gt;*****&lt;/TD&gt;
&lt;D&gt;********&lt;/TD&gt;
&lt;/TR&gt;
の繰り返しです

テーブルの挿入がができたら、名前をつけて保存
します 「profile.txt」確認するときはもう1回
名前をつけて保存で「profile.html」と言う拡張
子をつけて保存しましょう。

フォルダーにインターネットエクスプローラのア
イコンが表示されたら、ブラウザーで確認してく
ださい。

======================

長引く不況で、経営していた店も借金を残し閉店。
今は以前の収入の【3倍】になり、【借金完済】
<a href="http://winsome.sakura.ne.jp/mam/go1/index.htm " target="_blank">http://winsome.sakura.ne.jp/mam/go1/index.htm</a>

2ページ目を作ろう

2ページ目を作ってみましょう♪

トップページから、ブログページにリンクが出来
たら、自分のページに2ページ目を作ってみまし
ょう。テーマは何でもいいですが、とりあえずは
プロフィールを作って練習してみましょう。

別の新規のメモ帳に、HTMLとBODYを入れ
その間に、TABLEを組み込みます。

&lt;TABLE border="1"&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;ニックネーム&lt;/TD&gt;
&lt;TD&gt;○○ちゃん&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR&gt;
&lt;TD&gt;住所&lt;/TD&gt;
TD&gt;近畿地方&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;

セルを増やすときは
&lt;TR&gt;
&lt;TD&gt;*****&lt;/TD&gt;
&lt;D&gt;********&lt;/TD&gt;
&lt;/TR&gt;
の繰り返しです

テーブルの挿入がができたら、名前をつけて保存
します 「profile.txt」確認するときはもう1回
名前をつけて保存で「profile.html」と言う拡張
子をつけて保存しましょう。

フォルダーにインターネットエクスプローラのア
イコンが表示されたら、ブラウザーで確認してく
ださい。

======================

長引く不況で、経営していた店も借金を残し閉店。
今は以前の収入の【3倍】になり、【借金完済】
<a href="http://winsome.sakura.ne.jp/mam/go1/index.htm " target="_blank">http://winsome.sakura.ne.jp/mam/go1/index.htm</a>

設定の変更

LINKの設定♪

ここまで出来たら、背景や、文字の大きさや色、
写真、LINK先を変更してみましょう。

昨日までのページはこれです。
※注ここでは( )を使います。実際は< >です。

(HTML>
(BODY bgcolor="#ffff80")
(CENTER)(FONT color="#0000ff" size="7")
私のホームページ(/FONT)(/CENTER)(br)
(CENTER)(B)(I)ようこそ いらっしゃいませ
(/I)(/B)(/CENTER)
(CENTER)(IMG src="DSCF0224.JPG" width="285"
height="214" border="0")(/P)(/CENTER)
(CENTER)
(TABLE border="1")
(TBODY)
(TR)
(TD)(A href="http://***************" target="_self")ブログ(/A)(/TD)
(TD)(/TD)
(/TR)
(/TBODY)
(/TABLE)
(/CENTER)
(/BODY)
(/HTML)

LINKの挿入がができたら、メモ帳上書き保存
して、再び「.html」 と言う拡張子をつけて保存
しましょう。

フォルダーにインターネットエクスプローラのア
イコンが表示されたら、ブラウザーで確認してく
ださい。

======================

長引く不況で、経営していた店も借金を残し閉店。
今は以前の収入の【3倍】になり、【借金完済】
http://winsome.sakura.ne.jp/mam/go1/index.htm

文字の修飾

文字を修飾しましょう
※注)ここでは( )を使います。実際は< >です。

保存したホルダーから、メモ帳を開き、「○○の
ホームページ」という文字の前に
  (FONT color="#000099" size="7")
後に(/FONT)を入れて、修飾したい文字をはさみ
ます。

この場合、文字の色と、大きさを指定しました。
色は、昨日、背景でお伝えしたとおりです。
大きさは標準が3で、数字が大きくなれば、文
字も大きくなります。

(FONT color="#000099" size="7")○○のホーム
ページ(/FONT)

文字の修飾ができたら、上書き保存して、再び
「.html」と言う拡張子をつけて保存しましょう。

フォルダーにインターネットエクスプローラのア
イコンが表示されたら、ブラウザーで確認してく
ださい。
======================

旦那の会社も減給・ボーナスカット・サービス残業
住宅ローンや生活費が不安な毎日なのに
子供が小さいからパートにも出れない、私が
このHPをきっかけに、自宅で起業!
http://winsome.sakura.ne.jp/mam/tml/index.htm
今月は旦那の給料を追い越しました。(= ̄▽ ̄=)V




背景色


昨日保存したメモ帳を開き<body>の後に
bgcolor="#ffff80" を追加してあげると背景に色
をつけることができます。
<body bgcolor="#ffff80">です。

bgcolor=は背景色を指示するタグになります。
"#ffff80"は、薄い黄色(クリーム色)を表してい
ます。
色は、カラーコードと言う16進法で決まります。
" "で囲み、頭に# をつけ2桁ずつ「赤」「緑」、
「青」の順に入力します。0~Fです。
#000000が黒、#FFFFFFが白になり
ます。
こちらにカラーパレットがあります。
http://homepage3.nifty.com/iroempitsu/zukan/cd-1311h.htm

背景ができたら、上書き保存して、再び
「.html」と言う拡張子をつけて保存しましょう。
フォルダーにインターネットエクスプローラのア
イコンが表示されたら、ブラウザーで確認してく
ださい。

======================

旦那の会社も減給・ボーナスカット・サービス残業
住宅ローンや生活費が不安な毎日なのに
子供が小さいからパートにも出れない、私が
このHPをきっかけに、自宅で起業!
http://winsome.sakura.ne.jp/mam/tml/index.htm
今月は旦那の給料を追い越しました。(= ̄▽ ̄=)V


準備するもの

誰にでも簡単に作れるホームページの作り方を
紹介していきます。

======================

まずは、準備するものとして

ホームページのデーターを保存するホルダー
  マイドキュメントの空白のところを右クリッ
  クし、「新規作成」→「フォルダー」で『ホ
  ームページ』と言うほるだーめいを作ります。

サーバー
  通常お使いの、プロバイダーに無料で使える
  ホームページの領域が準備されています。
  それぞれの、プロバイダーでご確認ください。
  もし、なかったら、Yahooなどからフリーのホ
  ームページエリアを取得してください。

FFFTP
  作ったホームページをサーバーにアップする
  ためのツールです。
  ダウンロードはこちらから
http://www.vector.co.jp/soft/win95/net/se061839.html

 転送先の設定などは、各プロバイダーの設定書
 と、FFFTPのヘルプ画面で確認してくださ
 い。

ここまでできたら、どんなページを作りたいかを
紙に書いて準備しておいて下さいね。

次回から作って行きましょう。

======================

旦那の会社も減給・ボーナスカット・サービス残業
住宅ローンや生活費が不安な毎日なのに
子供が小さいからパートにも出れない、私が
このHPをきっかけに、自宅で起業!
http://winsome.sakura.ne.jp/mam/tml/index.htm
今月は旦那の給料を追い越しました。(= ̄▽ ̄=)V