T2V 技術 Web 製作ラボ 3/ hayashiLabo 2
T2V 技術 PC 操作 念のため・・・
ファイルを作る テキストファイルを作ってみる デスクトップで右クリックして「新規作成」 を選び「テキストドキュメント」を選ぶとで きる ダブルクリックで開くとメモ帳が立ち上がる なにか書いて保存する
ファイルの拡張子 新しいテキストド キュメント コントロールパネルの「フォルダーオプシ ョン」の「表示」の「詳細設定」で「登録 されている拡張子は表示しない」のチェッ クを外す 新しいテキストド キュメント.txt これを拡張子と言い、フ ァイルの種類を決める
HTML ファイルを作る HTML ファイルはテキストです 作ったテキストファイルの拡張子を「.html 」にする 警告を無視して「はい」 アイコンが規定のブラウザのアイコンに変わる（は ず） ダブルクリックするとブラウザが立ち上がって見ら れる あるいはブラウザにドラグアンドドロップする
フォルダを作る デスクトップで右クリックして「新規作成」 を選び「フォルダ」を選ぶとできる ダブルクリックで開くと空のフォルダが開く そこにまたフォルダーを作って、その中に html ファイルを入れる そのフォルダーへ行ってパスを見てみる
パス っていうのが見えるはず これをパス（ path ）という フォルダーどうしを「￥」で区切って書かれる （￥は外国ではバックスラッシュに見えます） UNIX 、 OSX （ Mac ）などでは以下のようにスラッ シュが使われます C:\Users\masa\Desktop\ 新しいフォルダー \ 新しいフォルダー C:/Users/masa/Desktop/ 新しいフォルダー / 新しいフォルダー
パスのツリー構造 エクスプローラーの左で直読できる Windows の場合、ふつう C ドライブがルート（ C: ） C ドライブの下に次々とフォルダがツリー状に出来て いる 「デスクトップ」はユーザーフォルダの下の方にある これまではデスクトップでやっていたが、本来、ユー ザーの自分のデータ類は「マイドキュメント」に作る のが基本。「 My Documents 」または「 Documents 」
マイドキュメントに作る マイドキュメントを開く 林ラボ用のフォルダを作る その中に改めて空のテキストを作る 拡張子を txt から html に変更 今後はここで作業をするようにする
テキストエディタ テキストファイルを編集するツール Windows ではふつうメモ帳 (Notepad) 。 Wordpad や Word とかあるが HTML の直接編集には使え ない 実は Notepad もよくない（文字コードのため。後述） ので、少し技術者よりのテキストエディタを使う Windows では TeraPad を、 Mac では mi を使うことにし ます
テキストエディタをインストールして使う ・上記からインストールして使う ・デスクトップにショートカットを作っておく （インストールすればかってに出来る） ・ html ファイルをドラグアンドドロップして開い て編集 TeraPad ・ mi （ Mac のとき）
文字コードについて 同じテキストでもコンピュータ内ではいろい ろ コンピュータ内のコードが文字に対応しているのだが、 その対応のさせ方にいろいろある。 コンピュータ内の数字 文字 0x344 0x53S 0x995C 兔 対応表には何種類もある。日本語では Shift-JIS, EUC-JP, ISO-2022-JP, UTF-8 など
Web の文字コード バラバラ。。。 しかも、文字コードを間違えると文字バケする ブラウザで、エンコードタイプを変えて実際に文字バ ケを見てみよう NotePad は Shift-JIS しか扱えないのでトラブルの元に なることあり。 TeraPad は OK 。 国際統一した規格を Unicode という。 UTF-8 はそのひ とつ UTF-8 がお勧め。ただし MUST ではない。