バイオリン応援団*いちろーたのブログ

弦楽器奏者に役立つカラダのやさしい使い方をレッスンしています【自然な動きで弦楽器演奏を極める】がモットー。音楽活動のこぼれ話、Mac・iPhone、食べ物のこと書いてます。

*

ロミオとジュリエットで学ぶWebデザイン再入門…【HTMLとCSSで基礎から学ぶWebデザイン】を買ってきて読んでみたら名著の予感!

   

散歩がてらに書店を初詣。
買っちゃいました。どんな内容か、ちょっとご紹介します。

オビにこう書いてあるんですよ

リファレンスを使う前に読んでほしい、Webデザインの心得

どんな内容?

HTMLは文章をコンピュータに解釈させるための標識だという立場に徹して、著者は書いています。「一般的なサイトでこうやるといいよ」なんてことは出てきません。そのかわり、「このタグにはこういう意味・文化的背景がある」ということが書いてあります。
そして、構造化も単純なものから始まり、順を追って複雑になっていきます。HTMLとCSSの関連性も徐々に説明がされていきます。
「メモ帳」などのテキストエディタ、「Chome」などのWebブラウザを用いながら、コーディングをしてゆきます。自分が打ち込んだHTML/CSSのコードが、ブラウザでどのように表示されるのかを実験してゆきます。

こんな疑問に答えてくれるはず…

  • HTMLって何?
  • CSSって何?
  • 構造化ってどういうこと?
  • デザインが必要なわけは?
  • スタイルをどう指定する?
  • ページをどう仕分ける?
  • 色はどうやって指定する?
  • 色使いがヘタなわけは?
  • 配色ってどうやるの?
  • CSSでレイアウトするには?
これらのことを、ロミオとジュリエットを使って学んでいきます。
「なぜそうするのか?」とともに書いてあるので、読み応えもバッチリ。

こんな人におすすめ

  • インライン要素とブロック要素の意味を知りたい!
  • タグの個々の意味は分かるけど、互いの位置づけの違いをわきまえて使いたい!
  • 適材適所でタグを使いこなしたい!
  • HTMLとCSSをもっと愛したい!!!

さー、読むぞー!

◆参考

コツコツ努力が報われるメール講座《奏法リノベーション365》

 自分でできる演奏フォーム矯正のヒントをメール講座形式で毎日365日お届けします! 「読んでるだけなのに、なぜか演奏が楽になっちゃった」 「練習が楽しみになった」 というお声が届いてます。やったー!   読んでみませんか? 演奏が見ちがえるメール講座《1日5分の新習慣♪奏法リノベーション》

☆☆

バイオリン奏者のためのお役立ちヒント「弦楽サプリ」YouTube

読んでわからないことも、話を聞いたり、動きを見るだけでわかっちゃうこともありますよね〜 チャンネル登録すると、更新情報をキャッチできます。 いますぐ登録どうぞ♪
↓ ↓

 - ブログ書きの道具箱/Blog便利帳

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  関連記事

【TextExpander】僕にもできた!インストールとオススメ設定をして使い始めるまで

いちろーです。早速TextExpanderを使い始めてます。変換してテキストがポ …

no image
【メモ】 Jugemからmt5へのインポート

JUGEMブログからMovableTypeへの引越手順。 未検証です。 ●JUG …

no image
WordPressからTwitterへの自動投稿テストなのです。

WordPressに記事を書いて公開するとTwitterに自動投稿してくれるプラ …

「いつのまにか時間が無くなってる?!」~忙しい人を時間泥棒から守る用心棒アプリ【Toggl】が「やりたいこと」を浮き彫りにしてくれる理由がわかった!

「今日は思い通りに進んだなぁ」「今日はいろいろ邪魔が入ったなぁ」「今日は、なんだ …

大人も使える!ジャポニカ学習帳のA6版「連絡帳」が1日1ページのToDoリストにちょうど良い

 ジャポニカ学習帳のA6版「連絡帳」が、大人でも使いやすいです!なぜなら、子ども …

slooProImg_20130906214248.jpg
「AppBank Store新宿」プロ・ブロガー本2増刷記念イベントに行ったらサインもらっちゃった!感謝!

iPhoneやらiPadで「するぷろ」と「するぷろーら」を使い倒してモブログ書く …

no image
WP Social Bookmarking Lightでfacebookの「いいね!」ボタンの位置がずれる……は、これでなおった!ありがとー(・∀・)

いますぐなおしたい人はこれを読めばOK!  WP Social Bookmark …

【TextExpander】使い始めに、まずやることとは

前の記事に書いたようにTextExpanderをインストールしたわけです。 【T …

no image
【マインドマップ超入門】テンプレートを埋めるだけ☆マインドマップ日記をはじめてみよう

 マインドマップを続けるために、どうしたら良いかな?とおもって思い浮かんだのが「 …

「なんで買っちゃうんだろう?」の謎を解け!~【インタフェースデザインの心理学―ウェブやアプリに新たな視点をもたらす100の指針】2013年初ショッピングはこれでした!

2013年の書店初詣にて買ってまいりました!2冊のうちの1冊。Webをはじめ、ユ …