Webブログをご覧のみなさま、こんにちは！

InDesignでミラーレイアウトを作る方法を紹介します。

「マスターページ作成などで片ページ作ったものをシンメトリー配置したい」
という場面はよくあります。

Illustratorで同じような状況になった場合、リフレクトツールを使えば
オブジェクトの反転コピーができます。

しかし、InDesignではリフレクトツールがツール群に存在していない為、
若干複雑な手順になります。

まずコピーしたいオブジェクトを選択します。

「拡大縮小ツール」に切り替え、スプレッドの中心をクリックします。

Alt（option）キーを押しながらコントロールパネルの
「水平方向に反転」ボタンをクリックします。
通常のクリックで反転移動、Alt（option）を押しながらで反転コピーになります。

スプレッドの中心を基準に、反転コピーができました。
現在は文字も反転している状態です。

文字の反転を解除する場合は、コントロールパネルの
「反転のステータス」を右クリックし「変形を消去」を選択します。

ぜひ、お試しください。

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

電子書籍の普及に伴い、エディトリアルデザインの分野に限らず、
注目を集めるInDesignをKENスクールで学習しませんか？


⇒【InDesign講座】
Adobe InDesignは、レイアウトソフトとして利用する機会が急速に高まり、
多くのデザイナーやクリエイターにとって、欠かせないツールとなっています。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 増川

Webブログをご覧のみなさま、こんにちは！

サイト制作や作品制作の際、皆さんお悩みになるのは、
やはり「色作り」「色の組み合わせ」ではないでしょうか？

「ピンクを使って、可愛くしてみよう！」とか、
「ブルーでカッコよくしよう！」と思っても、いざ制作してみたら、
「こんなイメージじゃなかったんだけどなぁ...。」
なんてこともあるのではないのでしょうか。

今回は、「自然から色を学ぼう！」ということで、
花や草など、自然にあるものから色作りを、学びたいと思います。

例えば、バラの花を観察してみましょう。

この写真のバラの色を、一言で言ってしまえば「ピンク」なのですが、
花びらには「ビビットなピンク色」から「淡い白のようなピンク色」まで、
いろんなピンクがあることがわかります。

色の観察が終わったところで、
今度は、このバラの写真から、色を取ってきてみましょう。

Photoshopで、写真の画像を開きます。
そして、カラーピッカーを開きましょう。

そしてカラーピッカーで、花びら部分の色と取ってみましょう。

そのまま「スウォッチに追加」ボタンを押します。

まず、「ビビットなピンク」色を取りました。
同じ要領で、他の花びらの部分からも色を取ります。

今回は、５か所から色を取ってみました。
さて、スウォッチを見てみると...

先ほど、カラーピッカーで取ってきた色が、
スウォッチに追加されています。

あとはこの色を使って、作品制作に活かしてみましょう！

例えば、この色の組み合わせからグラデーションを作ってみると...

このような感じになります。
さらに、このグラデーションを使って、ボタンを作ってみます。

上が、今回作ったグラデーションを使用して作成したボタン、
下が、ビビットピンクと白の２色で作成したボタンです。

同じビビットピンクを使ったグラデーションでも、
上のボタンの方が、質感がぐっと上がって
素人っぽさが抜けたと思います。

初めて「色の組み合わせ」を経験する時は、
スウォッチに最初からある色を選びがちですが、
今回ご紹介したように、「自然の中にある色」を取ってきて、
作品に活用する方法もありますので、是非試してみてくださいね！

私のオススメは、お花のブーケから色の組み合わせを勉強する方法です。
フラワーショップの店頭に並んでいるブーケは、
色の組み合わせを考えて作られているものなので、
元々、色に一定のまとまりがあります。

ですので、今回の方法で色を取っても、まとまりがでるので、
色の組み合わせを勉強するには、非常に良い題材だと思います！

