2011-06-01から1ヶ月間の記事一覧

基礎訓練web講座 21日目。

今日は、formの入力フォームを使うFlash基礎(4回目)単純な動きをつくるBossのたてたスケジュール通りに進んでいる模様。。。だんだん、手書きのメモより、頭と目のメモを駆使しないとになってきました。記憶力増加剤なんてあったら、即欲しいです。(苦笑)

気になるweb 31/100

MR_DESIGN ハツメイ アートディレクターの方のFLASHで作られた会社のページ。まだ始ったばかりですが、ワタクシ、今のところこんなページはとても作れなさそうです。。。

基礎訓練web講座 20日目。

本日は、授業時間内になんとか仕上げたナビゲーションその後自宅で復習ナビゲーションFlash カートゥーン・アニメーションを作成。授業時間内のソースが汚い。。。簡潔で綺麗なソースが書けるようになりたいものです。あとFlashが全くついていけず… 参考本ge…

基礎訓練web講座 19日目。

本日は、基本のposition (確かにDTPっぽい。数値を間違わなければ!)positionで透過pngを配置Flash クロスフェードでした。やっとadobeのソフトを買いました。アカデミック版の審査が早く下りることを願いつつ。。。 宝の持ち腐れにならぬようにしないと!

気になるweb 29/100

デザイン あ言うこと無しの最強メンバー。楽しいし、お洒落です。 bjork北欧の歌姫。HTML5の仕様のようです。

基金訓練web講座 18日目。

