T2V 技術 Web 製作ラボ 3/21 2012 hayashiLabo 2. T2V 技術 PC 操作 念のため・・・

Presentation on theme: "T2V 技術 Web 製作ラボ 3/21 2012 hayashiLabo 2. T2V 技術 PC 操作 念のため・・・"— Presentation transcript:

1 T2V 技術 Web 製作ラボ 3/21 2012 hayashiLabo 2

2 T2V 技術 PC 操作 念のため・・・

3 ファイルを作る テキストファイルを作ってみる デスクトップで右クリックして「新規作成」 を選び「テキストドキュメント」を選ぶとで きる ダブルクリックで開くとメモ帳が立ち上がる なにか書いて保存する

4 ファイルの拡張子 新しいテキストド キュメント コントロールパネルの「フォルダーオプシ ョン」の「表示」の「詳細設定」で「登録 されている拡張子は表示しない」のチェッ クを外す 新しいテキストド キュメント.txt これを拡張子と言い、フ ァイルの種類を決める

5 HTML ファイルを作る HTML ファイルはテキストです 作ったテキストファイルの拡張子を「.html 」にする 警告を無視して「はい」 アイコンが規定のブラウザのアイコンに変わる（は ず） ダブルクリックするとブラウザが立ち上がって見ら れる あるいはブラウザにドラグアンドドロップする

6 フォルダを作る デスクトップで右クリックして「新規作成」 を選び「フォルダ」を選ぶとできる ダブルクリックで開くと空のフォルダが開く そこにまたフォルダーを作って、その中に html ファイルを入れる そのフォルダーへ行ってパスを見てみる

7 パス っていうのが見えるはず これをパス（ path ）という フォルダーどうしを「￥」で区切って書かれる （￥は外国ではバックスラッシュに見えます） UNIX 、 OSX （ Mac ）などでは以下のようにスラッ シュが使われます C:\Users\masa\Desktop\ 新しいフォルダー \ 新しいフォルダー C:/Users/masa/Desktop/ 新しいフォルダー / 新しいフォルダー

8 パスのツリー構造 エクスプローラーの左で直読できる Windows の場合、ふつう C ドライブがルート（ C: ） C ドライブの下に次々とフォルダがツリー状に出来て いる 「デスクトップ」はユーザーフォルダの下の方にある これまではデスクトップでやっていたが、本来、ユー ザーの自分のデータ類は「マイドキュメント」に作る のが基本。「 My Documents 」または「 Documents 」

9 マイドキュメントに作る マイドキュメントを開く 林ラボ用のフォルダを作る その中に改めて空のテキストを作る 拡張子を txt から html に変更 今後はここで作業をするようにする

10 テキストエディタ テキストファイルを編集するツール Windows ではふつうメモ帳 (Notepad) 。 Wordpad や Word とかあるが HTML の直接編集には使え ない 実は Notepad もよくない（文字コードのため。後述） ので、少し技術者よりのテキストエディタを使う Windows では TeraPad を、 Mac では mi を使うことにし ます

11 テキストエディタをインストールして使う ・上記からインストールして使う ・デスクトップにショートカットを作っておく （インストールすればかってに出来る） ・ html ファイルをドラグアンドドロップして開い て編集 TeraPad http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html ・ mi （ Mac のとき） http://www.mimikaki.net/

12 文字コードについて 同じテキストでもコンピュータ内ではいろい ろ コンピュータ内のコードが文字に対応しているのだが、 その対応のさせ方にいろいろある。 コンピュータ内の数字 文字 0x344 0x53S 0x995C 兔 対応表には何種類もある。日本語では Shift-JIS, EUC-JP, ISO-2022-JP, UTF-8 など

13 Web の文字コード バラバラ。。。 しかも、文字コードを間違えると文字バケする ブラウザで、エンコードタイプを変えて実際に文字バ ケを見てみよう NotePad は Shift-JIS しか扱えないのでトラブルの元に なることあり。 TeraPad は OK 。 国際統一した規格を Unicode という。 UTF-8 はそのひ とつ UTF-8 がお勧め。ただし MUST ではない。