Instructional Material
授業で学生に活用をすすめている、ネット上の教材サイト一覧です。
すべて別Windowが開きます。
情報教育・HTML・CSS・CGI・PHP
- Excelの統計処理にはご用心：Okumura's Blog 奥村先生のブログ
- Excelの統計処理にはご用心：とんでもないこともある・・・
- 情報科.net
- いろいろな情報満載のTAG index
- シンプルなページで見やすいCSSリファレンス
こちらからのリンクは、バージョンが古い分ですが、CSSのはじめの一歩として動作の概要を理解するにはこのページがシンプルでわかりやすくおすすめです。［リファレンスのHOME PAGE］ - CGIを手っ取り早くお勉強したいならKENT WEB
- PHP素材配布：sapphirus.biz
sapphirus.bizさんのコーディングは読みやすくPHPを手っ取り早くお勉強したいときの参考にお薦めです - PHP Labo
加工しやすいPHP素材がたくさんあります。授業サポートページで毎度お世話になっています。 - WEB上手
使い勝手よの良いツールを豊富に準備しておられ、クールなレイアウトがお気に入りの素材サイトです。
(学生諸君へ)エディターと文法チェッカーの利用について
お薦めのエディタ2つ挙げていますが、他にもいろいろあります。自分で探して好みのものを利用させていただきましょう。コーディングの間違いを防いでくれる文字の色分けなどができるものを探すと良いでしょう。
- TeraPad(エディター)
- TepaEditor(エディター)
- The W3C Markup Validation Service（HTML文法チェッカー）
- Another HTML-lint gateway（HTML文法チェッカー）
- CSS Validation Service（CSS文法チェッカー）
- CSS Check（CSS文法チェッカー）
授業では、エディタを利用しますので、入力後の表示文字色でHTML記述の間違いをある程度把握できます。
コーディング作業に慣れ、ある程度、HTMLを理解できるまでは、エディタの編集モードを利用して、間違いを見つけるようにしましょう。[編集モード変更の方法]
コーディング作業に慣れないうちから、文法チェッカーを使ってチェックをすると、タグ入力ミスのみではなく、構文エラーを指摘されることによるストレスで、コーディング作業が嫌になってしまうことが多いようです。
正確なコーディングができれば、モダンブラウザのほとんどで同じように表示されますが、まずは、授業で使うブラウザソフトで確実に表示できるコーディングを目指すことからはじめましょう。
素材
- カラーパレット カラーコード一覧表
- 学校で使える素材集
- E-ARTjapan
- あんずいろapricot×color
- 10minutes+
- いろはうた
- 食べ物のイラスト 料理、飲み物、野菜と果物のアイコン フリー素材（無料） | ヴィラージュ・クッキング素材集
- 四季の素材 十五夜
- 音楽素材MIDI－Greenland（オルゴール・クラシック）
- 写真素材 BIZUTART PHOTOGRAPH
- PAKUTASO（ぱくたそ/パクタソ）
- そざいやじゅん
- ふるーつ☆Ｃｕｌｔｉｖａｔｉｏｎ
- 牛飼いとアイコンの部屋
お気に入りの有料素材
レッスン教材
印刷教材に利用している素材はここのものです。授業時間内でレッスン用に利用していることがあります。気に入ったものがあれば，こちらから購入しましょう。
