ホームページ作り入門<2>

ホームページ作成環境(1999/01/24)

今日はパソコン操作の基本を含めて、ホームページ作成のためのパソコン環境を
整える部分を中心に解説してみます。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
1、ホームページ格納するフォルダーの作成

将来プロバイダーのサーバーに転送することを考え
自分のパソコンもサーバーと同じフォルダー構成にしておく
方が良いので一般にサーバーで使われているフォルダー名
「public_html」というフォルダを作っておく
  〇、「スタート」を右クリック「エクスプローラ」を左クリック


エクスプローラが開いたら
 〇、メニューバーの「表示」をクリックし「詳細」に●がついていない時は
   「詳細」をクリックし●をつける

     メニューバーが隠れている場合は「Alt」+「E」を押してください
    (常時表示させるには[ツール」「フォルダーオプション」「表示」の下の方にある「常にメニューを表示」をチェック)

  @、 左画面の「ローカルディスク(D:)」をクリックして色を反転させる
   「ローカルディスク」ではない表現がしてある場合もありますので(D:)を探してください
   (D:)が表示されていないときは「マイコンピュータ」をクリックすると現れます。
   それでも(D:)がないときは、(C:)でおこなってください。
  A、 メニューバーの「ファイル」
 B、「新規作成」
 C、「フォルダー」をクリック
  D、「新しいフォルダ」と表示されるのでこれを消し「public_html」と入力


−−−−−−−−−−−−−−−−−−−−−−−−−−−− 2、myhp.htmをフォルダに格納 デイスクトップに仮置きした「myhp.htm」をホームページ用の フォルダ「public_html」に移す。 @、「スタート」を右クリック「エクスプローラ」を左クリック A、左画面の「デイスクトップ」を左クリック B、右画面にある「myhp.htm」右クリックし「切り取り」を左クリック C、左画面の「public_html」を右くりっくし「貼り付け」を左クリック −−−−−−−−−−−−−−−−−−−−−−−−−−−− もしファイル名の拡張子「.htm」が表示されていなかったら
エクスプローラの次の設定をしてください。
「スタート」「コントロールパネル」「ディスクトップのカスタマイズ」
「フォルダーオプション」の
□ 登録されている拡張子は表示しない。 にチェックされていると思うので、クリックして外してください。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 3、トップページ用ファイル名に改名 ホームページのトップページは「index.htm」(または「index.html」)と言う ファイル名にするのが標準的です。 そこで「myhp.htm」の名前を変更することにする。 @、「スタート」を右クリック「エクスプローラ」を左クリック A、左画面の「public_html」を左クリック B、右画面にある「myhp.htm」右クリックし「名前の変更」を左クリック C、「myhp.htm」を消して「index.htm」と入力 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 4、デイスクトップにショートカットを作る いちいちエクスプローラのお世話になるのはわずらわしいので 「index.htm」へのショートカットをデイスクトップに作る。 @、「スタート」を右クリック「エクスプローラ」を左クリック A、左画面の「public_html」を左クリック B、右画面の「index.htm」右クリックし「ショートカット作成」を左クリック C、出来た「index.htmへのショートカット」を右クリックし「切り取り」を左クリック D、左画面の「デイスクトップ」を左クリックし、右の窓の何もないところで 右クリックし「貼り付け」を左クリック。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 5、いよいよホームページの改良 「工事中」のホームページをいろいろ改造して見ることにする。 @、ディスクトップに出来た「index.htmへのショートカット」をクリック。
  A、インターネットエクスプローラーのメニューバーの「表示」「ソース」をクリック
   1、メニューバーがない場合は「Alt」キーを押すと現れます
   2、インターネットエクスプローラー8以降を使っている場合は事前に
  「ツール」「開発者ツール」「ファイル」「InternetExplorerソース表示のカスタマイズ」
  で「メモ帳」を選択しておいてください。
B、「メモ帳」に表示された <body bgcolor=#888888> の部分の「8」を「0 1 2 3 4 5 6 7 8 9 a b c d e f」のどれかの文字に書き換え C、「メモ帳」の「ファイル」「上書き保存」をクリックして「メモ帳」を閉じ D、インターネットエクスプローラーのメニューバーの「表示」「最新情報に更新」 をクリックする。 背景色が変わった事と思います、いろいろ書き換えて体験してください。。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 6、今日のまとめ きょうは @パソコンの環境作り Aエクスプローラを使ったフォルダーの新設、ファイルのコピー、ショートカット作成 Bインターネットエクスプローラからのソースの表示、修正、保存。 Cホームページへの背景色の付け方 を解説しました。 それではまた......

<body bgcolor=#0088ff>としたらどんな色になるか見本を付けてみます。
私のホームページ
工事中
私への Eメールはここをクリック して送ってください。
QPONの 掲示板はここをクリックする

さらにいろんな 色の組合せを見る
ホームページ作り入門<3>へ