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

弦楽器奏者に役立つカラダのやさしい使い方をレッスンしています【自然な動きで弦楽器演奏を極める】がモットー。音楽活動のこぼれ話、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>

  関連記事

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

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

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

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

【TextExpander】便利だと噂のFill-In機能と、省略入力の展開がうまくいってなくて調べてたら哲人セネカに「人生の短かさについて」お説教をいただいてしまった件

テキスト入力支援ツール【TextExpander】を使い始めてはや3日が経ちまし …

教材・楽譜の整理は定番クリアポケット(A4・30穴)そして補強入りが使いやすい!

 ひとに教える機会が増えたり、教わったりする機会が増えてきました。まさかアラフォ …

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

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

slooProImg_20130910170039.jpg
「するぷろ」は、ブロガー向け写真アップローダーだった!

写真アップが簡単。 1行目に仮タイトル入れて、 あとは、ひとまとめにアップしたい …

no image
WordPressプラグイン【Tweet Old Post】で、件名・タイトルが表示されずに「…」となってしまう件が解決できた!(設定項目の日本語訳あり)

Tweet Old Post とは? 【Tweet Old Post】というのは …

【JUGEMブログ】で「続きを読む」を角丸ボタンに変える~CSSで角丸入門はこれでOK

 JUGEMブログで「続きを読む」のリンクを、好きな文言に取り替えて、 …

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

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

slooProImg_20140612105845.jpg
最強タッグはコレだ!頭がよくなるA4方眼ノートと【ハイテックCコレト】で気分は上々!

 頭が良くなる方眼ノートとそれをフル活用するための最強3色ペン。 前回の記事(【 …