Web_Design:動きのあるWEBページを作成する!

画像ツール関連は	→●画像ソフトへ


　３年前に会社で、ホームページをどう作っていくか？というテーマで会議が開催された。
　議論百出した結果、要するに
　1. 一流レベル(デザインや見た目の機能)のページ
　2. 外注せず社内制作
　で、誰が作るの？....はぁ！(?_?)(*_*)(/_;)(^o^)

　現在(2004.7)、３年前とは大きく変化し、ほぼ落ち着いた感がある。
　企業ホームページの場合、体裁が大事だから内部制作は難しい。
　しかし外注する場合、低コストでハイレベルというのはなかなか困難。
　WEB関連ツールも充実してきたので、３年前につくったこのページを再編集してみる。

　今回のテーマは、ホームページの見た目の話。
　いろんなホームページを見ているとなかなか面白いものもあるけど、自分のとこのに
アイデア借用しようとしても、技術知識がないと無理なケースが多いので、その辺も
一通りおさらいしようというわけです。

　既製のWeb制作ツールを使うのが一番手っ取り早いので、そのへんも調べてみた。
●総合Web編集ツール
　総合的にはFrontpage[Microsoft]とHomepage Builder[IBM]が著名だし良いと思う。
デザインとかクリエータ向けとなると　Macromedia Dreamweaver vs Adobe Golive。
　※因みに僕自身は、普通のEditor(WZ Editor)でhtmlを書いていて、必要に応じて
FrontpageとHBで画像加工・文字加工してoutputしたソースを切り貼りして使用。

●動画
　動画(Movie, video)や音楽のストリーミング主体のページを考える場合は Macromedia 
Flash vs Adobe LiveMotion。
　実際に"お!!"と思ってsourceをを見ると、全部Flashですね。(米国サイト)
　Adobe LiveMotionは2003.11に販売中止に！　Flashが完全制覇。
　因みに2004年夏にFlash互換、Flash制作ツールが数点[別記]出現。

●画像
　Adobe Illustrator(ドロー系)とAdobe Photoshop(ペイント系)が最高峰。
　高機能で操作性も群を抜き追随を許さない。　しかし高価。
　Fireworks[Macromedia]も優良。　低価格品では、PhotoImpact 8[Ulead]が最高で、
　次いでPaint Shop Pro8、共にペイント系でドロー系機能が弱い。

●3D
　WEBの世界にも3Dを使うケースも多くなった。
　世界標準のAutoCADをはじめとするCADソフトが中心。
　しかし価格も超高価(数十万から数百万)な上、習得が困難。

●ソフト販売価格
　Macromedia製品 Dreamweaver4+ Fireworks4+ Flash5 =\75,800 →\61,800
　Adobe製品　　　Golive5.0+ LiveMotion+ Photoshop Elements =\84,000 →\24,000
これが2001年の実勢だった。
　この頃は個人で手軽に買えた。　現在は、既にWEB Creator等プロ用価格になってしまった。

★一時保管所
DREAMWEAVER/FIREWORKS/FLASH　
　Webデザインスーパーテクニック[株式会社ソーテック社]
[SevenColors]テックイラスト道場～Illustrator講座

●WEBページ作成ツール

●Web Authoring
　Dreamweaver, Adobe Golive, MS Frontpage, Homepage Builder[IBM]。
　Webクリエータでは、Dreamweaverが75%の圧倒的シェアというが、実際もコレでしょう。
　しかしAdobe Goliveも個別機能では捨てがたい。

●Dreamweaver or Adobe Goliveは必須か？
　自分の場合、Frontpageを使っている。　そうした場合に更にWEB Creatorツールと
して必要か？という問題。
　--- 各Flash, LiveMotionを使う場合には、あったほうが良いだろう。

●最近の動き
　総合WEB編集ツールとして、以下に注目。
Homepage Creator[Namo]7,980円 - 機能比較
 - 高機能～上級者まで対象
ホームページ制作王6[ジャングル]\8,190(発売2004.3)
 - 初心者～中級対象


●比較データ
 メーカー側機能比較は適当だし、最近の比較データは見つからない。
特集 ＞ コレが買い!　いまどきのホームページ作成ソフト選び
 --- 動きの「Dreamweaver」か、緻密なレイアウトの「GoLive」か
斬・Webオーサリングソフト（後編）
「ホームページ制作ソフト特集」[Softplaza,2004.2.2]

■Dreamweaver

●「Dreamweaver MX 2004日本語版」全世界で240万人ものプロユーザーが利用しているWebページ作成ソフト
　価格\50,400円(税抜48,000円)、発売日2003.11.28。　試用版あり。
　[機能]　サイト管理機能、ファイル転送機能を統合。 XML, JavaScript機能。　画像(
Flash,Shockwave,Fireworksなど)機能
　[DB機能]XML(パーサー,タグDB), JavaScript(デバッガ等), MS Office(Excel/Access読込)
 4→MX→MX2004; MXからUltraDeveloper機能統合。

●メーカーサイト
Dreamweaver MX2004日本語版[マクロメディア社]
Dreamweaver 4競合品比較[マクロメディア社]
　Adobe Golive6, MS Forntpage2002と比較。　圧倒的に、Dreamweaver MX2004という結果だが。

●評価と特徴
・Flash,Fireworksとは、独自の統合機能により、ファイルを交換しながら作業可能
・JavaScriptビヘイビア機能(コードを直接入力しなくてもJavaScriptを使ってインタラ
クティブな動きのあるページを作成するための機能)

●一般サイトから
プロフェッショナルWeb作成ツール Dreamweaver 4[BiglobeSoftPlaza 2001/04/24]
 Macromediaから発売されているDreamweaverが、バージョンアップしました。HTMLの微調
整、画像編集ソフトとの連携、JavaScriptの開発環境など、さらに高機能で使いやすく、
非常にオススメです。 既存のHTML編集ソフトに不満を持ち始めた方は、Dreamweaver4を是非おためしください。
Dreamweaver徹底活用 by Tomoaki Ueki
 --- サンプル付きでどんなことが可能か実感できる。
