2015-09-01から1ヶ月間の記事一覧
［HTML / CSS］ 復習課題。以下の要件定義に従う h1のみ記述（テキストはテーマタイトルとする） 幅640px以下はスマートフォンの表示に切換え h1は幅460px高さ300px。空間指定は不要 背景画像はimgフォルダー内のh1_bg.png リセットを記述する。CSSはエンベ…
［HTML / CSS］ 正しいワークフローで作業をする。ルールに従う id <div id="">：レイアウト class <p class="">：意味を例示するための付加 要素に対して振り分けるならば100%"class"で良い 要素内のidはJavaScriptで利用する（ex getElementById） padding: 上 右 下 左 ; text-al</p></div>…
［Illustrator］ Vectorデータのオブジェクト（計算式でつくられる） 「失敗したら前に戻る」が基本 配置の際、リンクにチェックはつけない。テンプレートにチェック シンメトリー（対称）① 線対称 ② 点対称 は、基準点で動かす Alt （コピー）+ クリック（…
［HTML / CSS］ ワークフロー 文書構造の作成 div要素によるグループ化 CSSファイルのリンク reset → fonts → body layout（外側から） HTML CSS ブラウザ ［memo］ 16px(body)≒1.0em≒100% 16px × 0.625%=10px（ex 14px=0.875em） em %：比率 rem：root + em…
［CSS］ ボーダーの作成 太さ 種類（solid>dotted>dashed） 色 HTML CSS ブラウザ
［Dreamweaver］ Dreamweaverはサイトの管理ツールと位置づける 環境設定（command+U） 初心者用の設定に変更する CSSスタイルシート：ショートハンドの設定にチェック W3Cバリデーター：HTML5にチェック アクセシビリティ：属性表示、スクリーンリーダにチ…
［Photoshop］ viewpoint ツールの名前・場所・役割を覚えること Photoshop：レイヤーを重ねる（ひとつのレイヤーにひとつのオブジェクト） Illustrator：オブジェクトを重ねる コピー&ペーストは多用しないこと（メモリにデータが蓄積されるため） Web用に…
［viewpoint］ 文書構造(アウトライン)と見栄え(画像・CSS) 正しい日本語を書く・構築すること＝Webの世界で生き抜くこと 文書構造 使えるべき文章の内容から見出しをつくっていく ( <p> → <h1> ) 検索エンジンやブラウザが正しく認識できる 見栄え ヴィジュアルに</h1></p>…
HTMLを書く 「コンピューターと会話をする」という前提に従うこと 計算 複製 要素 <body>：開始タグ </body>：終了タグ <p><img…></p> <p>：ブロックレベル要素 <img>：インラインレベル要素 その他 meta要素は必ずtitleの上に書く <body>直下の<p>に何を書くか ブラウザはタグを勝手に解釈する <img>タグは必</p></body></p>…
常に心に留めておくべきこと Webデザインとは Webとは「新しい価値をつくるためのツール」である デザインとは「他との違いをつくる」ことである Webデザインとは「新しいツールを使って他との違い、価値をつくる」ことである Webデザインを「勉強する」とは…
