CIW News Flash XHTMLコーディングの基礎 [まぐまぐ！]

2008/06/04

CIW News Flash XHTMLコーディングの基礎

■■■　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　■
■■　　　　　　CIW News Flash - IT 知識を武器にしよう - 　　　　　 ■■
■■ 　　CIWって何？　CIWを知ろう、学ぼう、IT基礎力を高めよう！　　 ■■
■　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　■■■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　　　　　　　　　　　　　　　　　　　　　　　　　　2008/6/4　No.36
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

みなさま、いかがお過ごしですか？　いよいよ6月に突入です。早いもので、
2008年がはじまって、半年が経ちました。関東地方では、例年6月10日頃に梅雨
入りですが、今年はいつ頃から梅雨入りするのでしょうか。

CIWをより深く知っていただくために、毎週水曜日、みなさまにCIWのサンプル
問題から読み解く、IT知識応用術をはじめ、CIWの最新ニュースなどをお届け
しています。毎週欠かさずチェックしていただけると幸いです。

　index-----------------------------------------------------------------
　01. とっておき、注目ニュース！
　02. CIWサンプル問題
　03. コラム　-　XHTMLコーディングの基礎
　04. 1週間の Webサイト新着情報
　05. CIWサンプル問題・解説

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　01.とっておき、注目ニュース！
───────────────────────────────────

◆◇◆　　　　　今週末にプレスリリースあり？　　　　　　◆◇◆

まだプレスリリースが出ていないので、内容を告知できませんが、
今週中に、リリース待ちのご報告があります。

CIWサイトでも、PTJサイトでもお知らせすることになるかと思います。

　　　何だろうーと思ったら、木曜日頃に、アクセスくださいね！

　　　　　CIW　http://www.ciw-japan.com/
　　　　　ptj　http://www.prosoft-j.com/

急に予定変更がない限り、木曜にご報告できると思います。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
02.CIWサンプル問題
───────────────────────────────────

CIWファンデーション（V5）テキストに沿った形で、サンプル問題を出して
おります。今回は、「Web制作の基礎」レッスン3より出題します。

（ファンデーションは、ITビジネスの基礎、ネットワークの基礎、Web制作の
基礎の3本立て構成です）

　問1 HTMLの山形括弧（"<"と">"）内に入れることができるものを3つ
　　　あげてください。

　解説は、下部の「05.CIWサンプル問題・解説」をご覧ください。
　まずは、答えを見ないで、Let's try!

※問題は「CIWファンデーション」V5試験、同等問題

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
03.コラム
───────────────────────────────────

レッスン3では、「XHTMLのコーディング」を学習します。
今までWeb制作の基礎では概念のような前提知識を2レッスンほど行ってきま
したが、今回から、実技に入ります。

━━◆◆　XHTMLコーディングの基礎

Webを作りたいんだけど、何をすればいいの？　の問いに答える、実技の
超基本講座が「XHTMLのコーディング」で習う基本文法です。

マークアップ言語とはいえ言語ですから、ルールに則ってコーディングしな
いと、正しく動作しません。

じゃあ何をすればいいの？　っていうか、タグってよく聞くけど何なの？
……という、超・基礎の基礎をまず知らないといけません。

基本さえわかってしまえば、インターネット上で情報公開されているタグの
情報や文法サンプルなどを見て、実際に試してみたりすることで、実感と
して「タグ」というものが理解できてきます。

<head>タグにある<title>タグで記述した内容が、お気に入り登録するときの
名前になってるんだ……みたいに、普段何げなく使っているものの裏のカラ
クリがわかると、けっこう面白いはずです！

言語はどんなものでもそうなんですが、言語を紙で見ていてもイメージつき
ません。とにかく書いてみる。実際にソースをコーディングして実行する。
で、結果を確認する。
結果を確認してはじめて「なるほど、この文はこういう効果があるんだ」と
実感できます。この実感は、紙の上の文章を読んでいたときでは得られないし
実感が伴わないと、言語を理解するのは非常に難しくなるのも事実です。

HTMLでは多少文法がおかしくてもブラウザが解釈してくれましたが、XML要素
を持つXHTMLでは、そこまで甘くはありません。＾＾；
これからのWebコーディングは確実にXHTMLとなります。
正しい文法を身につけ、しっかりした構造の文書を作ることが求められます。
そういう点でも、ちょっとおざなりにしていてもコーディングできたHTML時代
の悪いクセをなくす必要がありますので、基本はきちんと抑えておきましょう。

……ぶっちゃけ、HTMLは正しい文法を知らなくても書けましたから。（汗）
テキストでは、文法のチェックの仕方なども説明されています。
ちなみに文法チェックでOKが出る正しいコーディングで作られたWebサイトは
何もしなくてもSEOの作りになっているというメリットもあります。

XHTMLコーディングでは、CSSとセットになって覚えなくちゃいけないので、
最初のハードルがHTML時代よりも高くなってしまいますが、覚えておいて
損はない知識なので、ゆっくりと基礎固めをすると、あとがすごく楽になります。

プログラミングは、基礎がきちんとできていると、後が楽です。＾＾ｖ

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
04. 1週間の Webサイト新着情報
───────────────────────────────────

◆CIW 公式サイトのここ1週間の新着状況

　なし　

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
05.CIWサンプル問題・解説
───────────────────────────────────

問1 HTMLの山形括弧（"<"と">"）内に入れることができるものを3つ
　　あげてください。

━━◆◆　回答

要素、属性、属性値。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　編┃集┃後┃記┃
　━┛━┛━┛━┛

　前職で「超簡単、ホームページ作成講座」の講義をしていたんですが、

　けっこう受けがよかったです。普段使っているWebサイトの裏側が見れる

　のが面白いらしく、みんな目がきらきらしていました。

　やってみると意外に簡単にページ作成ができるので、それも魅力の一つ。

　もちろん仕事としてやっていくには、デザイン力や構成力、クライアント側

　の狙いは何かといった複雑な要素が絡んできますが、他の専門職に比べれば

　簡単に飛び込める業界の一つであることは確かです。

　Web系職種は独立しやすい職種でもありますから。　
　
　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◆　発行元情報
───────────────────────────────────
発　行　元：プロソフトトレーニングジャパン株式会社
発行責任者：工藤真紀子

配　　　信：まぐまぐ　http://www.mag2.com/ 　　　　(ID：247849)
登録・解除：http://www.ciw-japan.com/news_flash.html

【著作権に関して】

・本メールマガジンに掲載された情報の転送は歓迎致しますが、内容に関する
　著作権はプロソフトトレーニングジャパン株式会社に帰属します。

・CIWサンプル問題に関しましては、メールの転送などは構いませんが、
　WebやBlog上での公開はおやめください。ライセンスに抵触致します。　

その他、何かご不明な点がございましたら、
　info@prosoft-j.com　まで、メールにてご一報ください。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━