2012-12-01から1ヶ月間の記事一覧
グラデーション ・光と影 ・立体 アフォーダンス ・人間がものを認識した時 ・人間はでっぱっているものは押したくなる（心理学） ・Webはアフォーダンスを100％使っています 人が見てどうおもうか 体感（体験）⇒面白い、自分知らないことがかいてある Web用…
エンベット <head> <style> | この中にCSSを書いていく </style> <head> <head>の中に<style>を書くことを「エンベット」という。 コントラスト ・背景色と文字色 文字色が白色ならば、背景色は濃くないといけない 文字サイズ ・親の文字サイズに対して表示される⇒相対比 bodyが基準になって文字サイ</head></head></head>…
・図から文章をおこす ⇒ コピーライト・絵が下手です ↓ 描かないからです。。 描いていれば描けるようになる！・スクリブル（テクネ） なぐり描きではない 線を描いて楽しむ ⇒ ここから絵が生まれる・クライアントと話をしながらデザインを考え、その場で描…
ボックスを構成す要素 ・contents（コンテンツ）⇒ 英語圏では目次 ↓ 使うときは「content」です。・padding(パディング) コンテントの読みやすさを確保するために空ける空間を指す 「pad」⇒肩パッド…自分を大きく見せたい 内容の嵩を増して大きいと思わせる…
色とは ・わたしたちが目にするものすべてに「色」があります ・デザイン・プレゼンをする際にもこの「色」が大きく関わってきます ヘックスカラー（HEX COLOR） ・16進数 ⇒ 0123456789ABCDEF ・#000000 (黒) ・#FFFFFF (白) 明度（Brightness) ・時間を表し…
ページを作成する index.html(トップページ) ｜ ｜−−item−−index.html（商品ページ） ｜ ｜−−order−−index.html（注文ページ） ｜ ｜−−shop−−index.html（店舗ページ） ｜ ｜−−contact−−index.html（お問い合わせページ） トップページ index.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>トッ</title></meta></head></html>…
・左手をつかう事！ Ctrl、Shift、Altの上に。。。 ・コツ…キーボードをつかう事！ ・「Ctrl」＋「＋」…拡大 ・「Ctrl」＋「−」…縮小 ・「/」…色なし ペンツール ・「Ctrl」＋「クリック」…描き終わり（解除） ・「Shift」＋「クリック」…90℃、180℃の直線が…
基本的なフォーム ●基本的なフォーム フォームの要素 <form action="CGIまたはPHP" methad="postまたはget"> </form> action属性…データを受け取るプログラム （現在は、CGIよりPHPを使います） method属性…データの送信方法 （お客様の情報を得る時は「post」を使います） inputの要素 ・フォームを構成する様々な入力…
課題のマークアップ 今日の献立 今日は、子供も大人も好きなカレーを作ろうと思います。 カレーの材料 カレー・ルー 豚肉 じゃがいも たまねぎ にんじん<html lang="ja"> <head> <meta charset="UTF-8"> <meta name="description" content=""> <title>今日の献立</tutle> </head> <body> <h1>今日の献立</h1> <p>今日は、子供も大人も好きなカレーを作ろうと思います。</p> <h2>カレーの材料</h2> <ul> <li>カ</li></ul></body>…
<html lang="ja"> <head> <meta charset="UTF-8"> <meta name="description" content="キーワードから始まる文節を３行"> <title>キーワード カテゴリ｜キーワードを含むページタイトル</title> </head> <body> <h1>優先順位の高い見出し</h1> <p>本文</p> <ul> <li><a href="#">番号なし個条書き</a></li> <li><a href="#">番号なし個条書き</a></li> <li><a href="#">番号なし個条書き</a></li> </ul> <…</body></html>
ブラウザー Firefox ・HTML+CSSの基本を練習する場合には必須 HTML Validator（Firefox拡張機能） −記述ミスやエラーを検証します Web Developer 1.1.9（Firefox拡張機能） −「Web Developer 1.1.9」ではないと日本語化されない Chrome ・HTML5+CSS3の基本を…