お花を買ったら、まずデジカメなどで撮影して写真を残し、
それから、お部屋に飾って楽しめる...一石二鳥のお勉強方法でした！

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

現場のデザイナーも通うKENスクールで、あなたもデザインスキルを磨きませんか？？

⇒【「極」グラフィックPro講座】
「デザイン」と「アート」、その違いを考えることからスタート！
レイアウトや色彩・文字などの基礎知識はもちろん、Photoshopと
Illustratorを自在に扱い、極められるように指導します！

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 前田

Adobe Creative Suite 5.5が発売されてから約8ヶ月が経ちました。

スマートフォンやタブレット端末向けコンテンツへの制作機能が強化され、
現在のWeb業界のニーズを満たしたアプリケーションへ近づいています。

しかし今までCreative Suite 2,3,4,5と順を追ったナンバリングになっているのに
何故今回は5.5と中途半端なナンバーになっているのでしょうか？

Adobe社は今まで18ヶ月ごとのアップデートを繰り返していましたが
「最新版の販売が早すぎる」「最新機能を使いたい」という意見が多かったため
今後は最新版の販売間隔を24ヶ月間隔にし、市場の動向を見て
今回の5.5のような中間となるアップデート版の販売を行なう方針に変更したそうです。

しかし結果的に「最新版の販売間隔が早すぎる」という意見には
答えられていないのかもしれません。

無論、今回の5.5は無償のアップデートではなく
比較的高額な部類に入るアプリケーション自体を購入しなければならないわけですから、
機能が多少増えたCreative Suite 6を販売しているようなものでしょう。

5から5.5へのアップグレードは10万円弱と従来よりも多少低めな値段設定ではありますが、
今回の内容ぐらいは無料で機能拡張をしてくれる
Adobeの懐の深さを見せてもらいたかったものです。

また、今回の5.5からは月額料金制での利用形態を発表しました。

これは恒久的にアプリケーションを利用するのではなく、
「短期間でのプロジェクト時のみ利用したい」 という
Web制作の現場を考えた利用形態です。

以下にその料金をまとめます。

年間プランは一年通して利用、
月々プランはニーズに応じて利用or停止を行なえる利用形態です。

主に法人が対象になりますが
選択肢が増える事は良い事ですね。
詳しくはAdobe公式サイトをご覧ください

KEN Schoolでは、最新版のAdobeアプリケーションを
お安い価格でお求めいただけます。
詳しくは各校舎のインストラクターへお声かけください！

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

Adobeアプリケーションを使用して、Webサイトを一から作成するスキルを、
KENスクールで学習してみませんか？

⇒【Web実践コース】
Webデザインにおいて、Illustrator、Photoshopといった
プロには欠かせないグラフィックソフトの習得から、
Web制作に携わるプロとして必須のHTMLによるレイアウト方法、
業界標準ソフトであるDreamweaverを使用し、
Webサイトをデザイン・制作する技術を身につけます。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 野村

平素より格別のお引き立てを賜り、厚くお礼申し上げます。
本年もスタッフ一同、皆様にご満足頂けるサービスのご提供を
心がけてまいる所存でございますので、
昨年同様のご愛顧を賜わりますよう、何卒宜しくお願い申し上げます。

新しい年が皆様にとって佳き年でありますようお祈り申し上げ、
年頭のご挨拶とさせて頂きます。

-- パソコンスクール KENスクール インフォメーションより --

今後も皆様にご満足いただけるようサービス向上に努めて参ります。
それに向かいスタッフ一同、誠心誠意努力する所存でございます。
より一層のご支援を賜りますよう、心よりお願い申し上げます。

尚、当スクールの年末年始の休業期間は下記の通りです。

【年末年始休業期間】
12月29日（木）～1月4日（水）
新年は1月5日（木）10：00より営業開始となります。

※池袋校のみ移転の関係上、年末年始休業期間を12月28日（水）～1月5日（木）
新年は1月6日（金）10：00より営業開始とさせていただきます。

