今日はパソコン操作の基本を含めて、ホームページ作成のためのパソコン環境を
整える部分を中心に解説してみます。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
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ホームページへの背景色の付け方
を解説しました。
それではまた......
としたらどんな色になるか見本を付けてみます。
さらにいろんな 色の組合せを見る
|