Macromedia Dreamweaver 3 特集　第255号(2000/06/22)[BIGLOBE SoftPlaza]
DREAMWEAVER 2 日本語版　第149号(1999/03/29)[BIGLOBE SoftPlaza]
マクロメディア「Dreamweaver 4 Fireworks 4 Studio 日本語版」:作業効率重視のWeb作成ソフト、Webページのデザイン、変更、管理を2つのソフトで連携して処理(日経パソコン2001年2月19日号)
マクロメディア「Dreamweaver 3/Fireworks 3 Studio」:画像処理とWebデザイン、2つのソフトの連携が便利:(日経パソコン 2000年3月6日号)
マクロメディア「Dreamweaver 3 日本語版」:凝ったページを作るのに最適なツール ヒストリー機能などマニアックな改良(日経WinPC 2000年4月号)
マクロメディア「Dreamweaver2 日本語版」:価格は高いが機能は万全、新版はサイト管理機能を強化:(日経WinPC 1999年4月号)



●書籍
Macromedia関連書籍情報 ---ソフト別
「速習Webデザイン Dreamweaver 4」(技術評論社) http://www.gihyo.co.jp/
境　裕司著/B5判224p/\2280+tax/CDROM付属

Dreamweaver4ビュンビュンテクニック[Ascii]
著者等 オッドジョブ著/発売日 2001/03/27 /形態 A4変 (144ページ) 
付属品 CD-ROM1枚 /価格(税抜) 1,500円 /ISBN 4-7561-3759-8 
内容 クールなWebクリエイターになる方法、手取り足取り教えます。 
目次 Part1　START UP編,Part2　Dreamweaver編,Part3　Fireworks編,Part4　ビュンビュンテクニック編
　註)現物を見たが、わかりやすそうだった。

ウェブデザイナーのための DREAMWEAVER３＆FIREWORKS３[AI出版]
杉山 敦 著　B5変形判　400頁　本体価格 3,000円（税別）/ISBN:4-87193-758-5
CD-ROM付き 。　目次付き、付属CD-ROM内容一覧付き。　サンプル有り。　公式サポート頁 http://www.bsc.to/fwdw/

DREAMWEAVER WEB MASTERING BOOK[翔泳社]
植木友浩 著/定価：3400円+税/B5変判　2色刷384p/付属品：CD-ROM 1枚
ISBN4-88135-954-1 /発売2000/10/20  /目次付き

■Adobe GoLive 5.0日本語版

　発売日2000.10、価格\39,800(2万本特別価格\18,000)　試用版あり。
　ウェブサイト構築ツール
　Active Server Pagesに対応し，ASPを使用したデータベースアクセスのページ作成もで
きる。GoLiveからデータベースにアクセスしてスキーマ情報を取り出し，ページ作成画面
でオブジェクトとデータベースの列の対応を定義するなど行い，拡張子が.aspのファイル
を作成する。それを，GoLiveでプレビューすることで実際にデータベースアクセスが行わ
れる。データベースの状態にもよるとは思われるが，サーバにアップロードしなくても，
.aspファイルのプレビューができるのである。現在はASPだけだが，将来的にはJava Serv
er Pages，PHP，ColdFusionなどのほかのサーバサイドスクリプトおよびデータベースア
クセス環境に対応する予定だ。
　[DB機能]「Adobe GoLiveダイナミックリンク付き」 ワークフロー・デザイン・リン
ク・テストが簡単に可能。　高品質なASPの自動生成。

●メーカーサイト
Adobe Golive[Adobe]
Adobe Golive競合品機能比較[Adobe]
 Macromedia Dreamweaver 4, MS Frontpage, らと比較。(比較対象はGoliveが得意とす
る)データベース機能とe-Commerce機能)

●ニュース
「HTML手書き派」を誘惑するAdobe Golive 5.0
ビデオ機能やそのほかのアドビ製品との統合が強化された「GoLive 5.0」
GoLiveがバージョンアップ，データベース開発やプログラミングに高い配慮
Adobe GoLive 4.0 特集　第264号(2000/08/17)[BIGLOBE SoftPlaza]
 ＤＴＰ ソフトに近い感覚で Web ページを作成でき、文書を作るというより「ページを
レイアウト」することを可能にしています。 他の人とは違った、ワンランクもツーラン
クも上の「Webサイト」を目指すなら、やはりツールにはこだわりたいもの。そんな本格
的サイト構築を可能にする強力な Web サイト作成ツールです。

●一般サイトから
Golive by Tomoaki Ueki


●書籍
Adobe GoLive5.0で作る先進のWebデザイン[アスキー]
発売日 2001/01/15 /形態 A4変 (144ページ) 付属品 CD-ROM×1 /価格(税抜) 1,280円 
ISBN 4-7561-3635-4 /内容 Adobe GoLiveの先進的で直感的な操作性を学びながら、個性
的なホームページを作成できる。インターネットでなじみの深いフリー素材作者による素
材も収録。 
目次 準備編GoLiveってこんなソフト,基本編テキストの入力と装飾の手順
Part1 Webサイトの構成を考える,Part2 トップページを作る
Part3 商品紹介ページを作る,Part4 フォームを使って注文ページを作る
Part5 マルチメディアをフューチャーしたお楽しみページ
Part6 サイトのアップロードと管理,Part7 リファレンスヘッドセクション／CSS／アクション

■他のWEB編集ソフト

●ソフト紹介

