■

カレンダー（MOのデータ）
１００のポスター（MOのデータ）

観察描写　（撮影）
銅版　（撮影）

■

webページを解剖したサイト
http://www.damedarcy.com/

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

http://a.hatena.ne.jp/joho_to2006/
→皆様のペエジに飛べます。
http://d.hatena.ne.jp/ooooka/
→先生。

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

bookmark ソーシャルブックマーク(自分のブックマークを共有できる)
antena に登録。便利。

• • • • • • • • • • • • • • • • • • -

1. 成田亨さん。

ウルトラマンの怪獣を制作された方。

1. タナカカツキさん

オッス！トン子ちゃん

オッス!トン子ちゃん (扶桑社文庫)

タナカタナ夫DVD

• • • • • • • • • • • • • • • • • • -

http://d.hatena.ne.jp/ooooka/20060601
webの問題点

グランド・デザインの問題点)→プランナー、ディレクター、クライアント　
誰に何を伝えたいのか。
が、元になってます。

奇麗なサイトだけが良い訳でもない。。ex) 楽天

• • • • • • • • • • • • • • • • • • -

http://a.hatena.ne.jp/joho_to2006/
→皆様のペエジに飛べます。
http://d.hatena.ne.jp/ooooka/
→先生。

http://www.missouriskies.org/
人様のものを奪い取りました。。orz

• • • • • • • • • • • • • • • • • • -

・何を伝えるのか)-コンテンツ
　　　　　　　　　　　　　　）ーー・何を目的とするサイトか？
・誰に伝えるのか)-ターゲット　　　　　｜・サイトの構造/ディレクトリ（階層）　　　
　　　　　　　　　　　〈サイトの設計 ｜・コンテンツ　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　L プロローグ　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　プロフィール　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　アイテム　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　メモリアル　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　　　　......etc　　　　　　　　　　　　　　　　　　　　　　　　

第一階層　ー　第二階層　→　第三階層　→これ以上だと、深い
〔TOP〕 →　〔INDEX〕 →〔プロフィール〕
　 　　　　　　　　L (目次) 〔アイテム〕
　　　　　　　　　　 　　 〔メモリアル〕
　　　　　　　　　　　　　 〔カルタ〕
　　　　　　　　　　　　 　〔ボイス〕
　　　　　　　　　　　　 　　〔.........〕

4クリックでたどり着ける

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

ナビゲーションデザイン
　
・ページ分割パターン
　　　　　　　・メニュー
　　　　　　　・コンテンツ
　　　　　　　　　　　　　が相応しいか。　　　　　
　タブメニューなど（第一階層）

• • • • • • • • • • • • • 参考サイト様ーロッキュー

■

Q.フェッチ。。の意味がよく分かりません。。。
あっこにデータを置くと、うまくサイトを作ってくれるんでしょーか。。

A. a-クライアント b-サーバ c-家
aのデータをcのPCに見てもらいたい時、bに一回データを通さなければいけない。
　フェッチはデータをサーバにアップロード、ダウンロードしてくれるファイル。ftpソフトと言う。　ftp=file transfer protocol

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

Q.というかyou tube の映像を保存した物が、未だに見れない状態。。
flvプレイヤDLしても何も反応が無いです；；
適応するアプリケーションが有りません。。。（？！）
アプリケーションってなんなんでしょ。。

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

http://2006webdesign.joho.to/jkjk　　　i webで制作中のHP。

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

フェッチにサイトの内容を登録（？）して、
できたwebページを見てみる。出来ていました。
すっげシンプル。。

また編集したいときは、編集途中のファイルを開いて、書き直したら、保存して、またフェッチに入れる。。？
編集したら、ファイルメニューから、フォルダに公開。で保存した物をフェッチに入れる。

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

・インターネットって何？
ティム・バーナーズ・リーさんがつくった。
world widw web - www
クモの巣が世界中を覆っています。
サーバ同士が物理的につながれたネットワーク。
☆共有っつーことが味噌。
　

・Http　
・HTML（プログラム言語の一種、タグを使って書く、ハイパーテキスト、☆世界中の人が情報を、共 有する仕組み）

　　　　　〜.htmlみたいなファイル名。
　　　　　サイトのソースを見ると、〈／img〉とか。。タグって言う。
　　　　　タグを用いたページをHTML　ページ。
　　　　　どんなコンピューターでも、このページが見れる。
　　　　　っていう共通書式を作った。すげーティムさん。

