http://www.pro-web.info/ Webデザイナースクール、ヒューマンアカデミーWeb講座名古屋校の体験記 ja Copyright 2008 Mon, 12 Nov 2007 16:03:03 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss Dreamwerverでswfファイルをhtmlに組み込み、複数ページ展開していく上で各ページが同じヘッダーだとつまらない・・ ということで今日は、Fireworksでの各ページ用のヘッダー画像（Flash swfファイル）のリサイズ、作成方法とFlashとの連動を学びました。
]]> http://www.pro-web.info/2007/11/web_22_flashfireworks.html http://www.pro-web.info/2007/11/web_22_flashfireworks.html 012Webデザイナースクール体験記スタンダードテクニックユニット Mon, 12 Nov 2007 16:03:03 +0900 【Webスタンダードテクニックユニット 教程21 Flash・HTML・CSS】 DreamwerverでFlash（swfファイル）をhtmlに組み込み、複数ページ展開していきます。 これにCSSの適用も取りいれながらCSSの基本とDreamwerverでの操作方法も練習しました。 テーブルを使ったレイアウトからCSSレイアウトへの移行する過渡期の方法論。 簡素なテーブルに、CSSレイアウトを組み合わせてコーディングを行います。
]]> http://www.pro-web.info/2007/11/web_21_flashhtmlcss.html http://www.pro-web.info/2007/11/web_21_flashhtmlcss.html 012Webデザイナースクール体験記スタンダードテクニックユニット Wed, 07 Nov 2007 08:00:45 +0900 【Webスタンダードテクニックユニット 教程20 Flash】 Flashの3回目。 先週の続きで、今週はヘッダー右側の「会社概要」などの5つのボタンにボタンタイプをつくり、ここに動きを入れていきます。 ページが表示された時、タイトル部分の動きが止まると同時くらいに上部から5つのボタンが順番におりてくるように設定。 マウスオーバー時のカラーにも変化をつけます。 完成ファイルはこちら
]]> http://www.pro-web.info/2007/11/web_20_flash.html http://www.pro-web.info/2007/11/web_20_flash.html 012Webデザイナースクール体験記スタンダードテクニックユニット Tue, 06 Nov 2007 05:31:16 +0900 【Webスタンダードテクニックユニット 教程19 Flash】 今週はFlashの2回目。 ナビゲーションのエリアを使い文字の表現の仕方を交えながらFlashの基本を身につけていきます。 FireworksからWebサイトのヘッダー部分をコピーして、Flashにペースト。 タイトル部分に透明感をもたせ、動きの変化をつけていきます。
完成ファイルはこちら
]]> http://www.pro-web.info/2007/10/web_19_flash.html http://www.pro-web.info/2007/10/web_19_flash.html 012Webデザイナースクール体験記スタンダードテクニックユニット Tue, 23 Oct 2007 16:27:53 +0900 【Webスタンダードテクニックユニット 教程18 Flash】 今週はいよいよFlashに入ります。 Flashをさわるのは初めてなので、ちょっとワクワク・・・。 Flashは、アニメーションのように1コマ1コマ作らなくても、人が設定することで勝手に計算しながら動いてくれるのが大きな特徴。 初めての「Flash」の授業の方針は、あえてローテクから。 まずは、3つの基本をマスターしていきます。
]]> http://www.pro-web.info/2007/10/web_18_flash.html http://www.pro-web.info/2007/10/web_18_flash.html 012Webデザイナースクール体験記スタンダードテクニックユニット Thu, 18 Oct 2007 16:51:06 +0900 【Webスタンダードテクニックユニット 教程17 実践的レイアウトその6】 先週の複数ページ展開の続きです。 ホームページの基本となるレイアウトとコンテンツの関連情報を入れるフォーマットができたらあとは複製していくだけです。
後半は、トップページのポイントとなるアイコンを作成しました。
]]> http://www.pro-web.info/2007/09/web_17_6.html http://www.pro-web.info/2007/09/web_17_6.html 012Webデザイナースクール体験記スタンダードテクニックユニット Thu, 20 Sep 2007 10:15:38 +0900 【Webスタンダードテクニックユニット 教程16 実践的レイアウトその5】 先週作成したトップページを活かしながら複数ページ展開の方法を学びました。 コンテンツとしてCDジャケットと関連情報をテーブル（表組み）で入れていきます。あくまでのWeb2.0的なWeb制作のための準備という考え方です。
]]> http://www.pro-web.info/2007/09/web_16_5.html http://www.pro-web.info/2007/09/web_16_5.html 012Webデザイナースクール体験記スタンダードテクニックユニット Wed, 19 Sep 2007 15:44:29 +0900 【Webスタンダードテクニックユニット 教程15 実践的レイアウトその4】 Fireworksでスライスをきり、書き出したパーツをDreamwerverで実装して、デザインしたパーツを1pxも違わずブラウザで確実に表示させるというサイト作り。 現在はこれらを完璧にできるようにとその過程を反復練習しながら、Fireworks、Dreamwerverの操作に慣れるという流れです。 今週は、先週、先々週に習った作業を反復練習、CSSの解説、キャッチコピー、テキストの配置などをしました。]]> http://www.pro-web.info/2007/09/web_15_4.html http://www.pro-web.info/2007/09/web_15_4.html 012Webデザイナースクール体験記スタンダードテクニックユニット Sun, 02 Sep 2007 15:41:32 +0900 【Webスタンダードテクニックユニット 教程14 実践的レイアウトその3】 前回からの続きです。 表示させたボタンの対となるボタンを作りロールオーバーイメージを作ります。 Fireworksの同一画面でロールオーバーボタンを作成するミソは、レイヤーを整理して上手く使いこなすこと。]]> http://www.pro-web.info/2007/08/web_14_3.html http://www.pro-web.info/2007/08/web_14_3.html 012Webデザイナースクール体験記スタンダードテクニックユニット Fri, 31 Aug 2007 14:46:39 +0900 【Webスタンダードテクニックユニット 教程13 実践的レイアウトその2】 今週から、もう一歩進んだ「実践的レイアウト、デザイン」に入ります。 目的は、ナビゲーションの役割や考え方を踏まえながら、0から自分のデザインでホームページを作る訓練。 初心者の実践的レイアウト、デザイン練習のコツは、]]> http://www.pro-web.info/2007/08/web_13_2.html http://www.pro-web.info/2007/08/web_13_2.html 012Webデザイナースクール体験記スタンダードテクニックユニット Fri, 24 Aug 2007 18:14:20 +0900 【Webスタンダードテクニックユニット 教程12 実践的レイアウト FireworksとDreamwerverの連動】 今週は、前回の続き。 自分のデザインしたレイアウトをブラウザで確実に表示させる超実践的な授業です。]]> http://www.pro-web.info/2007/08/web_12_fireworksdreamwerver.html http://www.pro-web.info/2007/08/web_12_fireworksdreamwerver.html 012Webデザイナースクール体験記スタンダードテクニックユニット Mon, 20 Aug 2007 15:48:01 +0900 【Webスタンダードテクニックユニット 教程11 実践的レイアウト、デザイン】 今週からいよいよ本格的なデザイン、レイアウトを実践していきます。 今後、Webデザイナーとして作成するホームページの基本となる技です。 【実践的レイアウト、デザインの課題】 Fireworksで作ったパーツをスライスを切って書き出し、Fireworksでデザインした通りにDreamwerverと連動させ、1ピクセルも違わずにブラウザで表示させる技術を身につけること。 これは、実践のために身につけたい技術のひとつであり、これができればあとは、デザイン、レイアウトのセンスを磨き、どんどん作品を作っていくことができるとのこと。]]> http://www.pro-web.info/2007/08/web_11.html http://www.pro-web.info/2007/08/web_11.html 012Webデザイナースクール体験記スタンダードテクニックユニット Fri, 03 Aug 2007 08:30:23 +0900 【教程10 テーブルレイアウト データ用テーブル、入れ子テーブル】 今回も先週に続いて、テーブルレイアウトです。 テーブルを構成するHTMLタグの細かな解説を受けながらレイアウトのためのテーブルを理解していくという授業内容でした。]]> http://www.pro-web.info/2007/07/web_10.html http://www.pro-web.info/2007/07/web_10.html 012Webデザイナースクール体験記スタンダードテクニックユニット Thu, 12 Jul 2007 09:42:01 +0900 【教程9 テーブルレイアウト テーブルタグの詳細、FFFTP】 今回も先週に続いて、テーブルレイアウトです。 先週は、Dreamwerverの操作に慣れる、感覚をつかむという感じでテーブルレイアウトをやりましたが、今回はテーブルを構成するHTMLタグの細かな解説を受けながらの授業でした。 またファイル転送ソフトFFFTPを使って受講生用に準備されているサーバーへのアップロードも行いました。]]> http://www.pro-web.info/2007/07/web_9_ffftp.html http://www.pro-web.info/2007/07/web_9_ffftp.html 012Webデザイナースクール体験記スタンダードテクニックユニット Fri, 06 Jul 2007 09:10:30 +0900 【教程8 テーブルレイアウト】 今日は、テーブルレイアウトです。 テーブルを構成するHTMLタグの細かな設定の前に、Dreamwerverの操作に慣れる、感覚をつかむという内容。 テーブルレイアウトにも様々なやり方があるので、Dreamwerverの操作方法のシュミレーションを兼ねて、どんどんテーブルでレイアウトしたページを作っていきテーブルと仲良くなるというスタンスで授業は進みます。 ]]> http://www.pro-web.info/2007/06/web_8_1.html http://www.pro-web.info/2007/06/web_8_1.html 012Webデザイナースクール体験記スタンダードテクニックユニット Tue, 26 Jun 2007 09:39:38 +0900