●日本アイ・ビー・エム「ホームページ・ビルダー Version 6」:動画編集などの機能が加わったHP作成の定番(日経ベストPC2001年1月号) 日本アイ・ビー・エム「ホームページ・ビルダー2001」:ウィザードが改良され、より使いやすくなった:(日経パソコン 1999年10月4日号) ●ホームページデザイナー2001特集　第261号(2000/07/21)[BIGLOBE SoftPlaza]
ホームページデザイナー2001 は、NEC が発売しているホームページ作成ソフトです。ホームページ作成ソフトには、Web デザイナーをうならせるほどの高度なものから初心者が手軽に扱えるものまで数多くありますが、ホームページデザイナー 2001 は徹底的に初心者ユーザー向けに作られています。

●hotdog professional　第141号(1999/02/17)[BIGLOBE SoftPlaza]
「hotdog professional」は HTML のタグの入力を主体としていますが、デザインをプレビユー画面でリアルタイムに確認できます。HTML の理解と HTML エディタの本来持っている作業の効率性を合わせ持っているソフトです。

●テキストエディタ特集　第260号(2000/07/19)[BIGLOBE SoftPlaza]
テキストエディタとは、テキストファイルの作成と編集を行うソフトです。このソフトは起動が速く、動作が軽快なので、本来の用途であるプログラム開発以外に HTML ファイルの編集や肥大化して処理が重くなったワープロソフトの代わりに文書作成に使われます。

●Web 関連ツール特集　第250号(2000/05/15)[BIGLOBE SoftPlaza]
現在多くのソフトメーカーから様々な特徴をもったオートパイロットソフトが発売されていますし、オートパイロットソフト以外にも、自動的に電話料金を計算するソフトウェアや、ホームページの画像をまとめて保存できるソフトウェアなど、インターネットを楽しむ上で、たいへん便利なソフトウェアが数多くあります。そこで、これらのソフトウェアを「 Web 関連ツール特集」としてまとめてご紹介したいとおもいます。

■Animation GIF

GIFファイルには、複数の画像を持つことができ、この機能を利用しアニメーションすることができます。
　一般にペイントソフトなどで画像を作り、GIFファイルの形式で保存すると、画像が一枚だけのGIFファイルができます。
　アニメーションGIFを作るには、連続して表示したい画像をコマ数分作成し、ツールで結合し、複数画像を持つGIFファイルを作成します。
画像としてのGIFは、最大256色の画像フォーマットで、フルカラーのJPEGに劣るうえ、データーサイズもJPEGより大きくなります。ただし、JPEGに比較すると使用できるブラウザが多いため、タイトル、アイコン等の画像フォーマットとして、よく利用されています。
　特にアニメーションとしては、作成が簡単、ブラウザでプラグインやJava等のスクリプトやプログラムが必要ない。

●専用ツール

●Animation GIF Maker 0.71(Windows95/98/Me/画像＆サウンド) by 服部宣広 --- http://www.vector.co.jp/soft/win95/art/se043916.html ; Free gifan071.exe 469K 1999.8.18 Animation GIF Makerは、複数画像の結合を行うソフトウェアです。実際には、結合するだけではなく、表示の間隔や回数の指定、背景の透明化等も行うことができます。　さらに、Animation GIF Makerは、１つの画像を元にして徐々に色が変るようなアニメーションを簡単に作成することができます。 ●Ulead GIF Animator[Ulead] --- \6,800; ●GIF Animato 2.0 by Lake Clear by ●(株)住友金属システムソリューションズ --- 今までになく使い易いアニメーションGIF作成ソフト; \2,800 ; 製品版：試用版 ●Gifector 3.7 by 国枝博 --- アニメーションGIF作成　(768K); \2,500 Gifectorは１フレームにつき最大10枚の画像を合成して最大200フレームのアニメーションGIFを作成できます。多数のエフェクト機能がありますので初心者のかたでも簡単に複雑なアニメーションGIF を作成できます。その他、便利なGIF作成支援ソフトも同梱しています。 ●シェイプ・クイック by ●(株)アイジーエス --- \2,980; 製品：試用不可; 小さいけれど役に立つ、変幻自在のWebアニメーター　(3,177K) 「シェイプ・クイック」は、自分で描いた数カットのスケッチ画をJAVA、アニメーション GIF、Macromedia Flash ムービーに変換できるアニメーション・ツール。「シェイプ・クイック」を使用して作成したアニメーションを Microsoft(R)「ワード」、「エクセル」、「パワーポイント」の文書に挿入することができます。 ●Animation Shop 3J by P&A --- Windows95/98/Me/NT/2000　製品：試用不可 3,800円様々な効果を簡単に作成することのできる GIF アニメーション作成ソフト ans300je.exe　／　 13,522,516 Bytes　／　2001.4.25 Animation Shop はグラフィックイメージからアニメーションを作成する、パワフルで使いやすいプログラムです。アニメーションを引き立てる数多くの効果が使用できます。分かりやすいインターフェイスを採用しているので、誰でも効果的なボタン、バナー、その他のアニメーション効果の作り方をスムーズに学ぶことができます。マルチレイヤーイメージをインポートしたり、アニメーションウィザードやバナーウィザードを使って新しいアニメーションを作成することができます。ドラッグアンドドロップ編集、レジストレーションマーク、自動トリミングオプション、フレーム選択、フレームの上下反転と左右反転、ペイントツールなどの機能を使って、アニメーションを簡単に編集することができます。 ●Animation Shop 3.00 by P&A --- 製品版：試用可（3,800円）公開日：01.02.27 様々な効果を簡単に作成することのできる GIF アニメーション作成ソフト　(13,167K) Animation Shop はグラフィックイメージからアニメーションを作成する、パワフルで使いやすいプログラムです。アニメーションを引き立てる数多くの効果が使用できます。分かりやすいインターフェイスを採用しているので、誰でも効果的なボタン、バナー、その他のアニメーション効果の作り方をスムーズに学ぶことができます。マルチレイヤーイメージをインポートしたり、アニメーションウィザードやバナーウィザードを使って新しいアニメーションを作成することができます。ドラッグアンドドロップ編集、レジストレーションマーク、自動トリミングオプション、フレーム選択、フレームの上下反転と左右反転、ペイントツールなどの機能を使って、アニメーションを簡単に編集することができます。 ● by --- ●参考資料 GIF Animation Tool Box Vector:グラフィックエディタ
●リソース