時節柄、ご多忙のことと存じます。 くれぐれもお身体にはご自愛くださいませ。
来年も相変わらぬご愛顧を頂けますようお願い申し上げて、 歳末のご挨拶とさせて頂きます。

-- パソコンスクール KENスクール インフォメーションより --

みなさんも、もうご存知のとおり、
2011年10月5日　スティーブ・ポール・ジョブズ氏が逝去されました。

今では知らない人がいないというぐらい有名人ですね。

1976年にアップル社を立ち上げ、パーソナルコンピュータの
Macintosh（Mac）シリーズの開発で一躍アップルを有名にしました。

一時はアップル社員たちたの対立で職をはく奪されてしまいましたが、
1996年にアップル社の業績不振で呼び戻され、
iPod・iPhone・iPadの開発で事業を回復させました。

アップル社から離れている時には、
「トイ・ストーリー」で有名なピクサー・アニメーション・スタジオ
（映像制作会社）を設立し、コンピュータグラフィックスを確立していきました。

アップル社にしてもピクサーにしても成功を収めた偉大な人物です。

あと、スティーブ・ポール・ジョブズ氏を有名にしたのが
「演説」のうまさです。

結論
↓
具体例・理由
↓
結論

いわゆる「サンドイッチ法」だそうです。
前置きをダラダラ言わず、結論から始めに伝え、
そこから詳しく説明し、最後にまた結論を言う。

プレゼンがうまいとリスナーの心をつかみ「名言」が生まれる。

多くのリスナーを魅了するためのスティーブ・ポール・ジョブズ氏の
テクニックがあります。

■プレゼンテーションのテーマを明らかにする

冒頭でテーマを端的に示す。

■概要を示す

わかりやすく話についてこれるよう工夫する

■話し手の熱意を示す

「すごい」「信じられない」「びっくり」などの表現力の
強い言葉を使いメリハリをつける

■客観的根拠を示す

統計データなど客観的情報を伝える

■視覚的に訴える

スライドを使用するが、シンプルにわかりやすく

■リハーサルは念入りに

練習やリハーサルをしっかり抜かりなく

なによりも 「シンプルに伝える」に尽きると思います。
簡単そうで実に難しいことですね。

でも少しでもコツをつかみ・盗み仕事に活かしましょう。

スティーブ・ポール・ジョブズ氏の偉大さとたたえ、
ご冥福をお祈り申し上げます。

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

KENスクールでは、即戦力となるWeb制作スキルにプラスし、
マーケティング・ディレクターの能力を持つ人材を育成しています。

⇒【マーケティングディレクションPro講座】
「ディレクション力」と「Web解析力」は、
利益を生むサイト構築が求められる
今の時代だからこそ重要視されるスキルです。
 

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 藤沢

皆さん、こんばんは。
いつもWebブログをご覧いただき、ありがとうございます＾＾

本日も受講生の皆さん・ご検討中の皆さんに、嬉しいお知らせをお届けします。

いよいよKENスクール銀座校でも、10月23日（日）より、
Web・DTPコースの上級編「極」講座を開講することになりました！

まずは週2回、日曜日と水曜日での開催になります。

今まで銀座校でご入学された受講生の方には、
上級編の「極」講座まで学習が進むと、
近隣の新宿本校・渋谷校・池袋校・北千住校に通学をしていただいていましたが、
今後は銀座校もご利用していただくことができます！＾＾

もちろん
●今まで他の校舎を利用していたが、職場が銀座に近い！
●定期的に銀座に行くことがある！

そんな皆さんも、是非、銀座校をご活用ください！

今後はさらに開催日数を増やせるよう、スタッフ一同頑張らせていただきますね♪
それでは、銀座校でお待ちしております♪＾＾

KENスクール トップページ
http://kenschool.jp/index.html

KENスクール 銀座校・Webサイト
http://www.kenschool.jp/school/ginza/index.html

-- パソコンスクール KENスクール インフォメーションより --

