フォント レイアウト リンク･画像 テーブル リスト ページ 特殊文字 小技・雑学
カラーコード お薦めサイト ホーム HP作成ソフト HP作成法

トップページ ＞ HP作成方法 ＞ トップページを作る

■ トップページを作る
  1.   TTT Editor
    ↑こちらをダウンロードしてインストールして下さい。

  2. TTTeditorの上部メニューから
    タグ挿入→ページ→HTML基本構造をクリックします。

  3. HTML基本構造の設定で
    タイプ：-//W3C//DTD HTML 4.01 Transitional//EN
    文字コード：Shift_JIS
    言語：ja

  4. こう記述されましたね。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <Html Lang="ja">
    <Head>
    <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS">
    <Title>サンプルトップページ</Title>
    </Head>
    <Body>



    </Body>
    </Html>

  5. <Body>〜<Body>の間に内容を書く。
    例えば [サンプルトップページ]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <Html Lang="ja">
    <Head>
    <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS">
    <Title>サンプルトップページ</Title>
    </Head>
    <Body>
    <Font Size="2">
    <Center>
    <H2>みんタグサンプルページ</H2>

    <Img Src="images/inu.gif" Width="290" Height="220"><P>

    あなたは<カウンタ>番目のお客様です。(ダミーです)<Br>
    <Img Src="images/robo.gif" Border="0">自己紹介/
    <Img Src="images/robo.gif" Border="0">掲示板/
    <Img Src="images/robo.gif" Border="0">日記<P>

    表紙の素材<A Href="http://pastel.oheya.jp/">パステル</A>さん<Br>
    アイコン素材<A Href="http://jbjb.cjb.net/">+MyPace+MySpace+</A>さん
    <hr noshade size="1">
    Copyright © 2003 Hirarin. All Rights Reserved.
    </Font>
    </Center>
    </Body>
    </Html>

  6. 画像はどこに置く？
    慣れない頃は、画像とHTMLは全て同じフォルダへ収納しておく事を オススメします。画像は画像フォルダへまとめたい！って人は新規フォルダ作成し 「images」などと名前を付けてjpg、gif、pngをファイルを収納しましょう。
←戻る    トップ    進む→

ページトップ ▲
┃トップページ┃タグ実験場┃リンクについて┃免責事項┃メール┃
Copyright © 2001-2006 YukiProduction. All Rights Reserved.
全ページリンクフリー
since03/06/01