●リソース GIF Animation on the WWW JAPAN by T. Haruna --- http://www.geocities.co.jp/SiliconValley/1361/ --- 解説、ソフト、実践Tutorial、リンク、メーリングリスト、素材集 GIF Animation on the WWW JAPAN by S.Yamaura --- http://www.st.rim.or.jp/~syamaura/gifanime/ ●Microsoft Image Composer --- Frontpage2000, Photodraw 2000のHelpには、Microsoft Image Composerの説明はない。ここで紹介されているImage Composer 1.5は、Forntpage 2000製品版と、FP98 版に附属。 Microsoft Image Composer:日本語SiteMap PhotoDraw を FrontPage の既定のグラフィックエディタにする ●主要サイト GAC(ギャック) --- JavaScriptでアニメーション --- 7日で作るGIFあにめ ●解説 Easy Web Animations　An Animation Toolkit[ZDNet] --- Animationのためのツール解説 ●リンク集
●GIF以外

●テキストアニメ立体顔文字アニメ工房 --- フリー素材の「顔文字」ちゃんアニメを公開動く文字アート(TaT)デザイナーズソフト仁 --- js顔文字アニメ、絵文字など ●JavaScript GAC(ギャック) --- JavaScriptでアニメーション --- 是非一覧を！ ●その他
●広告バナーの作成

1)バナーを複数個つくる　．．．サイズを揃えるとなるとバナーがいい 2)アニメ処理　．．．(省略可)複数画像を１アニメ画像になど又は、バナー切替えツール(Banner Ad Rotator)で複数画像を交替表示 (Frontpageの広告バナーマネージャー、Javascriptツール等) ★設置 From Java Banner Ad Rotator Applet --- http://www.brettb.com/JavaBannerAdRotator.asp ※Applet Parameters SleepTime: 表示間隔(秒) DebugMode: ImageFolder: 画像収納フォルダ CursorStyle: TargetFrame: フレーム名(default is same window) Image1...10: 画像ファイル名(Max.10) Hyperlink1...10: 画像とリンクするURL ※以下をDL BannerAdRotator.class ※以下の例文をhtml内に書き込み <applet code="BannerAdRotator.class" name="BannerAdRotator" width="468" height="60" VIEWASTEXT> <param name="SleepTime" value="6"> <param name="Image1" value="ASPDocumentationToolBannerAd3.gif"> <param name="Image2" value="WinnershTriangleWebSolutions_BannerAd.gif"> <param name="Image3" value="AmazonAd2_anim.gif"> <param name="Hyperlink1" value="hhttp://www.winnershtriangle.com/w/Products.ASPDocumentationTool.asp"> <param name="Hyperlink2" value="http://www.winnershtriangle.com/w/"> <param name="Hyperlink3" value="http://www.amazon.com/exec/obidos/redirect?tag=brettbcom&path=subst/home/home.html"> <param name="CursorStyle" value="hand"> <param name="TargetFrame" value="_blank"> <param name="ImageFolder" value="images/"> </applet>

●バナー切替えツール(Banner Ad Rotator) Banner Ad Rotator 3.01 --- http://anarchos.xs.mw/bannerad.phtml :　これが一番シンプルでベストなんだけど、現在Access error(2002.8.1) JavaScript Made Easy: Free JavaScripts Tutorials Example Code:mybannerads --- http://www.jsmadeeasy.com/javascripts/Banners/mybannerads/ 外部BannerScript.Js を使用し簡単だが、画像は予めアニメ化要 --- AllAbout.com -Javascripts:Ad Rotators --- http://javascript.about.com/cs/adscripts/ ; ツール集 AutoScripter(tm) - On-Page Banner Rotator --- http://autoscripter.com/scroll/sponsor/pgsponsor.html ;オンライン自動生成 Java Banner Ad Rotator Applet --- http://www.brettb.com/JavaBannerAdRotator.asp ●バナー自動作成 Auto Logo --- http://www6.big.or.jp/~neon/ ;無料; ロゴ、バナーを利用可 Banner=標準88x31 Pixelのみ MakeBanner --- http://www.makebanner.com/ ;フルサイズバナーあり。　但し字体などの選択巾小 ●バナー作成ツールロゴ、バナー、ボタン作成専用無料ソフトの紹介 --- http://www6.big.or.jp/~neon/BANFLD/fr_soft/free_soft.html ●バナー無料提供無料バナーリンク ---http://yellowpage.gogo.tc/hp_shien/banerrogo.html ●広告バナー有料受託 Appleberry.com --- http://www.sa-ga-so.net/appleberry/bana.htm ;低価格。　標準規格についての情報、サンプル多数; 動画￥2000/静止画￥1000 Flash 作成代行サービス --- http://www.aqz.nu/flash.htm Izuweb Bannerside --- http://izu.cha.to/banner/; サンプルあり ●リンク AllAboutJapan:ホームページ作成：バナーエクスチェンジサービスを使おう！ --- http://allabout.co.jp/computer/hpcreate/subject/msub_exchange.htm Demoz:: ビジネス: 情報産業: インターネット: 広告[44] --- ●その他 IBMガイドライン：画像とアニメーション --- http://www-6.ibm.com/jp/accessibility/guideline/images.html

■3D

●チップはATIとNVIDIAの二大メーカー NVIDIA GeForce FXシリーズは2003年時点において、D3D 9が規定する128ビットのフルFP 演算精度を唯一具現化したGPUとなった。 S3 DeltaChromeとXGI Volariが第三勢力を形成ル ●Direct X9 3Dグラフィックスを司るDirect3D Web-3D OpenGL Direct3D VRML [Virtual Reality Modeling Language] 3Dコンソーシアム - ３Ｄコンソーシアム勉強会[2004.5.28] ●ニュース【レポート】PC 3Dグラフィックス技術トレンド[2004.1.1] 【レポート】CEDEC 2004 - マイクロソフト「Meltdown」開催[2004.9.12]

