ピンデザイナーより
Webデザイナーおススメソフト
やはり道具ですか？
道具ばかりに頼るのはよくないことですが、最低のツールはそろえましょう。
 |
Web デザイナーの必須の画像処理ソフトです。写真の加工やイメージの作成をします。これがなければはっきりいってキツイです。
Photoshop CS2 Windows版 Photoshop CS2 Windows版
|
 |
Photoshop Elements 4.0 Windows版
|
 |
Illustrator CS2 Windows版
Illustrator CS2 Windows版
|
 |
まとめて買ってしまえ！と思う方に！Creative Suite 2 Standard windows版 Creative Suite 2 Premium Windows版 Education版 |
 |
ActionScript（プログラム）でアニメーションを制御し自由な表現をしたいのならばProfessionalを選択しましょう。 Flash Professional 8 Flash8 Professional エデュケーション版 |
 |
Ｗｅｂサイトに「動き」を与えるインパクトを与えるなら、Scripｔを使わないで画像を動かすならばこれにしましょう。細かい動きはこのソフトです。 |
 |
複雑な動きもテンプレートから設定することにより手軽にアニメーションが作成できる。パワーポイントのように設定して、お手軽にサイトに動きをつけるならこれにしましょう。 FlashMaker 3 for Windows
|
 |
もっとお手軽にサイトにアニメーションを挿入したいならこれです。 eプライスシーズ FlashMaker スリムパッケージ版 |
 |
Ｗｅｂデザイナーなら絶対に必要なレイアウトソフト。今のところこれにかなうレイアウトソフトはありませんよ！ＣＳＳの機能が強化されました。 Dreamweaver 8 |
 |
