Design Office Cekilala Tokyo Japan
Posted By cekilala on 2010.07.24

http://www.cekilala.com/articles/study/728%e3%81%a8818%e3%83%af%e3%83%bc%e3%82%af%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97-at%e6%9d%b1%e6%b4%8b%e7%be%8e%e8%a1%93%e5%ad%a6%e6%a0%a1.html

初回の期日が迫ってきてましたが…
東洋美術学校のサマーキャンパスで今年もワークショップをやります。
7/28と8/18のエコバッグ制作です。
No.12/エココロバックで地球を守ろう! -ワークショップ-
http:// [...]

 

Posts Tagged ‘web’

web制作初心者の勉強の仕方をまとめてみる

Posted By cekilala on 6月 29th, 2009

web制作を初心者が一から学ぶためにはどうしたらいいのか。簡単にまとめてみます。

Web制作の現場において、絶対に欠かせない基本知識を学びましょう。

『標準Webデザイン講座 基礎編 第2版』

XHTMLについて学びましょう。

web上で学べる所もあるのでいろいろと探してみるといいでしょう。

例えばAcademic HTML 丁寧につくられたページです。

『HTML/XHTML&スタイルシートレッスンブック—ステップバイステップ形式でマスターできる』

ステップバイステップ形式で一つ一つ学べる一冊です。

『できる大事典 HTML & CSS』



必要に応じて、HTMLタグ辞典を購入しましょう。

HTMLを扱うときに手元に置いておくと便利です。インターネット上のタグ辞典ページでも構いません。気になったらすぐ調べることが肝心です。

『HTMLタグ辞典 第6版 XHTML対応』

Dreamweaverなどのソフトを使いたいのであれば

下記のような書籍を参考にしてみるといいかもしれません。Dreamweaverはなくてもweb制作は出来るので、あくまで制作補助アプリとして考えましょう。


Adobe Dreamweaver CS4日本語版 Macintosh版

『できるクリエイター Dreamweaver 独習ナビ CS3/8対応』
初心者向けの一冊です。

類書はいくらでもありますので、自分のレベルにあったものを探しましょう。

『Dreamweaver 逆引きデザイン事典』

逆引き辞典の類の方がやりたいことまでの距離が近くてよい場合もあります。中級以上におすすめです。

web上で学べる所もあります。過去のエントリーでいろいろと紹介しています。


PHOTOSHOPをつかいこなせるようにしましょう。

WEB制作には必須のアプリです。画像のパーツは主にこれで製作します。
『Photoshopデザインラボ -プロに学ぶ、一生枯れない永久不滅テクニック』

『Photoshop 10年使える逆引き手帖』

『Adobe Photoshop CS4パーフェクトマスター』

デザイン・レイアウトを学びましょう。

これはすぐうまくなるわけではありません。日々の努力の積み重ねが大事です。

『デザイン・ルールズ デザインをはじめる前に知っておきたいこと』

『デザインする技術 ~よりよいデザインのための基礎知識』

『デザインの教室 手を動かして学ぶデザイントレーニング』

『ウェブデザイン見本帳 実例で学ぶWebのためのレイアウト基礎』


「Webプロフェッショナルのための黄金則 「旬」なサイトに学ぶ76のデザイン・エッセンス」



必要に応じてIllustratorも使えるように。

web制作だけでは使わなくても出来るので、必要に応じて。または使えたら便利と考えて。
『Illustrator CS4 スーパーリファレンス』

『Illustratorトレーニングブック』

ブログを利用して理解を深めるのもひとつの方法です。

レンタルブログでもいいですが、Movable Typewordpressを使ってみるのもいいでしょう。どちらも個人利用は無償です(wordpressは商用も無償)。ブログを利用したサイト構築はこれからますます増えそうです。

「これからはじめる MovableTypeの本」

「WordPress 2.7対応「導入&カスタマイズ」実践ガイド—個人ブログも企業サイトも簡単&無料で構築できる!』


レベルに応じてステップアップをしましょう。

常に技術や情報は新しくなります。いつもアンテナを張っておくように。

『Web標準の教科書—XHTMLとCSSでつくる“正しい”Webサイト』

『現場のプロから学ぶXHTML+CSS』

簡単にとはいったものの、webデザインを一通り学ぶにはかなりの気力が必要です。最初からここまで来るのに2.3年は軽くかかってしまうので、飽きないようにしっかりと計画を立てながら勉強を進めていくのが賢明です。

関連する投稿

おすすめ、平日のサンシャイン60

Posted By cekilala on 5月 27th, 2009

近所のサンシャイン60展望台+国際水族館の年間パスポート(5000円)を持っているんですが、平日の近所ならではのおすすめっぷりを紹介したいと思います。
〔通常の展望台・水族館セット券は大 人¥2,100、こども(4才~小学生)¥1,100 〕

p1000759s

まず、展望台へのエレベーターの中はプラネタリウム仕様です。
プラネタリウムもあるんです。ものすごい早さで250mを昇ります。