●WEB 3D

ＶＲＭＬとはＷＥＢ上で直接表示できる３Ｄおよび２Ｄの画像データです。以下のサイトからプラグインのビューアをダウンロードしインストールすれば、そのファイルをダブルクリックするだけでＷＥＢインタネットエクスプローラ上に表示し、あらゆる角度からそのデータを見ることができます。 http://www.blaxxun.com/services/support/download/install.shtml VRML World VRMLの部屋 iModeller 3D
●マンガ作成ソフト

●ComicStudio Ver.3.0[セルシス]～マンガ制作用グラフィックソフト - Windows XP/XP Tablet PC/2000/Me/98SE。発売2004.10.29 スタンダードモデル「ComicStudioPro Ver.3.0」、ハイエンドモデル「ComicStudioEX Ver.3.0」、エントリーモデル「ComicStudioDebut Ver.3.0」「ComicStudioDebut Ver. 3.0 サークルモデル」の4製品で、価格はそれぞれ2万5200円、4万8300円、1万2600円、1万2600円。関連記事同じ作業を行う際に自動的に処理する「アクション機能」、大量の紙原稿をすばやく読み込める「連続スキャン機能」などを搭載した。

■使ってみたいツール

　用途としては、大体WEB用が多いんだけど、手持ちソフトは、Microsoft製品( Photodraw, Photoeditor, MSペイント, イメージング)が主。それ以外のもので必須ないし、是非使いたいものをピックアップしよう。

●ラスター→ベクター変換ツール

CAD用の高額ソフトはいろいろ販売。ここでは個人で入手可能な範囲で ●ScanBmp MonkeyII 6.02 -ラスター→ベクター変換ソフト - [Free]; (02.07.02公開 247K) ; 著者ページ Windowsのbmpファイルからjwc,dxf,座標形式に変換するソフトです。 ●Wintopo - Free版 & Professional(\28,000) - 日本語紹介 ●ベクトル名人 - 体験版あり ●ANDES ScanWave32[システム・ナガシマ] - 低価格手書き図面変換（ラスタ-ベクタ変換）システム; \698,000[税別] ScanWaveLite \59,800[税別] ● -
●ちょbit3D v2.0

http://www.vector.co.jp/soft/win95/art/se194631.html ; \2,000 容量：約２４MB DL販売; 試用期間中は、作成キャラクターを保存不可。あなたの写真からおもしろ3Dキャラを作成できる!― こんどはキャラクターがしゃべります --- Vector :3Dグラフィック[190]に収録。 Macromedia Flash 形式を作成。 ●ちょbit 3D 公式サイト「もうちょbit」 --- http://www.spacetown.ne.jp/mebius/lib/t-bit3d/chobi.html ★キャラクターダウンロード　幸いなことに、堅いイメージの企業でも使用可能なキャラ。　☆ セットデータ（ちょbit 3D用）☆ ・ファンタジーセット（2体／約1.1MB／データ形式：C3D）（無料）・着ぐるみセット（3体／約1.2MB／データ形式：C3D）（無料）・ダンスダンスセット（3体／約1.6MB／データ形式：C3D）（無料）・じゃんけんセット（3体／約1.4MB／データ形式：C3D）（無料) ・右360度クルクルセット（4体／約1.4MB／データ形式：C3D）（無料）・格闘家セット　　　（3体／約1.6MB／データ形式：C3D）（無料）・ダンスダンスセット2 （3体／約1.6MB／データ形式：C3D）（無料）・寝る歩く走るセット（3体／約1.6MB／データ形式：C3D）（無料）・90度フリフリセット（4体／約1.4MB／データ形式：C3D）（無料）・左360度クルクルセット（4体／約1.4MB／データ形式：C3D）（無料） ☆ パーツデータ（キャラクターセットメーカー用）☆ ・髪型バリエーション（データ形式：CHR／キャラクターセットメーカー専用）（無料）・ボディバリエーション（データ形式：CBD／キャラクターセットメーカー専用）（無料） ★お披露目サービスケータイdeアニメサービスでｉモード携帯電話へ！パソコンdeアニメサービスでパソコンを持っている友人へ！ ●紹介記事 Sharp:オリジナルキャラクター作成ソフト「ちょｂｉｔ　３Ｄ　Ｖｅｒ．２．０」を新発売[2001.6.6]
●その他

■メモ

●構造図を描く

　ネットワーク図を描きたかったんだけど、結局、ネットワーク機器メーカーのWEBデータから画像を継ぎはぎするより仕方ないようだ。　会社組織図は、たしかWord, Powerpointにテンプレートが附属していたと思う。 ●参考ビジオが提案するビジネスドローイングツールのあるべき姿[ZDNet 98.3.13] ---11月に発売された「Visio Standard 5.0」では，一般的なビジネス書類向けに38ジャンル，1300種以上のシェイプを収録している。また「Visio Technical 5.0」では設備管理や電気，機械設計などを行うための2500以上のシェイプを，「Visio Professional 5. 0」にはネットワーク図やWebサイト図，データベース，ソフトウェア設計図などのための 2600以上のシェイプが付属している。「Visio Network Equipment」（VNE）は，ネットワーク構造を記述する必要のある多くのユーザーが待ち望んだ，ネットワーク接続図を作成するためのシェイプ集だ。その中には概念的なネットワーク図を描くための部品から，実際のネットワーク製品の図まで幅広く収められている。　1万を超える部品はメーカーごとに分類され，さらにカテゴリごとに分割してステンシルとして登録されているため，呼び出しは容易だ。機器を収めるベイからベイに収めるユニット，各ユニットの拡張ボードに至るまで，実に細かな製品群をサポートしている。　各部品には接続点が定義されている。例えばハブであれば各ポートには必ず接続点があり，コネクタ機能を使って別のネットワーク機器にラインを接続することができる。コネクタは部品を移動させても自動的にラインが引き直されるため，構成を検討しながらトライ＆エラーを繰り返す際も便利だ。
●その他