　　　　　今はワープロで文章作成するみたいにサイトページが作れる。

・共有する為のルール
　共有できる物がレヴェルアップしてきました。
　文章 txt. html- 画像 gif jpeg- 音声mp3 wav.- 映像qtu mpg
　　☆ コンピュータ同士で、共有するためのルール→拡張子をつけること！！
　☆データ名は、半角英数で！！
　

・プロトコル
　wwwでデータを相互通信するための手段。
　　全部Pがつきます。（P表記はルール、P前の言葉は内容。ex.メール）（略語解説はググろう。）
ftp =　file transfer protocol
SMTP =　send mail transfer protocol
http =
pop =　

内容は、webブラウザー、 safari、 Internet Explorerでダウンロードする。。（誤？）
　　　　フェッチにて、アップロードする。？

公開されてないファイルのことを、ローカルファイルって言う。

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

今日は長いです。

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

1. 仕組みのお話
2. ウェブサイトのお話

・Webサイト→何かを「伝え」「共有する」ため
　　　　　　　
　　　　　　　☆何を伝えたいのか？）→コンテンツ（ ex.10枚のJPEG　（ex.ポートフォリオ

☆誰に伝えたいのか？）→ターゲット　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
この2つがアヤフヤだと、何がなんだか分からない。

良いデザインとは何だろう？

悪いウェブデザインは？？
背景と文字色が同じ
文字でけえ、ちいせえ
改行なし
文字が光る（目に悪い色
どこに何が有るのか分からない
どこがボタン？
音楽止められない
サイトの概要（サイトマップ
リンク切れ
flash
別ウインドウが開く
mac windowsの差ありすぎ
（フォント
広告多い
画像重い
スクロールできない
1ページながーーーーーーーい
SEO→サーチエンジンに偽のキーワードを沢山入れる。
文字化けしすぎ
機種依存の文字使ってる
java使い過ぎ

■

先生の教え。
課題をやる気力が消え失せたとき〜
to doリスト書く
手を動かせばいいだけのものからやるとおススメ。
んで、頭を動かす。。
you tubeばっかみてないよーに。。。（無理臭い）

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

サイト、ロゴ作り
（フォトショの場合）
幅　630pixel
高さ300pixel

（イラレ）
作ったら、ファイルから、web用に保存

gif-モノクロ、パッキリした色の画像
jpeg-写真

デスクトップに保存

i photo にドラッグ保存

i Web のページを開き、i photoからドラッグ、配置

（サイズが合わなかったら、イラレで縮小したり作り直す）

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • -

ロゴを作る
　フリー書体　typenow.net
デザイナーズフォント　グレイグラフィックス　

• • 利用規定、確認すること

タイトルロゴ
タイトルを決めて、色々な書体で打ってみる。

ほかに、　
Themed Free Font
TV MOVIE RELATED Font 映画の書体が！！きゃあ。

エキサイト　の　サイトで翻訳！

■

好きな作家のサイトをメモ。　ポートフォリオが見られるものがいい。

私が好きな作家様のサイト。秘密にしておきたい！！

　http://www.damedarcy.com/
dame darcy様。

ファッションデザイナーの方。
私が世界一尊敬している方です。

　http://www.viviennewestwood.com/flash.php
vivienne westwood様。愛し。

ブックデザインやオブジェ制作、執筆活動をなされてる。
「アリスの不思議なお店」絵本。一目惚れです。

　http://interwave.or.tv/museum.htm
　http://www.fredericlement.net/
上から、日本版サイト、パリ版サイト。

イラストレーター、画家。

http://www.andrearosengallery.com/artists/artist_artwork.asp?id=1

Rita Ackermann.　大好き。

他にもまだ絶対居る。が、頭が弱いため、名前思い出せず。

■

サイトから映像をダウンロードする事はできたのですが。。

再生ソフト、何をダウンロードすればいいのやら；；
たいていwin用になってるよな？（不明）

アプリケーション。。？？？？？

勉強不足です。

つか課題やれよな話ですが。

どうもこれがひっかかる。。。

■

http://yaplog.jp/strawberry2/

しょこたん☆ブログ。　かわゆすです。