2009/02/11
CIW News Flash レイヤーを使ったレイアウト
■■■ ■ ■■ CIW News Flash - IT 知識を武器にしよう - ■■ ■■ CIWって何? CIWを知ろう、学ぼう、IT基礎力を高めよう! ■■ ■ ■■■ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 2009/2/11 No.69 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 本日は祝日ですが、PTJが出勤日のため、メルマガもいつもどおり配送しました。 たぶんみなさまはお休み中のことと思いますので、明日にでもちらっと内容に 目を通していただければ幸いです。 CIWをより深く知っていただくために、毎週水曜日、みなさまにCIWのサンプル 問題から読み解く、IT知識応用術をはじめ、CIWの最新ニュースなどをお届け しています。毎週欠かさずチェックしていただけると幸いです。 index----------------------------------------------------------------- ++ とっておき、注目ニュース! 02. CIWサンプル問題 03. コラム - レイヤーを使ったレイアウト 04. 1週間の Webサイト 新着情報 05. CIWサンプル問題・解説 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ++ とっておき、注目ニュース! ─────────────────────────────────── ◆◇◆ PTJ公式インストラクタセミナー開催のご案内 ◆◇◆ 引き続き、インストラクターセミナーのご案内です。 まだ若干、お席がございますので、ご検討中の方は是非、この機会に セミナーに参加してみませんか? ━━◆◆ どんなセミナーなの? PTJが主催する公式インストラクタ養成のための講座です。 CIW公式カリキュラム内容に加えて、試験重点項目の指導ポイントの解説、 インストラクタとしての講義演習等、インストラクタとして必要なノウハウ を提供しています。 また、CIW特区認定講座と新制情報処理技術者試験の対応についても説明が ございますので、ふるってご参加ください。 ━━◆◆ セミナーに参加するメリットは? 1.CIWファンデーション(V5)未取得者には、受験対策にも効果的! CIW公式カリキュラム内容に加えて、試験重点項目の指導ポイント の解説をいたします。試験の重点ポイントのみを押さえた内容 ですので、「IT知識」を身に付けるには、何を知るべきなのかを 知ることができます。 2.CIW-CI申請条件の「公式カリキュラム受講免除」対象セミナー CIW公式インストラクタは、国際的なインストラクタ資格です。 認定には、公式カリキュラムの受講やインストラクタ経験などが 必要です。今回のセミナーにご参加いただくと、公式カリキュラム の受講が免除となります。 3.CIW-JAPAN主催のセミナーの受託ができます 今後は順次全国にてVer.5の対策セミナー等を主催するため、 インストラクタを募集しております。 <ご依頼条件は> 1.CIWファンデーション試験(V5)に合格 2.CIW-CI CIW認定インストラクタであること 3.JACC主催のCIW認定インストラクタ研修(今回のご案内)に 参加し修了された方 ■■■■■■■■□ セミナー詳細ページ □■■■■■■■■ http://www.prosoft-j.com/training/seminar_20090305.html ---------------------------------------------------------- ※今回は、ファンデーションV5リリース1周年を記念して キャンペーン価格(35,000円)で、セミナーを開催! この機会に、今まで参加していなかったみなさまも是非ご検討ください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 01.CIWサンプル問題 ─────────────────────────────────── CIWサイトデザイナー(V4)テキストに沿った形で、サンプル問題を出して おります。今回はレッスン19「Dreamweaver MXによるサイト開発-基本的な 機能」より出題します。 (サイトデザイナーは、Web作成やデザインに関連する技術を学ぶ4冊の 公式テキストからなります。レッスンは全38レッスンまでございます) 問1 Dreamweaverテンプレートは、FrontPageのページテンプレートと同様 の機能ですが、FrontPageと違ってDreamweaverテンプレートだけが 指定を要求するものは次のうちどれですか。 a. 統一されたページコンテンツ b. ロック可能領域 c. 編集可能領域 d. 修正不可能な共通バナー 解説は、下部の「05.CIWサンプル問題・解説」をご覧ください。 まずは、答えを見ないで、Let's try! ※問題は「CIWサイトデザイナー」V4試験、同等問題 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 02.コラム ─────────────────────────────────── 前回FrontPageで作ったものと同じものを作るわけですが、どんなふうに 作るのかを見てみると、ソフトの違いがわかって面白いと思います。 ━━◆◆ レイヤーを使ったレイアウト Dreamweaverを使った今回の演習では、テーブルレイアウトを使いません。 レイヤーでのレイアウトを行ないます。実にDreamweaverらしい演習です。 レイヤー概念に慣れると、CSSレイアウトもスムーズに理解できると思います。 テキストを読むとわかるんですが、基本的にやっていることは同じです。 FrontPageでもDreamweaverでも、まず全体のレイアウトを決めて、そこに 画像とかテキストとかグローバルナビとかを入れてテンプレート化。 そのあとコンテンツを流し込んで、複数ページを作成♪ まったく一緒です。 こういったことからも、基本的に何をしなくちゃいけないのかは 何となく実感できますよね? Web作成の作業自体は、ある意味単調 です。テンプレートを作って、コンテンツを流し込んで、はい終了。 基本的なページは、これで大量生産できちゃいます。 でも実際仕事としてやってみると、こんなに簡単じゃありません。 何のためにWebが必要で、それを伝えるためのデザインとかレイアウトを 決める……それがすごく難しいし、創造性がものを世界なので。 クリエイティブな仕事ですから、感性を日々磨かないと、なかなか イメージどおりのものもできないし、イメージすらできないかもしれない。 デザイナーさんの技量でWebサイト作成の料金がピンキリなのも、 そういう感性がものをいう世界だからこそです。 でも基礎はシンプルな部分もあるので、最初はとにかく基礎固め。 基礎がわかっていれば、応用力が発揮しやすくなるので、あとで いくらでも可能性が広がります。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 03. 1週間の Webサイト 新着情報 ─────────────────────────────────── ◆CIW 公式サイトのここ1週間の新着状況 2009/02/03 PTJ公式インストラクタセミナー セミナー会場決定しました ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 04.CIWサンプル問題・解説 ─────────────────────────────────── 問1 Dreamweaverテンプレートは、FrontPageのページテンプレートと同様 の機能ですが、FrontPageと違ってDreamweaverテンプレートだけが 指定を要求するものは次のうちどれですか。 a. 統一されたページコンテンツ b. ロック可能領域 c. 編集可能領域 d. 修正不可能な共通バナー ━━◆◆ 回答 c. 編集可能領域 「3. Dreamweaver によるテンプレートの作成」で学習する内容です。 Dreamweaverのテンプレートではすべてのテンプレートエリアはロック されていて、指定がないと編集できません。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 編┃集┃後┃記┃ ━┛━┛━┛━┛ このレッスン、CSSでのレイアウトがないんですね。^^; へえ、そう なんだ……。発売時期を考えるとまだまだテーブルレイアウトが優勢だった 頃だから、その当時ではそれが普通だったんだろうな。 Webは特に技術が目まぐるしく変わる業界なので、ちょっとギャップを 感じてしまうですが、自分がWebを勉強しはじめたころのことを考えると 新しい技術より、自分の核になるようなものが欲しかったから、考え方とか そういう基礎固めに集中したかった覚えがあります。はじめてだらけで、 覚えることがたくさんありすぎて、ちょっと飽和状態でした。(遠い目) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ◆ 発行元情報 ─────────────────────────────────── 発 行 元:プロソフトトレーニングジャパン株式会社 発行責任者:工藤真紀子 配 信:まぐまぐ http://www.mag2.com/ (ID:247849) 登録・解除:http://www.ciw-japan.com/news_flash.html 【著作権に関して】 ・本メールマガジンに掲載された情報の転送は歓迎致しますが、内容に関する 著作権はプロソフトトレーニングジャパン株式会社に帰属します。 ・CIWサンプル問題に関しましては、メールの転送などは構いませんが、 WebやBlog上での公開はおやめください。ライセンスに抵触致します。 その他、何かご不明な点がございましたら、 info@prosoft-j.com まで、メールにてご一報ください。 ━━◆◇ 公式サイト&公式ブログ こちらも見てね ^^v ・CIW japan http://www.ciw-japan.com/ ・ptj 会社 http://www.prosoft-j.com/ ・ptjスタッフブログ http://blog.goo.ne.jp/prosoft-j ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