皆さん、こんばんは。
いつもWebブログをご覧いただき、ありがとうございます＾＾

本日も受講生の皆さん・ご検討中の皆さんに、嬉しいお知らせをお届けします。

いよいよKENスクール銀座校でも、10月23日（日）より、
Web・DTPコースの上級編「極」講座を開講することになりました！

まずは週2回、日曜日と水曜日での開催になります。

今まで銀座校でご入学された受講生の方には、
上級編の「極」講座まで学習が進むと、
近隣の新宿本校・渋谷校・池袋校・北千住校に通学をしていただいていましたが、
今後は銀座校もご利用していただくことができます！＾＾

もちろん
●今まで他の校舎を利用していたが、職場が銀座に近い！
●定期的に銀座に行くことがある！

そんな皆さんも、是非、銀座校をご活用ください！

今後はさらに開催日数を増やせるよう、スタッフ一同頑張らせていただきますね♪
それでは、銀座校でお待ちしております♪＾＾

KENスクール トップページ
http://kenschool.jp/index.html

KENスクール 銀座校・Webサイト
http://www.kenschool.jp/school/ginza/index.html

-- パソコンスクール KENスクール インフォメーションより --

皆さん、こんにちは！本日はKENスクールから大切なお知らせです＾＾
タイトルの通り、新宿本校がリニューアルオープンすることとなりました★

それに伴い、新校舎は場所が移転します。JR新宿駅からより近く、迷いにくい場所に移動します♪
新宿には近隣の校舎からもたくさん受講生に来ていただいているため、
場所が変わりご不便をおかけしますが、今後ともよろしくお願いいたします＾＾

新校舎での営業開始は、10/15（土）10:00〜 となります。
また、校舎移転に伴い、本日10/11（月）17:30以降より、14日（金）までお休みをいただきます。
新宿本校以外の場所は開校しておりますので、
普段新宿にお通いの方は、渋谷校・池袋校などでご予約をお取りください。
いつもと違う校舎も、勉強に刺激が生まれてイイかもしれません♪＾＾


さて、詳細な場所ですが、
【今まで】
JR新宿駅と京王線新宿駅の改札が一緒になっている出口
『京王改札』が一番近い改札でした。

【15日より】
JR新宿駅南口もしくはサザンテラス口、
京王新線、地下鉄大江戸線の改札が最寄改札となります。

現在、新校舎は絶賛改装中です。完成のイメージ（CGですが）が、
「新宿本校リニューアルキャンペーン」のページに掲載されています。
http://kenschool.jp/info/contents/camp1110_new_shinjuku.html

私は工事が入る前を覗きに行きましたが、そのときはまだ本当に何も
ありませんでしたが・・・。
新宿近辺にあるスクールでは、現時点で最新の校舎です！（当たり前ですね 笑）

KENスクールの受講生で、まだ新宿にご来校いただいたことがない方、
これから新宿近辺でスクールを探している方は、
是非一度見学だけでもお越しいただければと思います！

新しく・綺麗な環境で最高の学習を提供させていただきます★
その期待を裏切りません。東京の中心部：新宿を担う新校舎、ご期待くださいね！＾＾

Ken Schoolトップページ
http://kenschool.jp/index.html

新宿本校リニューアルキャンペーン
http://kenschool.jp/info/contents/camp1110_new_shinjuku.html

-- パソコンスクール KENスクール インフォメーションより --

ヨハネス・フェルメール（Johannes Vermeer, 1632年 - 1675年）

フェルメールの絵に見られる鮮やかな青は、
フェルメール・ブルーとも呼ばれています。

そのとても魅力的なフェルメールの【青】には、
きわめて高価なラピスラズリという貴石から作られた顔料で、
ウルトラ・マリンブルー（群青色）が使われています。
当時ラピズラズリは、金よりも高価な鉱石だったのですが、
フェルメールは常識としては、
考えられない贅沢な使い方をしていました。
彼の死後多額の借金が残されたといいます。

