/* Google Analytics ▽ */ /* Google Analytics △ */

WEB制作の勉強メモ / 猫脳人間

HTML CSS JavaScript ActionScript jQuery WordPress PHP Illustrator Photoshop Flash … 猫サイズの脳でも覚えるぞ と…

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のレッスン開始)

  • 直線の練習

    Illustrator:直線の練習

  • 曲線の練習
    Illustrator:曲線の練習
  • コーナーの練習
    Illustrator:コーナーの練習
  • 線の復習
    Illustrator:線の復習
  • ハートと迷路の練習
    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日開講クラス

 

広告を非表示にする