●WebDesignリソース

■WebDesignリソース

●解説サイト

★RiverCat Web Site! ---HP作成ソフトでは、実際の使用例をあげて解説。Dreamweaver, Golive, HomepagePro RiverCat - Column Index - ホームページ作成ソフトホームページ作成ソフトの評価記事 Link集 - ソフト会社、HP開設Hosting, バナー広告斡旋、代金決済 ★WinGraphic Magazine: WEBデザイン自由自在 by 森川真行(WEB Designer)。　実践解説。第2回Fireworks2、第3回Fireworks2とDreamwweaver、第4回Flash、第5回Fireworks3、最終回Dreamweaver3
●ソフトウェア関連書籍

アドビ製品関連書籍 --- http://www.adobe.co.jp/misc/books.html ; 製品別に書籍紹介 ---
●関連団体

社団法人日本グラフィックデザイナー協会 -http://www.jagda.org/
●ニュースサイト

HotWired Japan : Webmonkey : Design - 米国ニュース[日本語版] HotWired Japan : Webmonkey : WEB101 - 米国ニュース[日本語版] HotWired Japan : Webmonkey : dynamic_html - 米国ニュース[日本語版] HotWired Japan : Webmonkey : html - 米国ニュース[日本語版] HotWired Japan : Webmonkey : Perl - 米国ニュース[日本語版] HotWired Japan : Webmonkey : Animation - 米国ニュース[日本語版] デジカメジン -http://www.digicamezine.com/ - Newsだけでも豊富 Camera Island -http://www.cameraisland.com/ - ソフトウェアレビユー[雑誌review記事リンク]
●メルマガ

すべてのクリエイターのために【日刊デジタルクリエイターズ】
●雑誌

MDN -Graphic Server[Impress] --- Flash 5 Design Factory WEB Creators[Impress] Design-Plex 日経デザイン CAD&CG WEB Designing[毎日コミュニケーションズ] - 全国WEB制作会社リストオンラインデータベース
●書籍

Macromedia関連書籍情報 ---ソフト別
●研修・教育

●リンク Web作成実践講座 - 代表的な学校・Online教育機関 ●オンライン通信講座初歩からのアプリケーション講座：Fireworks -http://www.5-jp.net/syoho/downlode/fireworks.html - by SCL学びのソリューション;全５０回を１講座3,150～5,040円【税込み】 [Photoshop 講座][実践！フォトショップ講座][Photoshop Elements 講座] [Illustrator 講座][実践！イラストレータ講座][Shade 講座][Dreamweaver MX 講座] [Fireworks 講座][Flash MX 講座][PaintShopPRO 講座][ホームページ・ビルダー講座] [Excel 講座][Word 講座][PowerPoint 講座][Access 講座] Digitalテキストダウンロード: Fireworks講座 - 購　　読　　料　：　１講座に付　３０００～４８００円（税別）　発　　行　　元　：　ＳＣＬ学びのソリューションまぐまぐ等のメールマガジンで公開しているＮｏ．１５までのレッスン(初級編）は、完全無料Ｎｏ．１６～５０までの直接配信（完全マスター編）をご希望される場合には、有料（2,079～5,040円【税込み】）寺COM屋 - CGI/Perl ６ヶ月18,000円(12ヶ月 24,000円) Flash/Illustrator/Photoshop ６ヶ月(S有21,000円/S無15,000円) 12ヶ月(S有30,000円/S無18,000円) S=遠隔サポート ●通信教育ホームページデザイナー養成講座[日本創芸学院] - 12カ月120,000円（消費税込み） ●教室 PCパーソナル - パソコン家庭教師（出張指導）2時間8,000円; 東京近辺 [フォトレタッチ、グラフィック]　Photoshop, Photoshop Elements 　Illustrator/　Fireworks/　Flash IBEトレーニングセンター - マクロメディア公認トレーニング; 初級21,000円/1日 [JaGra]講座一覧 - 1日間 \19,950
●WEB Design検索サイト

WEB296～Web制作者専門の検索サイトメルマガ・WEBつくろう
●WEB Designサイト

T-WEE Design Spoon: SKT Planning Otogai World ●WEB Designerのサイトウエブページデザインの事情　- http://www.swany.ne.jp/minba/h/index.html 　今までにデザイン制作したウェブページ　◆HTMLの小わざ集◆■講演用ネタ集■ 　毎日更新・日替わりコラム
●リンク

Yahoo - Web Design&Graphic

■WEBデザインコンテスト

　コンテストで賞を取るくらいだったら参考になるだろう！　という発想。　しかし ...たくさんありすぎて、またWEBサイトの対象者によってもコンセプトが違う。　更に決定的なことは、例えば毎日のようにコンテンツを変更するポータル・ニュースサイトと一般サイト(WEB Server管理者が一人で全てをこなすケースが多い)とは違う。　だから参考にしようとする場合、個別ページを時間をかけてチェックしていくしかない。　ここでは、その手がかりという意味でリストアップしている。 ●総合ランキング日経ネットナビ --- [お薦めサイト情報] ・今旬！リンク集/・今日のお薦めサイト/・お薦めサイトランキング・SiteReview/・スケジュール/・サーチエンジンルーム/・投稿！投票！　ベストナビ決定戦・私の見つけたホームページ/・a-stage AccessRanking --- http://www.amy.hi-ho.ne.jp/accessranking/ Biglobe search - ランキング＆トピックス --- http://search.biglobe.ne.jp/index-sq.html ●分野別 CSJ What's Best! - 各カテゴリを代表するサイト3000を紹介。 ---CSJ :クールサイト UltraRanking Research --- アクセスランク調査；分野別 ●デザイン 21WebDesigner ---21WebDesigner: coolsite ---21WebDesigner: WEB Advertiser ---Follow 21 Threads - 素材集・CGI・Jvascriptリンクほか解説あり。素材集リンク、 KDF国際ホームページデザインコンテスト --- 1999年度で終了? nice web links --- Super COOL [12]/Fryer Beauty [14]/Contents [15]/Program [10] Plug-in used [17]/Designers [12]/Let's Study [16] ●ビジネス ECグランプリ2001 - 日経ネットビジネス主催。商用サイトのコンテスト。2001年2月7日発表。 573サイト応募