その代表的な作品が『真珠の耳飾りの少女』
別名「青いターバンの少女」とも呼ばれています。
しかし彼は才能には恵まれながら若くして亡くなったため、
実際に描いた作品は少なく、
全世界でも現在30数点しか残されていません。

先日、京都市美術館「フェルメールからのラブレター展」に行ってきました。
「手紙を読む青衣の女」、「手紙を書く女」、「手紙を書く女と召使」
の3点を観ることができました。

「手紙を読む青衣の女」は、年月経過による変色などで、
フェルメール本来の色彩が失われていました。
しかし、最新技術で修復が行われ、今回が修復後世界初公開となります！
フェルメールブルーの復活です。

皆さんも是非、美術館に足を運んではいかがでしょうか？

京都展（京都市美術館）2011年6月25日(土)－10月16日（日）
東京展（Bunkamura ザ・ミュージアム）2011年12月23日（金・祝）－2012年3月14日（水）

オランダのマウリッツハイス美術館には、【フェルメールルーム】があり、
そこには「真珠の耳飾りの少女」の他にも「ディアナとニンフたち」「デルフトの眺望」
といったフェルメールの貴重な作品が展示されています。

来年2012年に、
オランダのマウリッツハイス美術館が大規模に改修工事を行うのに伴い、
フェルメールの代表作「真珠の耳飾りの少女」などを含めた、
約50点が一挙に来日する予定です。
東京都美術館と神戸市立博物館で開催予定だそうです。
本来ならオランダに足を運ばないと、
一度に観れないのにとても贅沢ですね。

あ～来年が楽しみです。

色彩に興味のある方は、
KENスクールの「色彩基礎講座」に是非参加ください。

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

現場のデザイナーも通うKENスクールで、あなたもデザインスキルを磨きませんか？？

⇒【「極」Professionalグラフィック講座】
「デザイン」と「アート」、その違いを考えることからスタート！
レイアウトや色彩・文字などの基礎知識はもちろん、Photoshopと
Illustratorを自在に扱い、極めていけるように指導していきます！

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 安達

いつもWebブログをご覧いただき、ありがとうございます！

皆さんは、Webサイトを制作するだけで、満足などしていませんか？

たいていの方は「Webサイトを作る」と聞くと、
デザイン（見栄え）ばかり考えがちになってしまいます。

Web市場が広がっている昨今、Web制作のみならず、
「Webマーケティング」を担う人材が必要とされています！

そこでぜひ紹介したい資格があります。

それは…

『ウェブ解析士（JWDA主催）』です！＾＾

今や、Webサイトもただアクセスされれば「良いサイト」と
いった時代ではありません。
サイト閲覧者が、最終的に「購入した」「応募した」などの行動（コンバージョン）
を起こしたかどうかを、しっかり把握することが大事です。

単純なWebマーケティングだけではなく、
事業に即した現状分析および、目標を達成するための計画立案までの
総合的な分析があれば、Webサイトも活きていきます！

KENスクールでは、制作能力だけでなく、
分析・運用能力の方を育てるべく
「ウェブ解析士講座」を展開しています。

http://www.kenschool.jp/Webdtp/contents/web_analyze.html

ウェブ解析士講座には、
解析ツールやデータを正しく判断する「初級」と、
ウェブ解析に基づく企業のコンサルティングを学ぶ「上級」があります。

新たな可能性をプラスαして就転職に役立ててみませんか？＾＾

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

サイト管理に役立つ「SEO」の知識に「Webマーケティング」の知識・資格を
KENスクールで身に付けてみませんか？？

⇒【Webマーケティング（SEO/SEM/ウェブ解析士/ディレクション）講座一覧】
SEO基礎 ・ 実践テクニック講座は、Googleを中心とする検索エンジンの
構造と仕組みを学び、SEOを左右する3つの要素を講義の中で習得できるセミナーです。