Flash Professional 8 、Flash 8 Video Encoder、Dreamweaver 8、Fireworks 8 、Contribute 3、FlashPaper 2が含まれてWebページ作成の必須ソフトが全てそろったお買い得品。明日からＷｅｂ制作が始められます。 価格：Studio 8 |
エデュケーション版、Education版、アカデミック等の表示があるものは、学生割引のことです。別途証明書が必要です。 なお、職業訓練校に在籍中ならば、証明書が発行することが出き、学生割引ソフトを購入することが出来ます。 リンク先のPCDEPOTでは、10,500円(税込)を超えるお買い物につきましては日本全国送料無料となります。 |
|
表示できない文字？機種依存文字
この機種依存文字というのは、わかりやすい例題で解説すると、携帯電話のメールで、ドコモとＡＵでやりとりしたときのことを想定してみよう！
そうです。ドコモの絵文字をＡＵに送ると「＝」という表示になってしまいます！逆もそうなってしまいます。これと同じこともWebページでも起こるのです。
Windowsでは問題なく表示されていてもMacでは意味不明な文字として認識してしまうのです。
代表的なものには、次のようなものがある。(例です）
Macの貴方ごめんなさい。！
| 分類 | 表示見本 |
|---|---|
| ローマ数字 | �髴鴾龕��� |
| 年号・ミニ文字・単位 | �漾´筺´屐´� |
| 丸囲み文字・括弧文字 | �絖膈薛茘雖� |
| 数学記号 | Σ √ �� ∩ ∪ |
| 丸囲み文字 | �´↓��き� |
Webサイトと紙（広告、雑誌）との違い）
- 多人数が同時に情報発信、情報交換することができる。
- ＰＣの画面を通してみるので、紙面よりも、目に負担がかかったり一画面に表示できる情報量が少ない。
- 画面をスクロールし、リンクのクリックが何回も繰り返されるので次のページをみるのに時間がかかる。
- 紙面はある程度、連続性や関連性があるが、Webサイトは、リンクをクリックすれば、関係のないページに移動できる。なので情報が断片的であり、直感的である。
テーマ:初心者のために・・・ - ジャンル:コンピュータ
Web関連アプリケーション３（ブラウザ）
今日現在の最新バージョンで解説。
- Internet Explorer 6(Windows)
略してＩＥ。Windowsパソコン標準搭載であるが、異なるバージョンをインストールできないし、削除することもできない。 - Netscape 7.1(Windows)
略してＮ。ブラウジングエンジンの改良で、安定性、スピードが更にアップしたそうです。 - Firefox 1.5
最近急速にユーザーが増えている。画像のダウンロードが一番早いように思われる。また拡張機能を付加することができる。 - Opera 8.50
このバージョンより無償でしかも広告がなくなりました。（以前は無償版には広告が…）最近はモバイル用端末ブラウザにも。 - Safari 1.2（Mac osX）
Macの標準ブラウザ？です。高速と安定はやはりこいつ？
Web関連アプリケーション２
HTML編集用
- メモ帳（windows付属)
最強ですが、ライン番号やスペルチェックができません。 - TeraPad
HTML/Perl/Ruby/INI/BAT/C++/Java/HSP/Delphiの各種編集モードがあり便利。また書籍も発売されている。 - サクラエディタ
拡張ツールによりさまざまな言語に対応できるようになります。
筆者はこのツールを愛用しています。ＨＴＭＬのスペルチェックも色の変化によりチェックできます。 - ｍｉ
ただしMacOSX用しかありません。
Webにおける知識やアプリケーション
- 画像処理（写真加工）等のアプリケーション
■Adobe Illustrator：ロゴマークやイラストを作成する。
■Adobe Photoshop：写真加工や合成。
■Macromedia Fireworks：上記両方を備えた面あり。価格は安め。 - Ｗｅｂサイト制作向けアプリケーション
■Adobe GoLive
■Macromedia Dreamweaver
■ホームページビルダー
主にＤｒｅａｍｗｅａｖｅｒはＷｅｂ制作業界で圧倒的なシェアを誇っています。 - Ｗｅｂアニメーション制作向けアプリケーション
■Macromedia Flash
最近では広告表示用のアニメーション（バナー広告）等や携帯電話、車のナビゲーションにもＦｌａｓｈが使用されています。 - 言語
■ＨＴＭＬ（ＸＨＴＭＬ）：文書構造を定義するもの
■ＣＳＳ：レイアウトや装飾を定義するもの
■ＪａｖａＳｃｒｉｐｔ：動的なものを作成。例えば、おみくじなど
のアクセスするたびに表示が変わるもの。
■ＣＧＩ、ＰＨＰ：掲示板やアクセスカウンターやフォームメール
もしも仮に…Ｗｅｂツールすべてそろえるとしたら…
| Adobe Illustrator | 83,475円 |
| Adobe Photoshop | 100,800円 |
| (Adobe)Dreamweaver | 50,400円 |
| (Adobe)FlashPro | 88,200円 |
だったらお得に
Studio 8 126,000円
でいかが？これならDreamweaver、FlashPro、Fireworksセットでお得です。
Webページ（ホームページ）の裏側
例えばWindowsのInternetExplorerで適当なＷｅｂページを表示させ、上の「表示」メニューから「ソース」を選択すると、メモ帳が開いて日本語と英語が混じったような文章が並んでいると思います。
たとえば、このページを上記のようにしてみてください。
よく見ると、日本語に（日本語のページを見ているとして（笑））英語らしきものが混ざっていることでしょう。
さらによく見ると、<html>のように、括弧でくくった文字列？英単語？略語？を見つけることができると思います。
この括弧でくくったものを「タグ」といい、文字列や文章にこの「タグ」というマークを付けることで、文章をレイアウトし、画像を貼り付けてＷｅｂページを作成することができるのです。
Ｗｅｂページの正体はこのようなＨＴＭＬ言語の「タグ」で制作されていることが多く、Ｗｅｂページを制作するためには、この「タグ」を記述するための「ＨＴＭＬ言語」を学ぶ必要があるのです。
もちろん、「ブログ」もそうなのです。
ですから使い方を知っているか？どうかで多少違った表現ができるようになると思います。
