2015年 03月19日(3日目)のWEB制作の勉強メモ
WEB制作の勉強
- 今のマックは UNIXがベース
- 誰が見ても分かるデザイン →ユニバーサルデザイン
- 0と1で出来ているもの→2進数
- メモリ:ROM と RAM
ROM (Read Only Memory) 命令
RAM (Random Access Memory) 記憶と処理
HDD (Hard Disk Drive) 保存 - 1ビットで 1か0かを表現
8ビットで 1バイト - RGB 「B」はブルー と思われがちだが、
実際は、BV(ブルーヴァイオレット)が正しい
RGBを16進数で表現。 - エクセルの 行一列を 「レコード」 と言う
- クリックは押すだけじゃなく プレス&リリース でセット
- ドラッグは プレス&ドラッグ&リリース でセット
- 『_』 は、アンダーバーではなく、「アンダースコア」と覚えよう
- 「web-site」「web_site」 の違いは?
web-site は 「web」と「site」を分けて扱う
web_site は 「web site」とセットで扱う - 当講師愛用のブラウザ
RockMelt、マトリックス、TORCH - <table></table> タグの中に書く <tr> は Table row(畑) の事
- <hr> (水平線)は 今は使わない事が多い
hr = horizontal rule - Firefox のアドオン Web Developer をインストール
- 他のサイト(外部サイト)にリンクする時は
target="_blank" を付けるのが最近は一般的 - トップページ(index.html)はもちろん、
カテゴリトップ(フォルダ、ディレクトリ別)のトップも index.html に
検索エンジンの Robot は index.html を読みに来るためと
ディレクトリ内の表示を避けるため
Robot は HTMLファイルの 200行くらいまで読む - 相対パスで、同ディレクトリの記述には
./ や /(ドットなし) 、何もなしと、サーバー側の設定によりいくつかある - グリッドシステム or フリー
- PNG-8 は GIF より軽い
イラストレーター
(この日からIllustratorのレッスン開始)
- 直線の練習
- 曲線の練習
- コーナーの練習
- 線の復習
- ハートと迷路の練習
- イルカで線の復習
- ベクターデータを作るアプリケーション
- 力学を考えて描く事(ハンドルの扱い)
- 「丸長方形ツール」でドラッグしてマウスをプレスしながら
矢印キーを押すと、角のRが変化して調整できる - .ai を .svg としてセーブ
- Illustrator で作った画像を Photoshop 画像に出力した場合、
アンチエイリアスがかかるため 画像の輪郭がボケてしまうのを防ぐには
新規ファイル → 新規オブジェクトをピクセルグリッドに整合
表示メニュー → ピクセルプレビュー - .ai ファイルをマウスで開かず、ファイルメニュー>開く から
(その後の ファイル保存や 開く場所の操作に影響するため) - キーオブジェクト
複数オブジェクトを選んでから キーとなるオブジェクトをクリック
講師の受講生向け受講内容ブログ
マークアップ - 実習 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
Illustratorとは - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
形の変形 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
マークアップ - 実習解答例 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
描画 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス