2012-04-01から1ヶ月間の記事一覧

CSS02(1カラムレイアウト)

【CSS02】 HTMLの入力に不安がある人は入力から CSSはエンベッド <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

素敵、参考になるサイト16

良いデザインを100点紹介する 目的はよく見る 誰かが作ったWebサイトをよく見る 見たことも無い「アート」を作る仕事ではありません。 ですから、先輩たちの良い例をいっぱい見ることで、必ず得るものがあります。 記録する それを記録しておく 記憶にとどめ…

自宅学習課題2

【Design01】 過去にあった選挙ポスターです。デザインの要素を説明しなさい。 デザインの目的を考える 要素を抜き出す(色、形、文字、写真、構成、被写体、ポージングなど) それぞれが、どんな目的で使われているのかを箇条書きにする 目的 一番の目的は…

自宅学習課題

【HTML01】 以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 <html> <head> <title>【HTML01】文書構造の練習</title> </head> <body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <h3>解説</h3> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <h3>解</h3></body></html>…

3日目その2

色のイメージ ポートフォリオには右上を使う 追記:輝度ではなく彩度 定義型リスト、表組み・セルの連結 <html> <head> <title>html</title> </head> <body> <h1>定義型リスト</h1> <dl> <dt>豚肉</dt> <dd>よく我が家の食卓に上る万能な肉</dd> <dt>鶏肉</dt> <dd>から揚げにするとおいしい肉</dd> <dt>牛肉</dt> <dd>かたまりとして食べたい肉</dd> </dl> <table border="1" summary="今日のカリキュラム内容" width="300"> <tr> <th>テーマ</th></tr></table></body></html>

3日目

授業メモ サイトの色 黒がないと金色に見えない サイトの色でイメージが決まってしまう→どういう風に見せたいか考える なぜそのようなイメージに見えるか分析することが大事 Definition list dt (definition term) は日付つきの文章でもかまわない→更新情報…

2日目その2

HTML基本構造と画像 <html> <head> <title>私の好きな音楽</title> </head> <body> <h1>ロック</h1> <h2>Sheer Heart Attack</h2> <p><img src="01.jpg"></p> <p>(ボーナス・ディスク:リミテッド・エディションのみに収録)1. ナウ・アイム・ヒア(ライヴ・アット・ハマースミス 1975/12) 2. フリック・オブ・ザ・リスト(BBCセッション 1974/10)3. テ</p></body></html>…

2日目

授業メモ 今日やったことは今日繰り返すことで記憶する サイトの検索、リンク どういう順序で見てくれるか考える インデックス Googleなどの検索エンジンのサーバーにデータが持ち帰られ、その中の検索結果が表示される データを価値あるものとしてサーバー…

Web画像07

【Web画像07】 ワープと落書き お手本 自作ワープツールが難しくてなかなか思った形にならない。 効果→スタイライズ→落書き アートボード用に四角を書き、オブジェクト→アートボード→変換Web用に保存

開講日

講師のお話メモ 売れる理屈を理解し、こつこつと作っていく 個人ブランディング みんながいいと思うもの、もっと欲しいと思うものを作っていく 分析できないと真似もできない 文字を読み、理解する 今後も、こつこつやるべきことをやっていきたいと思います。

Web画像06

【Web画像06】 グラデーションと効果 お手本 自作 作った画像をブログで表示させるとジャギーが出る。何故だろう。

Web画像05

【Web画像05】 グラデーションと効果 お手本 自作 メモ:何の効果を使ったか忘れないようにすぐ記録する癖をつける。

Web画像04

【Web画像04】 長方形と文字

Web画像02〜03

【Web画像02】 i-modeロゴを描きなさい Illustratorのペンツールでトレス。 【Web画像03】 好きなミュージシャンのオリジナルCDジャケットをデザインしなさい デザインのテーマは「ミニマム」 あまり音楽を聴かないので選択に困ったのですが、QueenのCDジャ…

Web画像01、準備課題61(再)

【Web画像01】 以下の画像の作者は誰か、そして絵のタイトルは? Piet Mondrian (ピエト・モンドリアン:本名 Pieter Cornelis Mondriaan) Broadway Boogie Woogie (ブロードウェイ・ブギウギ) 真似てみる 道具は、自由選択 Illustrator使用。 【準備課題61】 …

ActionScript 05〜06

【AS05】 ムービークリップを作成なさい。 ロードした時に、ムービークリップのX座標が左端から300の位置に移動するスクリプトを記述しなさい。 onClipEvent(enterFrame) { this._x= 300; } 【AS06】 ムービークリップをクリックした時に、ムービークリップ…

各基本構造まとめ

こんがらがらないようにメモ。 HTML 4.01 Transitional <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" Content="text/css"> </meta></meta></head></html>

CSS課題11〜15

【CSS11】 この場合、リセットはしない <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>CSS11</title> </meta></meta></head></html>

CSS課題01〜10

【CSS01】 文字色と背景色 <html lang="ja"> <head> <meta http-equiv="Content-Type" Content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>CSS01</title> </meta></meta></head></html>

準備課題61

以前、先生や先輩(元受講生)のブログを遡っていたときに解答を見てしまっています。 【準備課題61】 TV電話を売りたいのですが相手は誰がよいでしょう? 今はSkypeなどがあるので売れない。→70年代初頭にタイムトラベルして新し物好きな人に宣伝したら売れる…

JavaScript01〜04

【JS課題01】 変数を使った計算式を書き、ブラウザに結果を表示させなさい。 10×(8+12)÷4 の値は? <html lang="ja"> <head> <meta charset="UTF-8"> <title>javascript </head> <body> <script type="text/javascript"> </body></html>

素敵、参考になるサイト13〜15

HENRI CHARPENTIER 黒い丸枠があることで流れてくる商品に視線が集中する。商品が飛び上がったり回転することで緩急がつく。写真も丸くアイコンのようになっているのがかわいい。 subsens via Web Design Ledger とてもシック、写真にマウスオーバーで色がつ…

ムービークリップ

苦戦中…。 tori_mc.onLoad = function(){ x = 300; }; こうスクリプトを書いてみたもののプレビューしても動かない。 なかなか初歩から説明しているサイトが見つからないので、明日図書館で本を探してこよう。

素敵、参考になるサイト10〜12

OBANA DAISUKE via I/O3000シンプル、文字と作品のバランスに惚れ惚れ。スクロールする際写真が浮き上がるようにみえる。Profileの出かたもいい。 FAUCHON黒背景にビビッドピンクが目を引く。黒+金色でポップ過ぎず落ち着いた雰囲気。視線が斜めに誘導され…

ActionScript01〜04

追記:キャプチャーを載せました。【AS01】 変数を使った計算式を書き、出力パネルに結果を表示させなさい。 10×(8+12)÷4 の値は? var num1:Number = 10; var num2:Number = 8; var num3:Number = 12; var num4:Number = 4; total = num1*(num2 + num3)/…

デザインの変更

ブログのテンプレートと背景、タイトル画像を変えてみた。 最初は画像をFotolifeにアップロードして、そこからcssで読み込もうとしたが無理だったのでレンタルサーバーにアップロード。 cssを編集しh1として表示。が、タイトル画像にブログ名まで入れたため…

素敵、参考になるサイト7〜9

character via THE Best DESIGNS白とグレーでまとめることにより作品が映える。作品ページもすっきりまとまっていて見やすい。 えの木てい高級感のある落ち着いたデザイン。ナビの透過背景は写真の邪魔をせず、かつおしゃれ。メニュー写真が豊富、見やすい。…

準備課題57〜60

【準備課題57】 現在では、ほぼ使われなくなった「font-size="3"」という相対指定 この相対指定には「1〜7」まであります 同様に、見出しは「h1〜h6」まで では、この7までと6までの違いはなぜか答えなさい 相対指定は、フォントサイズを細かく調整する…

今日の献立

今日は、子供も大人も好きなカレーを作ろうと思います。カレーの材料 カレー・ルー 豚肉 じゃがいも たまねぎ にんじん 以下、個人的メモ。 DTD: Document Type Definition 文書型定義 equiv: equivalent(同等の) charset: character set 文字コードの指定…

準備課題48〜56

【準備課題48】 「SSL」とは何かを説明しなさい SSL: Secure Socket Layerはネット上の情報を暗号化して送受信する規約。 【準備課題49】 「FTP」とは何かを説明しなさい FTP: File Transfer Protocolはネット上でファイルを転送する際に使われる規約。 【準…