6日目
本日は…adobe bracketsをいれる
プラグインも10個ほど導入…以下その内容
・Code folding…dlなどが折りたためるようになる
・Brackets File icons…ファイルがアイコンで見れられるように
・Tubs -Custom Working or document toolbar…タブ表示できるように
・Brackets Boolmark…コードのスキなところにお気に入り設定
・Extract for Bracketsten
・Sidebar Plus…
・Html Hint
・More css code hints
以上。
それからcssに入る。
・<div>でレイアウトしやすいようにカテゴライズしていく
:一番大外はcontainer その中にwrapperやcontentを入れていく
:よくある構成…上からcontainer header nav content sidebar footer
※sidebarが左にある場合でも、ロボットが200行しか読まないことを考えると、コンテンツ部分を早めにコード内に記述する必要がある。よって、contentとして書いておいて、float:rightで右に移動させる
・お勧めサイト Zen garden他
・<style></style>は<head>の中に入れる
関連してカラーコードの作り方…
・RGBは、レッド グリーン ブルーバイオレットである
・000000…16進数…ヘキサデシマル
・#000000…RGBなので、2桁3組の文字列。二文字を合わせて色相という。
:一つ目の数字は明度、二個目は彩度を表す
・RGBではなく本当はHSBである…。