更に、ウェブ解析士講座は、解析ツールやデータを正しく判断する「初級」と、
ウェブ解析に基づく企業のコンサルティングを学ぶ「上級」があります。
Webマーケティングに興味のある方は、KENスクールにお越しください！！

本日の更新者：
パソコンスクール KENスクール Web/DTPデザイン・プログラムコース
インストラクター 藤沢

皆さん、いつもWebブログをご覧いただき、ありがとうございます！

前回に引き続き、今回も色特集です！
「ストロングトーン」についてお話したいと思います＾＾

下図をご参照ください。

先日ご紹介した、「ブライトトーン」に少し灰味を足した色になりますね。

ストロングは英語でstrong。
『強い』『強烈な』『はっきりした』といった意味です。

そんな名前がついたストロングトーンのイメージは、

• 強い
• くどい
• 情熱的な
• 動的な

と、言ったものになります。

『強い』と言う意味から利用された例として、
アスリートのユニフォームがあります。よく使われていますね。

サッカー日本代表のユニフォームで、
いわゆる「ジャパンブルー」と言う藍色も、
このストロングトーンに分類されます。

先のなでしこジャパンも、
ストロングトーンのイメージ通り、
「強い」サッカーで、世界一になりました！！

男子は、ワールドカップ予選。
女子は、五輪予選と、
大きい大会の予選が男女ともに続き、良い結果に結びつきましたが、
このストロングトーンの色のお陰も、あるかもしれませんね＾＾

また強いサッカーをまた見せていただければと思います。

がんばれ！日本代表！！

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

現場のデザイナーも通うKENスクールで、あなたもデザインスキルを磨きませんか？？

⇒【「極」Professionalグラフィック講座】
「デザイン」と「アート」、その違いを考えることからスタート！
レイアウトや色彩・文字などの基礎知識はもちろん、Photoshopと
Illustratorを自在に扱い、多くの制作物を作ることで、経験を養います！

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 清水

なんと！！昨日15日より、就職を目指す皆さんへ
『完全就職保証制度』が始まりました！！

私達のスクールでは、パソコンを初めて学び、資格取得を狙う、
さらには、ＩＴ系のエンジニアやWebデザイナーを希望して
通われる皆さんが、非常に多いです。

狙うは当然、未経験からの就職です！
いざ、その願いを叶えるため、

●「プロによる個別指導」
●「現場に即した実践的カリキュラム」
●「きめ細やかな担当制就職サポート」

の3つの柱を中心として、
技術力・基礎力・人間力の育成に注力してきました。

単にどこでも就職が出来ればOK、ということではなく、
「やりがいのある仕事」に就くことが、
これからの時代、ステータスにもなります。

だからこそ、夢を実現させる、
しかも100%を目指す ＝ 「最高の結果を残す」取組みを始めました＾＾

詳しくはこちらからご覧ください。
http://www.kenschool.jp/jobsupport/guarantee.html

この制度の対象者が、卒業時に就職ができなかった場合、
「受講料の半額をお返しする」保証もついてきます！

ある意味、パソコンスクール業界としては、
「そこまで面倒見なくても、受講生が自力で解決していくでしょ・・・」
という反応もあるでしょう。

しかし、個別指導で生徒さんと接していく私達としては、
一人ひとりの生徒さんに対して、どこまで責任を負うべきなのか、
検討に検討を重ねました。

せっかく卒業時に大変な資格を取得して、Webサイトも完成させて・・・
でもその後の道をどう進むか判断できないと、
そのスキルも、1年後には忘れてしまい、水の泡になりかねません。

未経験からでも、業界に満足いく形で就職したい！
とにかく、仕事になる「スキル」と「人間力」を身につけたい！
というあなた！

KENスクールにお任せください。
KENが誇る講師の個別トレーニング＆サポートで、
心も技術も磨きぬいて、就職に結びつかせますよ！！