●Yahoo! Japan: ベスト・オブ・ザ・ウェッブ

●Yahoo!カテゴリ クール@|投票 (3)|ベスト・オブ・ザ… (14) E-List - ジオシティーズの中からおすすめのサイトを集めたリスト。 ECグランプリ2001 - 日経ネットビジネス主催。商用サイトのコンテスト。2001年2月7日発表。 573サイト応募 CSJ What's Best! - 各カテゴリを代表するサイト3000を紹介。
●Yahoo! Japan: ベスト・オブ・ザ・ウェッブ:ベスト・オブ・ザ… (14)

●その週のサイト (6) A-B-Cool Site Of The Week - 世界各国のクールサイトを紹介。 ReadMe! JAPAN - 日記、エッセイ、コラム、小説などを対象とした、総合ウェッブランキング。 Web Server Statistics for NewCOARA - コアラ・インターネットメンバーの個人ホームページ集の中から、アクセス数が100以上のページを毎週紹介。 Yahoo!今週のオススメ - 毎週更新のオススメサイト。今週のユア・ホームページ - JustNet会員の個人ページの中から、毎週ユニークでクールなページを選りすぐって紹介。みんなで新聞 - ASAHIネットの会員ページからテーマを決めて掘り出したニュースを掲載。毎週水曜日発行。 ●その月のサイト (2) Access Ranking - 「X-Banners」「らんだリンク」にリンクしているページのアクセスランキング。 SHIFT - マンスリーで、日本のクールサイトを紹介。 ●その日のサイト (6) InterFM ローラのオススメ@ URL TODAY - 新聞や雑誌などに登場した話題のサイトを毎日紹介するサービス。過去60日間の情報であれば検索も可能。 Yahoo!今日のオススメ - 毎日更新のオススメサイト。ウォッチャーが選ぶ今日のサイト - 1日1サイトをピックアップし、紹介。バックナンバーも。今日のお薦めサイト - 毎日2つのおすすめホームページを紹介。バックナンバーもあり。今日のホームページ - タイムリーなページ、便利なページ、おすすめのページを毎日紹介。
●Yahoo! Japan: ベスト・オブ・ザ・ウェッブ:投票 (3)

Internet Service Award '97 - 日経ネットナビ誌が主催したコンテスト。18分野200のノミネートサイト一覧より選ばれた授賞サイトを紹介。 Realtime-Ranking - ホームページのアクセス数ランキング。優秀サイトには賞品や賞金が贈られる。ホームページ大王2002 - 個人の非営利サイトを対象にした人気投票。[2001.10.12～2001.12.5]
●Yahoo! Japan: クール@

http://dir.yahoo.co.jp/Entertainment/Cool_Links/ ●Yahoo!カテゴリ Yahoo! サーファーのオススメ (895) | クールカテゴリ (19)

■WEBデザイン技術

　技術的には、JavaScript, Java Server Page[JSP], Dynamic html, XML, ActiveX, スタイルシート(CSS, XSL), Active Server Page[ASP], Java appletなどに通暁すべきだろうけど、１つを選ぶとすればDynamic html[DHTML]かなあ。　IE/NN用と２種類あるけど...

●Microsoft Webworkshop

●Design 色覚に障害を持っていたとしたら、あなたのサイトは見えるでしょうか ? 配色 色相環 DHTML デザインを限界まで活用する スタイルシート : あなたを表すフォント
●Dynamic HTML

■Dhtml特集　↑にはDhtmlの実務的な解説がされている。　以下は、作って見たいと思った実例サンプル。　JavaScriptで作られる。　簡単な説明だけど．．．

■オブジェクトのスクロール■レイヤーオブジェクト■

ウインドウ内全体をスクロールさせてしまうとページが見にくくなる場合が多いでしょう。ここではページの中の一部分だけをスクロールさせる手法を紹介します。

後編動くコンテンツ■クリッピング■

クリッピングとはオブジェクト[画像]の一部分だけを見せ、見える部分を動的に変化させる仕組みです。

後編動くコンテンツ■浮遊物■

ページ上を自由に動くオブジェクトの作り方[座標を指定して、タイマー関数で時間制御] ●Dreamweaver とは macromedia社が発売したDHTMLのオーサリングツールでこのページの別の箇所で紹介されている。

●Dynamic HTMLに関するMicrosoft社概説資料
WEB Workshop: Dynamic HTML概要
WEB Workshop: Microsoft Dynamic HTML評価ガイド
WEB Workshop: Dynamic HTMLに関するFAQ
Dynamic HTML に関するよくある質問

●全般リソース
Dynamic HTML活用 に纏めてあります。
 WEB Design用に作ったわけじゃないけど.....

●素材集& リソース

　ホームページ素材集は出版物(サンプル集)やWEBページ公開で入手可能。
　しかし、世間のWEB Designレベルも相当upしているので、こうした素材集をそのまま
使って"Well-designed page"を作ろうというのは無理がある。
　しかし"基本"として一通りチェックしておきたい。

■基本素材

一般素材は→●リンクと解説●HTML ●プロ用素材 Multi-bits画像ライブラリ - クリエイター・デザイナーのためのポータルサイト　約4,500のCDタイトル、450,000点の高品質の画像やイラストをご用意！ Multi-bits

●WEBサイト