p1000754

こちらは水族館の中です。ショーなのにお客さんがとても少ないです。
それは半ば冗談で、ショー後の居残り練習っぽいです。
平日はそんなに混んでいませんのでショーでもお客さんが+50人程度といった感じ。

p1000730s

ムーミンに出てくるニョロニョロです。

p1000737

クリオネもいます。

p1000750s

イソギンチャクです。変わった生物ばかりでなく、大中小といろんなものがいます。写真に撮っていないだけです…。
コツメカワウソやラッコにペンギン、マンボウ、アルマジロやアリクイ(なんで?水族?)なんかもいます。

ペンギンのショーなどもやっています。

p1000684

展望台は四方が眺められます。休日などになるとスカイデッキに出られます。ちょうど今展望台で世界の昆虫たち展が併設されています。

下の写真を見てもらえばわかるように平日は超ぉ〜空いています。たまたまではなく、だいたいこんな感じです…。

p10006871

大きなソファがいくつもあって静かなので寝るもよし、遠くを眺めて視力回復に努めてもよし、ここのカフェで食事・打ち合わせ・仕事をしてもよし、とにかくちょっとした会員制の(昭和っぽい)ラウンジです。

—————————————————————-

サンシャイン60展望台 営業時間 10:00~21:30

※入場は営業終了時刻の30分前まで
※スカイデッキのご利用は土・日・祝となります。
※天候により、スカイデッキの開放を休止する場合がありますのでご了承ください。

入場料金
大 人¥620、こども(4才~小学生)¥310、シルバー(65才以上) ¥500

—————————————————————-

サンシャイン60国際水族館 営業時間

10:00~18:00(平日)
10:00~18:30(土日祝)

※ 入場は営業終了時刻の30分前まで
※ Zoo-Zooハウスは10:30~17:30(土日祝は18:00まで)
※ Zoo-Zooハウスは場内清掃のため、ご覧いただけない時間帯がございます。

入場料金
大 人¥1,800、こども(4才~小学生) ¥900、シルバー(65才以上)¥1,500

—————————————————————-
コニカミノルタ プラネタリウム”満天”

営業時間

[上映開始時間]
■プラネタリウム番組
12:00、14:00、16:00、18:00
■CGプラネタリウム番組
11:00、13:00、15:00、17:00
■ヒーリング番組
19:00、20:00

※ヒーリング番組20:00の回は金曜、土曜日曜、祝日のみの上映となります。
※ 上映時刻・上映内容は変更になる場合がございますので予めご了承ください。
※ 日ごとの詳しい混雑状況はこちらで確認できます。(コニカミノルタプラネタリウムWebサイト)
入園料金

