10日目 | 出来上がったデザインを見てCSSを書く練習

授業

手順と考え方のポイントまずHTMLの構造化を考えるどこをグループにするかどこのグループの箱に対して線を引くか箱のマージンをどうとるか細かいところをデザイン ※図を描いて考えるとわかりやすいフォルダ管理が重要 1130フォルダ−cssフォルダ−style.c…

2012-11-29

9日目 | CSSで囲む、CSSで擬似リンク、CSSで背景画像を使う

授業

CSSで囲む要素セレクタ h1、h2、p、bodyなどの装飾 divを使ってグルーピングする IDセレクタ一回しか出てこないものに使用クラスセレクタ div classを使う同じ要素の中で違う装飾をしたい時に使用 div classを使ってグルーピングした囲みCSSの例 <html lang="ja"> <head> <meta charset="UTF-8"> <title>枠</title></meta></head></html>…

2012-11-28

8日目 | Illustratorでロゴを描く

授業

FAX i-mode 描画のポイント最小単位の単純化できる図形を見つけるそれは楕円楕円をAlt＋Shift＋マウスプレスドラッグ先離すでコピーくぼみの部分も同じ楕円くぼみに楕円をぴったり配置 i-modeロゴ本体の必要な部分を切り出すため、くぼみ楕円上に切り取…

2012-11-27

7日目 | Illustratorでロゴのトレース

授業

ITロゴのトレース複製、拡大縮小、リフレクトの過去に習ったツールの組み合わせで描く

2012-11-27

7日目 | Dreamweaverの初期設定

授業

Dreamweaverはデータ管理ソフトサイトの管理編集メニューから環境設定タグセレクタプロパティウィンドウは使用しない

2012-11-27

7日目 | CSSボックスモデル

授業

margin、padding 余白に関する指定をする。 marginは相手との間合いを取るイメージ paddingは自分が着膨れているイメージ <html lang="ja"> <head> <meta charset="UTF-8"> <title>今日の天気</title> <style> /* reset */ *{ margin: 0; padding: 0; } body{ margin: 30px; padding: 30px; background-color: #eee; } h1 { col</meta></head></html>…

2012-11-26

6日目 | Illustrator トレース

授業

ダウンロードしたai画像をガイド線に沿ってトレースする。※過去に習った、ツールの「回転」「拡大縮小」パレットを使っての操作を忘れていた・・ 11月21日にやっているのに。

2012-11-26

6日目 | Amazonのページを素材にHTMLを入力してページを作る

授業

今日書いたHTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>私の欲しいカフェグッズ</title> <style> h1{ color: #666666; font-size: 24; } h2{ color: #444444; font-size: 18; } h3{ color: #33333; font-size: 16; } </style> </head> <body> <h1>今Amazonで買いたい、温かいコーヒーを温かいまま飲めるマグカップ</h1> <p>THERMOSかノーブ…</p></body></html>

2012-11-26

6日目 | 先週4日間の振返り

授業

WEBは文字が大事 WEBコピーライターという職業がこれから登場するかもしれない。www=インターネットではないレイアウト実現上テーブルを使った方がいい場合もある。 Cascading Style Sheetとは親→岩に当たって→子に枝分かれ→枝分かれ

2012-11-26

【第１回試験問題と回答】インターネット（11月27日）

定例テスト

（1）URLとは URLとは［ Uniform Resource Locator ］の略で［ WEBサイトの情報資源の置かれたところ］を示す場所です。 URLには、［絶対パス］と［相対パス］の２通りの指定方法があります。「http://」は、［ Hyper Text Transfer Protocol ］と呼び…

2012-11-25

Illustratorペンツール練習教材

Illustrator

STEP1をやり終えて、曲線を課題通り描けるようになって来た。しかしなぜ描けるのか、その理屈はわかりません。これはある日自転車に乗れるようになったが、なぜ乗れるのかわからないのと同じような事だろうか？あんなに苦しんだイルカも描けるようになって…

2012-11-22

5日目 | スタイルシート入力とイラストレータでベジェ曲線

授業

スタイルシートツール FirefoxでWeb Developer1.1.9をインストール FirefoxでHTML Validatorをインストール HTML Validatorは文法チェックするために使用必須ページのソースを表示させて、赤いエラーがあると致命的。検索されない。スタイルシート流行の…

2012-11-21

4日目 | Illusratorの基本とHTML5入力とPhotoshop

授業

Illustrator基本2 サンプル画像の変形 Altキーの活用 HTML5を書いてみる Terapadで入力宣言 DTD name space4.01は大文字、移行型は小文字宣言言語設定 head metaチャーセット UTF-8 h1 p h2 ul li ol li photoshopを使ってみる画像保存コンテクストメニュ…