完全就職保証制度、ぜひご利用くださいませ♪＾＾

-- パソコンスクール KENスクール インフォメーションより --

皆さん、いつもWebブログを見ていただき、ありがとうございます！

今回は「ブライトトーン」についてお話したいと思います。

下図をご参照ください。

純色に少し白を混ぜた明るくキュートでさわやかな配色になります。

ブライトは英語で「bright」。
『輝く』や『明るい』という意味があり、
そんな名前がついたブライトトーンのイメージは、

・明るい
・健康的な
・陽気な
・賑やかな
・華やかな

などの印象になります。

ブライトトーンは、洋菓子などによく使われたりします。

春日井製菓　ゼリービーンズ
http://www.kasugai.co.jp/products/others/index.html

色々な色があって、華やかで目を惹（ひ）く色ばかりですね。

また、下図を見てください。

このように、クリアな青や赤、空色、麦わら色、 ブライトトーンは
クリアな空など夏のイメージにぴったりなトーンになります。

まだまだ残暑が厳しい今の時期、このブライトトーンの色を用いれば、
夏の暑さをすっきりさせつつ、鮮やかで好印象を与えることができますよ
ぜひ、使ってみてくださいね！＾＾

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

現場のデザイナーも通うKENスクールで、あなたもデザインスキルを磨きませんか？？

⇒【「極」Professionalグラフィック講座】
「デザイン」と「アート」、その違いを考えることからスタート！
レイアウトや色彩・文字などの基礎知識はもちろん、Photoshopと
Illustratorを自在に扱い、多くの制作物を作ることで、経験を養います！

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 清水

皆さん、こんにちは！
いつもWebブログをご覧いただき、ありがとうございます！

今回は、CSS3の疑似クラス『：nth-child』をご紹介します。

この疑似クラスはどのように使用するかと言うと、
テーブル（表）やリストなどの見出し部分または、
奇数・偶数の行の部分に、背景色を入れたいときに有効です。

例としては、下図のようなレイアウトの場合です。

まずは、テーブルを作成します。

    <table width="300" border="0" cellspacing="0" cellpadding="0">
    	<tr>
		<td width="60">1.</td>
		<td width="235">KENSCHOOL</td>
	</tr>
	<tr>
		<td>2.</td>
    		<td>KenShool</td>
    	</tr>
    	<tr>
    		<td>3.</td>
    		<td>KENスクール</td>
    	</tr>
    	<tr>
    		<td>4.</td>
    		<td>Kenスクール</td>
    	</tr>
    	<tr>
    		<td>5.</td>
    		<td>ケンスクール</td>
    	</tr>
    	<tr>
    		<td>6.</td>
    		<td>けんすくーる</td>
    	</tr>
    </table>

シンプルなテーブルが完成。

テーブルが完成したら、後はCSSを適応させます。

上図の3つ目の記述がCSS3の疑似クラスになります。

『：nth-child(odd)』を指定すると、
「奇数行」の背景色・文字の色など、変更することができます！

奇数部分以外にも、指定することができます。

・偶数行に :nth-child(even)

・先頭行に :first-child

・最終行に :last-child

・特定部分に （この場合は3行目に）:last-child :nth-child(3)

・特定部分に ※後ろから（後ろから2番目に） :nth-last-child(2)

今回は、テーブルに適応させましたが、他にも見出しやリストなどにも使用可能です！！
ぜひ、お試しくださいね♪

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

各種ブラウザ対策も万全！Web制作スキルは、
KENスクールで実務を通して学習しよう！

⇒【CSS基礎 + 上級レイアウト講座】
IE6の見栄えを整える際に、CSSのhackというテクニックを覚えるのは
必須になります。
CSS基礎講座では、はじめてでも安心のCSSレイアウトを組める学習を、
そして、CSS上級レイアウト講座では、どんなブラウザにも対応できる、
CSSの記述方法を伝授します。

本日の更新者：
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 野口