★プラネタリウム番組・CGプラネタリウム番組
[一般料金]
大人         ¥900
こども(4歳~小学生)¥500
シルバー(65歳以上) ¥720
※シルバー料金での購入時に年齢を証明できるものをご提示ください。
[団体料金(20名様以上)
大人¥720
小人¥400

★ヒーリング番組
一般         ¥1,200
団体料金(20名様以上)¥1,000
※ヒーリング番組への小学生未満のご入場はご遠慮願います。

[プラネタリウム・水族館セット券]
大人         ¥2,400
こども(4才~小学生)¥1,200
※ヒーリング番組にはご利用いただけません。

—————————————————————-

古代オリエント博物館

営業時間 10:00~17:00(入場は終了30分前まで)


料金
【常設展料金】
大人     ¥500
高校・大学生 ¥400
中・小学生  ¥150

※土曜・日曜は小・中・高生の入館料が無料になります。

—————————————————————-

展望だけなら無料の都庁や文京シビックセンターなどもオススメです。
展望台からの夜景をまだ見に行ってません。そのうち。

関連する投稿

自由に使えるオープンソースの日本語フォント

Posted By cekilala on 5月 26th, 2009

自由につかえる日本語フォントサイトの紹介。下記はその案内文を引用。結構数があるのでフォントに困ったらひととおり探してみる価値はあるだろう。

オープンソースのソフトウェアが質、量ともに充実していくなかで、日本語フォントは成長が遅れていた分野の1つだが、徐々に選択肢を増やしてきている。行 書体や隷書体などはほとんど見かけないが、日常的に使用するゴシック体、明朝体であれば実用になる日本語フォントがオープンソースで利用可能になっている のだ。そこで本稿では、オープンソースの日本語フォントを集め、それらの概要とサンプルをカタログ化してみたい。

http://sourceforge.jp/magazine/09/04/27/0313213

他に商用とフリー和文フォントに特化した 和文フォント総合Webサイト
「和文フォント大図鑑」

関連する投稿

Dreamweaverの使い方を動画で学ぶ(初心者向け)

Posted By cekilala on 5月 11th, 2009

アプリケーションの使い方はなかなか覚えにくいもの。動画で説明を見ながら同じ作業を何度か繰り返すと身につくのも早いと思います。

Dreamweaverの使い方を動画で説明してくれる便利なサイト三つを紹介。
Dreamweaverの使い方(操作方法)をアニメーションで覚えよう
Dreamweaver8入門・動画講座(ホームページの作り方)
Adobe Podcast 「アドビ ポッドキャスト」

バージョンは多少違っても基本的な機能や操作パネルはあまり変わらないので、気にせずトライしてみましょう。

       

最近の学生は独習があまり出来ないように感じます。私はデザインやアプリケーションを人に習ったことがほとんどないので、ちょっと呆れてしまうこともあります。書籍を読解する力がないのか、集中力が足りないのか……その両方なのか……。寝食を忘れて制作に打ち込むような集中力を持った子は最近なかなかいないのでは??

関連する投稿

WEB制作に便利なホームページ(初級編)

Posted By cekilala on 4月 26th, 2009

stock.xchng
イメージ写真がフリーで利用できます。サインアップで登録したら、検索窓にキーワードを入れてダウンロード出来ます。

Free Icons Web
WEBで使えるフリーアイコン集

Favicon Japan
ファビコンに関する専門サイト。ファビコンの自動作成もできます。

Stripe Generator
ストライプを生成してくれるジェネレーター。

COLOURlovers
配色やパターンがダウンロードする事が出来ます。

Type tester
CSSでのテキストデザインをリアルタイムで編集できます(英語のみ)。

Background Labs.com
フリーのバックグラウンド画像をダウンロードできます。

BgPatterns
バックグラウンドのタイリングパターン画像を生成してくれます。

Tartan Maker
タータンチェックのバックグラウンド画像を生成してくれます。

SEO 検索エンジン最適化
SEOの総合情報サイト。

関連する投稿

ただ見ているだけでも楽しい デザインやイラストの制作資料に便利なデジタル図書館いろいろ

Posted By cekilala on 4月 24th, 2009

ただ見ているだけでも楽しい、デザインやイラストの制作資料に便利なデジタル図書館をいろいろ取り上げてみました。あれってどんな形だったっけ?とか、ちょっとしたときに役に立つと思います。

ユネスコ世界図書館
世界各国の図書館が収蔵する貴重な書籍や図版などをインターネット上で無料閲覧できる。日本からは国立国会図書館が資料を提供し、「源氏物語」や日本国憲法、古地図などが収められている。

国立公文書館デジタルアーカイブ
重要文化財や国絵図等の大判資料などを、高画質のデジタル画像でみれます。

国際子ども図書館:絵本ギャラリー
18世紀から1930年代に至る期間の、日本と欧米の絵本の名作を紹介しています。

国際子ども図書館 児童書デジタル・ライブラリー
国際子ども図書館で所蔵する児童書の一部(おもに昭和30年以前刊行のもの)を、デジタル画像でみれます。

東京大学医学図書館 医学図書館デジタル資料室
杉田玄白らの解体新書とか江戸時代の解剖に関する書籍などが見れます。

「東洋文庫所蔵」図像史料マルチメディアデータベース
シルクロード研究の基本的文献史料を展示。写真なども。

国立国会図書館 – National Diet Library
伊能忠敬の大日本沿海輿地全図、節用集、顕戒論、大唐西域記等。 … 出展された資料の目録です。 各資料の解題と数点の画像がご覧になれます。 地図や巻物、絵本に写本など、10点の資料を詳細にご覧になれます。

長崎大学電子化コレクション
幕末明治期日本古写真コレクション、グラバー図譜等。 長崎大学附属図書館が所蔵する古写真や貴重資料をデジタル化したものが閲覧できます。

九大デジタル・アーカイブ
九州大学が所蔵する記録史料を中心にデジタル化し、これをマルチメディア・データベースで保管・蓄積したものです。 江戸時代以来の地域・外交・産業・文化に関する記録史料、さらに古地図や絵画、写真をもとに構成しています。

PORTA(国立国会図書館デジタルアーカイブポータル)
国立国会図書館デジタルアーカイブポータル(PORTA)は、国内各機関が公開するデジタルアーカイブを統合検索するシステムです。
現在の検索対象は40アーカイブです。

Europeana
EU加盟国の公共図書館、美術館/博物館が所蔵する書籍や地図、写真、絵画、新聞、動画などのデータを収録し、誰でも無料で検索・閲覧できる、EU初のオ ンライン図書館。EU圏内の25カ国語に対応し、仏ルーヴル美術館、蘭アムステルダム国立美術館、蘭王立図書館はじめ、1000以上におよぶ文化団体の 協力を得て、約200万点ものデータを収録している。

沖縄デジタルアーカイブ「Wonder沖縄」
沖縄の持つ様々な文化資産等の映像や写真、音声、文字情報などを公開しています。

デジタルアーカイブ関連サイトの総合リンク集
その他たくさんあります。

関連する投稿