2014-08-11

2014-08-11

入力の練習とテキストエディターAdd Star

 

 

HTMLの入力練習

  • 日本語の入力練習も必要ですが、授業中の8割は欧文の入力になるため、欧文入力の練習をしましょう
  • もちろん、最初からHTMLの入力の練習を始めてもよいと思います

HTML&CSS|タイピング|mr100
  • MacChromeには対応していないようです

 

http://typing.twi1.me/game/383

 


Webクリエイター能力認定試験対策(html編)
  • MacChromeには対応していないようです

 

http://typing.twi1.me/game/3122

 


プログラミング言語のタイピング練習

 

http://typing.livserver.jp/

 



初心者入力スキルチェック


ドラッグ(Press+Drag)の練習


 

 



Webの目的

  • インターネット経由で情報のやり取りができるようにすること
  • まずブラウザ上で閲覧可能な状態にする
  • ブラウザ上から正しい情報を伝えるためには、正しい文書構造(テーマのアウトライン構造)を文字として記述しなくてならない

つまり、すべての始まりは文字を入力することです。

そしてそのことに必須なのが「テキストエディター」ということになります。


テキストエディタ

  • 初期の段階で「HTML」を記述する練習には「メモ帳」ではないテキストエディターが必要になります。
  • 起動・動作が早い
  • 文字コード指定ができる
  • コードのカラーリングなど、HTML入力に適している

以上の理由で、「テキストエディター」を使用します。


Windows

 

 


Mac

 

 


OS X Windows Linux 対応

 

 


 

http://www.sublimetext.com/

 



授業では、効率・管理を実践的に習得するために「Dreamweaver」を利用します。

Another HTML-lint gateway」の文法チェックの内包されている「Crescent Eve」も初心者向きの WYSIWYG(What You See Is What You Get)エディターです。



訓練受講には、アプリケーションのダウンロード・インストールは必須です。

まず、テキストエディターを準備し練習を始める準備をしておきましょう。



入力練習の準備

  • 管理フォルダーを作成(このとき、日本語使用不可)
  • Cドライブ直下に「name(自分の名前を英字で)」フォルダーを作り管理しなさい
  • その中に「日付フォルダー」を作り、データを管理します(最初の内は日付、後にプロジェクト名で管理します)