ホームページの作り方に登場する言葉や、知っておくと役立つキーワードを紹介します。
- ホームページの作り方ナビ >> webデザイン 商品一覧 >> 現場のプロから学ぶXHTML+CSS
webデザイン 商品
webデザインとは、webサイトのデザイン全般を指すもので、そのサイトの雰囲気や使い勝手自体を左右するほどに重要な要素となっています。
Webデザインがよくないサイトは、文字が見づらい、ページの飛び方がわかりにくい、データが重くて見るのがおっくうになる、といったデメリットを持っているため、
サイトを作っても消費者に対して効果的にアピールすることができません。しかし、これらを改善するようなwebデザインに優れたサイトは、より強く消費者にアピールすることができます。
また、webデザインはそのサイトのイメージを決定付けるだけでなく、機能性も重要とされますから、単にクールで格好良いものだけが良いとされるわけではありません。
時には子ども向けのわかりやすくて派手なデザインや、なるべく使いやすさを重視したサイト作りなどを必要とすることもあります。
- 本当に役に立つ入門書
- 題名に「入門」という文字はありませんが、この本は良質な入門書、そして、初心者に対する明確な指針を示してくれる、ガイドブックです。
XHTMLの構造やCSSの書き方など、基礎的なことを分かりやすく説明することから章が始まります。この点で言えば、本書は、間違いなく「入門書」としての資格を持っています。しかし、この本は、巷にあふれている「さっさと卒業してしまう入門書」とは別格です。
CSSでのレイアウトにおける詳細かつ応用の利きやすい例、またハマりやすい点の指摘、あるいは、ブラウザ別の対策など、内容は多岐に渡ります。
この本は、
エディタくらいは自分で調べて入れられる人
何となくタグで囲んで作ることくらいは知っている人
このレベルの、ド素人ではない初心者を、一気に中級レベルへ引き上げる力を持ちます。
ネット上に溢れている入門サイトとは、情報の「質」が段違いです。この本で、体系的に、効率的に学習することに比べると、ネット上のリファレンスを相手に格闘している時間など、無駄の極みです。これだけの情報が3000円で手に入るなんて、良い時代になったものです。
もし、htmlやタグといった言葉がちんぷんかんぷんな人は、「HTML/XHTML&スタイルシートレッスンブック」から初めて、本書を手に取ると良いでしょう。
XHTMLやCSS等の辞典が活きる本こそ、本当の入門書です。この本は、
・Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
・詳解HTML & XHTML & CSS辞典
この辺りの、詳細な辞典の価値を、何倍にもしてくれます。
HPを製作するのであれば、2009年8月現在において、まず間違いなく「買い」です。
- とりあえず打ち込むだけで覚えた人が読むとおもしろい本
- 読むのにおもしろい本です。
本見て打ち込んでいく、っていう本ではありません。
基本的でわかりきった事も書いてありますが、
「ん？どういう事かな」と何度も読み返してしまうような
難しいのか、わかりにくい表現なのかっていう内容にのめり込んでいきます。
XHTML+CSSって人に教えるときに、
「なぜそうするのか」っていうことの必要性を納得させることがとっても難しい。
納得してもらえないと「なんで？これで良いじゃないか」とHTMLに属性を書くことに
戻ってしまわれる・・・
具体的なレベルで言うと、Webデザイン初級検定ぐらいの方が、
「CSSはなんぞか分かったけど、この次は？これをどうすれば？」という方が読むと、
のめり込めると思います。
私は通勤電車の中や、就寝前のベッドで
「ほぉ」と思ったところに付箋はりながら読んでいます。
- これからxhmlを学ぶ人は買っておいたほうがいいのでは。
- cssとxhtmlを使ったサイト制作のノウハウが詳しく書かれていてとても勉強になる本です。
この春からサイト制作会社に勤める方はデスクの脇にでも置いといたらいいんじゃないのかな？
- 入門者も平気？？
- ７年前にHTMLのみでHP作ったきり放置していて、今回CSSにつまづいている者です。
第一章はとても詳しく書かれており感動しましたが、画像なしでの言葉の説明が多く、「こういうことかな？それともこうかな？」と想像するだけでちょっと疲れました。未知の領域だと、丁寧に言葉で説明してもらっても百聞は一見にしかずなもので…。「こうするとこうなっちゃうからこうします」と画像がついてると初心者にはやさしいと思います。
ちなみに２章３章と読み進めるにつれ、難しく感じました。「そうなのか！」と納得したところもありましたが、読み終えていざHP作ろうとしたら「どうすればいいの？」って感じでした。私の場合はとにかくサイトからサンプルをダウンロードして、本を片手に持ちつつXHTMLとCSSをひたすらにらめっこ。異なるサンプルサイトを比較しつつひたすらにらめっこ。…すると…なんとなくわかってきたんです！！あーそういうことか、と。
やっぱり実践しないとだめですね。なんでもいいからとにかく実践してみる。実践しながら本を読むととてもいいのかもしれません(これ常識だったらすみません＾＾；)。
辛口に書きましたが、とても詳細に書かれた良書だと思います。私には「これから」さらに役立ちそうです！
- とても分かりやすいです。
- 私はWindowsのアプリケーションプログラマなので、Webサイトの制作に関しては全くの素人です。現在は自作のアプリを公開するためのサイトや趣味のサイトなどを作っています。
今後はHTMLではなくXHTMLが主流になるらしい・・・と聞いて本書を購入しました。複数の著者の方がそれぞれの章を担当していますが、全体としてよくまとまっており、初心者にも理解しやすい内容でした。特に実務上のテクニックについてはとても参考になります。
文書構造はXHTMLで記述してビジュアルレイアウトはCSSで組み立てるというコンセプトはとても理にかなったもので、今後サイト制作をする場合には積極的に取り入れたいと思います。
ただ、CSSの仕様策定が遅いのかもともとそこまで考えていなかったのか、クールなサイトを作るにはそれなりにトリッキーなことをする必要があるようです。段組みのレイアウトやグローバルナビゲーションバーなどは本書で紹介されているアイデア（Web制作者であれば常識のようですが）を知らなければ、なかなか自分では思いつけないと思います。
なお、本書のサポートサイトからサンプルコードをダウンロードできるので便利です。
Pick Up
- 為替どうしても気になる外国為替のすべてがここに！外国為替ですぐに検索！外国為替情報はこちら。
- 自動車保険 安全運転既にご存知かもしれませんが、自動車保険 安全運転情報をお届け！自動車保険 安全運転国内の、自動車保険 安全運転だったらお任せを。
- FX チェック口コミで聞いたことがあるFX チェックの情報がココに！FX チェック情報満載のFX チェックがすごく理解できました。
- ベビー服バッチリ役立つベビー服 1ヶ月〜4ヶ月の情報満載。ベビー服 1ヶ月〜4ヶ月迷わずここ！ベビー服 1ヶ月〜4ヶ月について詳細解説中。
- エステ イオン導入見逃してませんか？エステ イオン導入の話題ならここ。エステ イオン導入サイトにレッツゴー！エステ イオン導入をさらに詳しく調べてみませんか
- レーシック 明るいYahoo!で見つけよう、レーシック 明るい情報を発信！レーシック 明るいクリックしてレーシック 明るいの内容でいっぱいです。
- 任意整理迷わずいけよ！任意整理 家族の情報が満載。任意整理 家族←の情報満載ですので、任意整理 家族情報がたくさんあります。
- 債務整理充実な債務整理のこと・・・。債務整理知って得々！債務整理のことなら迷わずこちらへ
- ウェディング安心のウェディングの基礎知識ならウェディング信頼できるサイト、ウェディング一発リンクで情報ゲット
- 貸事務所まだ知らないの？安心の貸事務所をお探しですか？貸事務所サイトにレッツゴー！貸事務所でチェックして
- レーシック今すぐ知りたいレーシックのお役立ち情報！レーシックお悩みでしたら、こちらへレーシックについて解説しています。
