Ai
本日は…■先日の卒業生のポートフォリオサイト講評 ＜ポートフォリオ制作の上で大事なこと＞ ・企業サイト制作については詳しく、別立てでやるくらいのことをしてもアピールすべき ・制作時間と使用ツールくらいはクリックしなくても一覧から見られるようにし…
本日は…■カンプ制作 Illustratorを使ってカンプ制作の仕方を学ぶ ・960gridSystemを使って制作すると楽（最近はもっと横に広いサイトも多い） ・Illustratorのカンバスサイズは1200px（高さは任意） ・文字のサイズも決める ・ピクセル単位まで画像サイズを…
本日は… ・for文、配列などの復習テスト ・組み込みオブジェクトの復習 ・Mathオブジェクトの復習 テストの内容は… （１）var fruits=['りんご','みかん','パイナップル','バナナ','ぶどう']; この数列をfor文を使ってconsoleに列挙する穴埋め for(i=0;i
本日は… ■JavaScriptを使って画像を置換する ・フリーの画像をネット上から落とす →自分のお気に入りのサイトを作っておくとイイ ・サイズを変える…一定の大きさ（比率）を保った状態で切り抜きツール ・CSSを書く→floatの中ではmarginは相殺しない！！ ・im…
本日は… Illustratorで車をトレース… 少し時間がかかりすぎ。要練習。 ■for文の復習 構文：if(変数の初期値;繰り返しの条件;変数の増減){ 実行される処理； } →複雑な結果を求めるのなら紙に一度書くといい ※一度処理された変数はその値を保持したまま繰り返…
本日は… ■ナビゲーション用のスプライト画像を作る ■spriteが必要な理由 …何度も画像を読み込ませるとその早さは回線の速度に依存 一枚で済ませればCSS読み込んだ時点で終る @importは使わない ※linkで入れるなら２個までがベスト。大本のcommon.cssと個別に…
本日は… ■テスト返却 ・CSS = Cascading Style Sheets■Aiによるボタン作成 ・大切なのはアンチエイリアスを入れないこと ・borderは内側に設定(線の設定を変更する） ・ピクセルグリッドに整合に☑・レイヤーの重なり順を変えるときは、くれぐれも▲が小さいの…
本日は… □サイトのレイアウトについて ・リキッドレイアウト ・フレキシブルレイアウト ・可変グリッドレイアウト …これらを複合的に使って、レスポンシブレイアウトなどが使われていたが、レスポンシブは潮流ではない →アップルが、スマホに恩恵が薄いとし…
本日は… まずタイピングテス卜で、DTDからスタイルシートのリンク、divをでheader、content、wrapper、その中のmainとsidebar、最後にfooterと作っていくという雛形を作るような、雰囲気。 きっちり十分でしめて合格。その後、宮沢賢治のいちょうの実を使っ…
本日は…CSSで1カラムサイトを作る Fsの初期設定 Aiで円形グラデとブレンド ・1コンテンツのデザインはスマホサイトで使う ：スマホサイトはファーストビューが大事 ：一見して何をすればいいかわからないサイトは閉じる ：勝手に動いてるサイトも閉じる（自…
本日は… ページを作る！ということだったので一日CSS！ ・仕事ではクラス指定を使う事のほうが一般的 ：CSSではクラス指定、JSなどではid指定だと思っていていい ：ただし会社ごとに指定やコーディングルールがあったりする ・ダブらないからidにしよう、と…
本日は… ・embed：head内にスタイルシートを書いていく方法 ・Font styleの指定 ：Mac用、Win用、汎用と書いていく。 ："Hiragino Kaku Gothic ProN", Meiryo, serif; →書いていく順番としては、頻度の少ないものから多いものへ。 ※デバイスフォントは基本he…
本日は…adobe bracketsをいれる プラグインも10個ほど導入…以下その内容 ・Code folding…dlなどが折りたためるようになる ・Brackets File icons…ファイルがアイコンで見れられるように ・Tubs -Custom Working or document toolbar…タブ表示できるように ・…
今日は…マークアップをしたり、テーブルの解説、相対パスと絶対パスについて学びました。 Aiの方は様々なショートカットキーの勉強、パスファインダーの使い方など。 （HTML編） ・tableを作る ：tableは、Field＝原っぱを区切る＝raw＝畑にすることでなりた…
本日はざっと、HTMLでのマークアップ（超基礎）と Aiを使ってペンツールの練習をしました。 以下詳細 HTML（Hyper Text Markup Language） ・なぜ<h1>や<p>タグを入れるだけでページとして文字のサイズがかわるか ：ブラウザ固有のスタイル（CSS）が適用されている</p></h1>…
１日目忘れ物 ・陰（＝shade）と影（＝shadow）の違い （HTML編） ・ ・<html lang="ja"> ・<head><meta charset="utf-8"><title> ・<body> ・<h1><p> ・<ol><ul> ・<dl><dt><dd> ：definition list / term/ descript 定義して説明 ・本日のSEO ：ページ内一番最初の<p>の中身が最も大事 →なぜなら、<h1>と関連付けがかならずあるはずだから！ ：h1-mainと</h1></p></dd></dt></dl></ul></ol></p></h1></body></meta></head></html>…