6/24の初っぱなは、CSS 課題A 授業時間(約3h)以内で画像を含め出来ました。ちょっぴり成長?いや、Dreamweaverのおかげか。。。 その後は ユニットでおこすデザインについて。(selifフォントについても少々。)イラストでのマーク作りと書き出し。(書き…

adobe製品……

自宅Mac環境(10.5.8)でCS5は動かないよなーと思いCS3のDreamweaberやFlashを探していたら友人から「Mac版 Dreamweaber CS3は死ぬほどバグがあって使えない」と。で、再度CS5(5.5)と自宅Macを検証。メモリを最大に積みなおせば現状システムで動きそう!? …

気になるweb 27/100

±0家具や雑貨の±0。深澤直人氏のデザインモノは素敵です。 博報堂 買物研究所レシートに合わせた動きやデザイニングが可愛い。 YANAI MICHIHIKO元博報堂で、風と の箭内道彦氏のページ。ひたすら大きいインターフェースで、リンクがどこにあるか探す感じで…

基礎訓練web講座 17日目。

今日は、「コードビューでの入力:課題01」をDreamweaverでIllustratorでワイヤーフレーム作業gifアニメーションでした。

気になるweb 23/100

気になるというか、参考に…で、amanaamana。画像撮影、加工、ストックフォトとビジュアル全般対応の会社。ラフカンプ用に年間契約をするとダウンロード画像にウォーターマーク無し画像が落とせます。カンプ用の印刷なら充分なぐらい大きめで、デザイナー等は…

基金訓練web講座 16日目。

1カラムレイアウトの課題練習。お題はこちら無カラムと言いながら、複雑に組んでいるような。。。タグを打つことがままならず、Jimdoやデザインが進んでいない!!!このままじゃ、まずいです。。。溜まっていく課題もこなしていかないと!!!

基金訓練web講座 16日目。

本日はメニュー表記をCSSで組む課題。頭が古いせいか、テーブルで組んだ感じを思い浮かべてしまう。。。回答と照らし合わせ、なんとか 形 になりました。(冷汗)Ninja 下のPRを目立たなくする方法を検証しなくては!

気になるweb 21/100

ORIE ICHIHASHIカメラマン 市橋織江さんのページ。Flash使いでちょっと見づらくもあるのですが、こういうナビゲーション使いも有りだなぁという一例。 FUMIO DOIカメラマン 土井文雄さんのページ。Flash使いですが、写真の印象とあいまって心地よいです。 Ed…

基礎訓練web講座 15日目。

週明け、一発目は1カラムレイアウト-22個目がうまくいかず…四苦八苦です。先生に相談すると…… 全角と半角の表記の違いとのこと。またやってしまった。。。次は間違えないぞ!とさらに心に刻みました。

気になるweb 18/100

株式会社 日本デザインセンター以前は細めの書体でキリッとしたスタイルだったような。。。今は昔のDRAFTみたいな印象に変更。とにかく、縦に長いページ構成です。 MAKR CARRY GOODSアメリカの革バッグ&小物屋さんのページ。商品紹介が美しい!が、これも縦…

基礎訓練web講座 14日目。

本日は縦並びナビゲーション:課題3ナビゲーション リンク要素の背景画像置換課題3は予習済みだったので、そのソース(あんまり使われないタイプの三角を文字記号で入れてしまう奴)と先生の回答とを見比べつつチェック。「ナビゲーション:リンク要素の背景…

基礎訓練web講座 13日目。

本日前半は、CSSの外部リンクについて。 htmlの書き順も大切とのことで、<meta(charset="文字コード"が一番上)><title><link>のル−ルは厳守!外部リンクのCSSの記述も @charset "UTF-8" はトップに必ず入れる。(無くても、勝手に書き加わることもあるようですが。。。)私にとっての曲者。 <link href="フォルダ名/ファイル名" rel="stylesheet" type="text/css" media="screen, print" /> 「,」が「.」にな</link></link></meta(charset="文字コード"が一番上)>…

基金訓練web講座 12日目。

みなさま、お疲れさまです。 今週からぐぐっとせわしなく忙しくなったと感じるのは私だけでしょうか。。。 本日は、jimdoでのページ設定、レイアウトについて。 h1にあたる背景ボタンのスタイルシートによる組み込み方について。Illustratorにも入れたグラデ…

気になるweb 14/100

face拭っく ββ(ベタベタ)版賛否両論はありますが、ここまで本家のサイトをパクれるのはある意味すごいことなので、選んでみました。

気になるweb 13/100

A/Mクリエイティブマーネージメント会社のページ。オンマウスでじわーっと画像があらわれるのが面白い。 droogオシャレ家具屋さんサイト。シンプルな構造に惹かれます。

基礎訓練web講座 11日目。

本日はプレゼンの合間に2カラムと疑似クラスの課題とJimboの開設。 まずは課題から行ってみます。◎ 2カラム 完成図 2種 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <…</head></html>

気になるweb 11/100

今週末でブログの変更をたくさんやろうと思っていたのですが、 カテゴリー分けまでで惨敗中。。。 集中力が足りませんでした。 東京ガス:ガス・パッ・チョ!パッチョ君がかわいい! 社団法人 中央酪農会議 MILK JAPANナビゲーション部分のレイアウトがミルク…

気になるweb 8/100

DRAFT 言わずもがな、宮田氏率いるデザイン会社。全てにおいてあこがれの集団。 colette 数年前の Caperino&Peperone のアニメーション時代のHPもGoodでした。 SR 猫柳本線 椎名林檎及び東京事変のページ。デザインの味付けは違えど、上記3つのページは情報…

気になるweb 5/100

sourこんなこともできるんだと驚いたページ。 制作するのは大変だろうけど、見る側は楽しいページ。 TBWA/HAKUHODOイラストレーションが代理店の印象をフランクにしている。 さすが外資!って感じです。 Kokoro & Moi Julian Opi汐留の代理店のエレベーター…

基礎訓練web講座 10日目。

本日はおさらいテストの日。 自力では仕上がらず、先生の回答と照らし合わせてやっと完成。◎ 完成図 復習あるのみですね。。。後半はPhotoshop。CS3とCS5。MacとWinで仕様やショートカットが 違うので、ちょっと手間取ります。

基礎訓練web講座 9日目。

今日は疑似クラス横に並ぶナビゲーションAiでのグラデーション画像の作り方googleドキュメント/プレゼンシートの作り方など。その場では理解したとしても、自宅に戻っていざ自分で書きおこそうとすると頭が固まります。。。 明日の(今日の)テストと週明け…

基礎訓練web講座 8日目。

前半は今まで習ったところを教本でさらいつつ、CSSの float について。webでは画像や文字のデフォルトは左から配置される。なので、floatの指定は基本、右に意図的に動かす時に使う。IEの時にレイアウトが崩れないよう、セットで入れるタグが必要。float: le…

基礎訓練web講座 7日目。

前半は昨日の続きでスタイルシート指定のためのセレクタについて。タイプセレクタ全称セレクタ(=ユニバーサルセレクタ)... * { ボックスモデルの概念...padding、margin後半は、illustrator。地図おこし線のバリエーション縁取り文字illustrator(photosh…

基礎訓練web講座 6日目。

今日から《CSS》。はじめての内容がガツーンとたくさんで、上手く消化出来ていない私。 365歩のマーチ(古っ!)のように少しずつ前進できると祈りつつ…■ DTD(Document Type Definition文書型定義)◎HTML4.01 Transitionalの場合< !DOCTYPE HTML PUBLIC "-//W3…

週末の復習と予習。

来週の予定をBOSSからgmailで頂く。《CSS》(1) CSSを記述する前にXML宣言DTDの記述meta要素の必然性(2) 文字の修飾(3) ボックスモデルの理解(4) 背景を設定(5) 基本レイアウト