Yahoo Japan! グラフィックス、素材ホーム > コンピュータとインターネット > インターネット > WWW > ホームページ作成 > 無料素材集TEMA Thanks Giving FreeWeb(インターネットの無料サービスリンク集) 素材の館 Web Creators guild 21WebDesigner:素材集ポームページ作成用無料素材提供サービスG-Tool 　３万点 by Silicon Cafe 森川眞行(WEB Designer)。　「週刊Webデザイン」発行。　Fireworks徹底検証
●出版物

インターネットホームページ素材集 Pack7000[C&R研究所] \3,605 ISBN4-8163-2122-5 ナツメ社 CD-ROM 約7000点格納。画像(背景テクスチャ、ライン、ボタンなど)、音声、MIDIデータ、Javaスクリプト、Javaアプレットなど。ホームページ素材集Pack9000ビジネス編[C&R研究所] 3,000 ISBN4-8163-2308-2 ナツメ社 CD-ROM 収録件数約9000個。27人のCGアーティスト達の力作集。すぐに使えるGIFアニメーション2800[C&R研究所] 3,700 ISBN4-88135-532-5 翔泳社 CD-ROM 約2800個という驚異的な数のGIFアニメーションです。19人のCGアーティストの力作集。
●その他の素材

Wild Things DENISE RICHARDS；WEB Chatなんかが掲載されている Yahoo! Movie:Denise Richards Yahoo! Movie:Connelly, Jennifer Yahoo! Actors and Actresses

■Script系総合

●総合～WEBサイト

SimplyTheBest: DHTML scripts[PlanMagic Corp] ANIMATION, BACKGROUND, BUTTONS, COOKIES, DETECT/REDIRECT, FORMS, TABLES, ENHANCEMENTS, MENUS, MESSAGES, TIME & DATEの大量のスクリプト SimplyTheBest: JAVA Scripts[PlanMagic Corp] BACKGROUND, BOOKMARK, COOKIES, DATA HANDLING SCRIPTS, E-MAIL, ENHANCEMENTS, FORMS, IMAGE ROTATION, SCRIPTS, MENUS, MESSAGES, MUSIC PLAYER SCRIPTS, PASSWORD PROTECTION, DETECT / REDIRECT, TABLES, TIME & DATEの大量のスクリプト See also DHTML scripts VB scripts Java info Java applets
●DynamicHTML

→●Dynamic HTML活用に纏めた
●ActiveX & ActiveXコントロール

→●Active X,ADO活用に纏めた
●JavaScript

→●JavaScript活用に纏めた
●Java Applet

→●Java, Java Servletに纏めた
●ActiveServerPage[ASP]

→●Active Server Pages[ASP]作成に纏めた

●番外編

　Internetで、これはどうやって作っているんだろ？
　面白い素材だなあだなぁ！　レイアウトがいい！　とか思うことがある。
　メモコーナーです。

■見かけたサイトから

●ポータルページ

●Yukio-net.com --- CHATとネット生活支援のページ。レイアウトや機能が参考になるオリジナル素材集～ボタン素材集、背景素材を提供素材は、大量にあるだけでなく、各種パターンに色見本を揃え、実際の画面が確認できるように配慮されているのが素晴らしい。色指定方法と色見本 ●翻訳のためのインターネットリソース --- http://www.kotoba.ne.jp/ 　総合メニューはシンプル。DB機能を使ったページ構成 ●EICネット_環境情報案内・交流サイト --- http://www.eic.or.jp/ ; EICネットは国立環境研究所の環境情報案内・交流サイトニュース、リンク、用語、イベントなど。　カテゴリーで資料参照できる。　収集データを最大限に活用している点に注目
●企業ページ

●アップル・ジャパン --- http://www.apple.co.jp/ ; やはりセンス抜群といえばMACでしょ？
●個人ページ

●Musica Goanza --- http://www.mws.ne.jp/~mewohs/ ;大江章造さんのページ　MAC User, Musician ...Basicにおしゃれなセンスが光ります ● ---

●制作テクニック

　いろんなツールがあり、素材提供サイトがあるけれども、実際に探したり、使ってみたりした。　でも探す手間もかかるし、その結果の満足度は低い。　結論として、パソコン操作の初心者を除いて、自作すべきだ。　Javascript等のスクリプトを知らなくとも、Frontpage, Dreamweaver等のWEB制作ツールがScriptを自動生成してくれる。　画像系もFlash, Illustrator, Photoshopを揃えれば殆ど何でも可能だ。　これらが高価格だという場合、低価格で高機能なソフトもそれぞれある。

●制作方法解説

●Ryo's Photoshop - フィルタ、ぼかし、ノイズ等を使って、思いもかけぬ模様に変化させる。 - No.8レンガ模様を作る～パターン作成 - NO.26　砂漠を作る - NO.9　チェック模様を作る～パターン作成 - No.1森のような感じを作る ●水滴を作る水滴を作ってみよう～Illustratorによる - 楕円→グラデーション・メッシュ→自由変形 ●家屋の外観パースの描き方図面ってなあに！Ａ５基本図形で絵を描く～「エクセルで描くパソコン画」 - ○□△台形を使って描く [PhotoShop講座（１）]－MiniCadの３DをPhotoShopで仕上げる－ - 影のつけかた、グラデーション等のテクニック JWC 2次元図面を美しいプレゼン・ドローイングに変身させよう！ - JW-CAD→Illustrator→Piranesi ●地図を描く簡単な地図の作成方法: Tutorial～Illustrator - 「パスファインダー」合成・合体/型抜きなどを使った実際的描き方

株式会社メドレット Medlet Japan KK
〒103-0024 東京都中央区日本橋小舟町１２－１０共同ビル（掘留）５Ｆ　久永&Co気付
tel.03-3664-2020 fax.03-3666-3188　URL:www.medmk.com/mm/ 　E-Mail: support@medmk.com

画像ソフト

--------------------------------------

Active Server Pages[ASP]作成

--------------------------------------

Tips 目次へ戻る。

ホームへ戻る。

作成：2001.2.1　最終更新:2004.8.27　小菅博之