Posts Tagged ‘dreamweaver’

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 Typeやwordpressを使ってみるのもいいでしょう。どちらも個人利用は無償です（wordpressは商用も無償）。ブログを利用したサイト構築はこれからますます増えそうです。

｢これからはじめる MovableTypeの本｣

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

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

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

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

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

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

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の総合情報サイト。

Webの“今”を伝えるクリエイター向けアドビ「EDGE Now！」

Posted By cekilala on 4月 4th, 2009

Web分野などに興味のあるブロガーを対象に、デザイン性に優れたWebサイトを紹介。ブロガーが登録し、Web上で見たデザイン性の高いサイトや企画力のあるサイトの紹介をブログに書くと「EDGE Now！」に情報を公開。より多くのブロガーに取り上げられたWebサイトを「注目度の高いサイト」として評価する。「ブロガー自身が作り、育てるWeb サイト」を目指す。とのことだ。

S5-Styleと同じようにwebの流行デザインをつかむには便利なサイトだが、
サイトのコンテンツが人任せなのがかなり心配だ。いつまで続くかな。
授業で取り上げるためにエントリーしました。

EDGE Now！