授業メモ 5月31日

授業メモ

php dreamweaverは、文法チェックをリアルタイムでしてくれるのが利点。サーバー http://d.hatena.ne.jp/kyushokusha-shienkunren/?of=1 メモ flashはデーターベースの連動が苦手。プログラマーを目指す人はRuby。Rubyがくる。開発時間と開発費が安い言語…

2012-05-30

授業メモ 5月30日

授業メモ

CSS 上から読まれるので、下を空ける clear: bothを指定した場合は、上はあけられないビルボードは見栄え。必要性がなければalt=""でいい span class=""で、色文字かえる正しくは「div」を書くが、読み込み速度を早くするために、省略する。スタイルシー…

2012-05-29

確認テスト　５月２７日（講師日和）

CSS

基本 http://web-study.lolipop.jp/felica/issues/0527test_1.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>0527確認テスト：基本</title> <style type="text/css"> * { margin: 0; padding: 0; } #container { margin: 10px; width: 800px; height: 600px; background-color: gray; margin: 10px au…</meta></head></html>

2012-05-29

サイト構築「Wants Cake」

CSS

バックアップ用に、トップページをアップします。 http://web-study.lolipop.jp/felica/0525_Cake/index1.html メモスペルミス、指定の間違いが多い codaのバグ？に注意 footer→containerに入れずに,margin: 0 auto; , width:700px指定新着情報の上に空き…

2012-05-28

５月２７日　確認テスト

CSS

floatの崩れを防ぐ方法 floatの回りこみで詰まってしまいました。が、epikhighさんの「overflow: auto;」をつけろ！で解決しました。正直なぜ解決できるのか、理解できていないのですが・・・同じ様な壁にあたった時の為に、忘れないようにします。参考 [C…

2012-05-25

５月２５日

授業メモ

キーワード分布率：全体のバランスを整える。「風が吹けば桶屋が儲かる」の中身を考える人がお金を払う仕組み新品の本はヤマダ電機が一番安い！キーワードをちりばめる答えを出すどういう年代の、どういった人が、何パー使って、いつ見てるのか、自分の…

2012-05-25

HTML5

<html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link rel="stylesheet" href="---" type="text/css" media="screen, print"> </head> <body> </body> </html>

2012-05-24

5月24日授業メモ

授業メモ

Photo Shop 影はドロップシャドウ背景をコピーしテキストの上にレイヤーを移動コピーしたレイヤーをクリッピングマスク乗算が基本：黒い粒子が乗ってくる通常→白で白い影ぼたんのグラデーション FX→グラデーションオーバレイ境界線で枠線をつけられるjav…

2012-05-23

授業メモ 5月23日

授業メモ

2012-05-22

5月22日授業メモ

授業メモ

Google ガジェットでSWFをはてなダイアリーに埋め込む jimdoにswfをあげるソースをみてswfファイルを探す（ctrl+fでページ内検索）二重になっているスラッシュを消す Googleガジェットに入力はてなに埋め込むときに「http:」をつけたす。 Dreamweaverとロ…

2012-05-21

実践課題 CSS09

CSS

【CSS09】以下の画像と同じように表示させるCSSを記述しなさいリセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッドフォームボタンを設定（できなければ、段落内に画像２つ） http://d.hatena.ne.jp/web-design-advance/20120507/p1

2012-05-21

実践課題 CSS08

CSS

【CSS08】以下の画像と同じように表示させるCSSを記述しなさいリセットは、全称セレクタで XHTML 1.0 Transitional 記述場所はエンベッド http://d.hatena.ne.jp/web-design-advance/20120507/p1

2012-05-21

授業メモ 5月21日

授業メモ

Flash モーショントゥイーンは時間の指定ヘルベチカが世界共通、でもIEに入っていないのでアりアル hd以降は使わない、文字として読ませるときは「_ゴシック」「_明朝」「_等幅」（文字化けしない）google swiffy ひき逃げ - jsdo.it - share JavaScript, H…

2012-05-21

実践課題 CSS07

CSS

【CSS07】サイズは適宜、調整すること定義型リストに「float」の設定が必要 XHTML 1.0 Transitional http://d.hatena.ne.jp/web-design-advance/20120506/p1

2012-05-19

授業メモ 5月19日

授業メモ

FLASH web向き、軽いデータにできるイラストレータへ書き出しはないので、コピーアンドペーストアニメーションはシンボル化する文字は重いインスタンスを使うので軽くなる ActionScript 3.0は敷居が高いボタンを離したら、動き始める。 on (release) { …

2012-05-18

実践課題 CSS07

授業メモ

HTML5 DOCTYPE宣言 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> フォームお問い合わせフォームを使ってもらうには、何かメリットをつける。中小の場合は、DM:ダイレクトメール（htmlメール）効果的「value」の値は、紛らわしく間違いやすいので、数値を入力してもいいレイアウトの崩れを抑え…

2012-05-18

授業メモ 5月18日

授業メモ

フォームの復習フォームの基本 - jsdo.it - share JavaScript, HTML5 and CSS <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせ</title> <style> body { background-color: #f2f2f2; } h1 { font-size: 1.4em; color: blue; } h2 { font-size: 1.2em; color: coral; } </style> </head> <body> <h1>お問い合せフ…</h1></body></html>

2012-05-17

5月17日　授業メモ

授業メモ

求人を常に見る（一年中募集しているところは、よくない環境なところ） photoshop 鷲：練習01 画像の切り抜き：髪のような細かいもの、洋服などまほう反転境界線を調整エッジの検出を調整（なじませる為の色）→不要なカラーの除去クリッピングの平滑度は…

2012-05-17

実践課題 CSS05

CSS

【CSS05】空きはリセットをせず、個別に指定する XHTML 1.0 Transitional http://d.hatena.ne.jp/web-design-advance/20120505/p1

2012-05-17

実践課題 CSS06

CSS

【CSS06】以下の画像と同じように表示させるCSSを記述しなさい文字の擬似クラスも設定しなさい（色は自由選択） XHTML 1.0 Transitional 記述場所はエンベッド http://d.hatena.ne.jp/web-design-advance/20120506/p1

2012-05-16

5月16日　授業メモ

授業メモ

position #container { width: 500px; height: auto; overflow: auto; background-color:#CCC; } #header { position: relative; height: 100px; } #header_inner { position: absolute; right: 50px; top: 20px; } #header_inner li { display: inline; } p…

2012-05-15

5月15日　授業メモ

講義メモ

img : altの文字が生きるのかどうか。写真や文字が入るものはimgを使う必要ないならバックグラウンドイメージを使う今の流れは、なるべく「img」で作ってく迷ったらimg！短い文でもpでいい。迷ったらp。（検索エンジンに引っかかるので）imgに枠をつけない…

2012-05-15

5月14日　テスト

授業メモ

2012-05-10

授業メモ　5月10日

講義メモ

divの使い方 : レイアウト基本 <body> <div id="container"> <div id=header>header</div> <div id="wrapper"> <div id="content">content</div> <div id="sidebar">sidebar</div> </div> <div id="footer">footer</div> </div> </body>

2012-05-10

擬似クラス : 横ナビ02

CSS

【CSS19】以下の画像と同じように表示させるCSSを記述しなさい擬似クラスで指定幅は適宜設定 http://d.hatena.ne.jp/web-design-advance/ CSS 横ナビ02 - jsdo.it - share JavaScript, HTML5 and CSS

2012-05-09

擬似クラス : 縦ナビ04

CSS

【CSS15】以下の画像と同じように表示させるCSSを記述しなさい擬似クラスで指定 http://d.hatena.ne.jp/web-design-advance/20120509/p1 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

2012-05-09

擬似クラス : 縦ナビ03

CSS

【CSS14】以下の画像と同じように表示させるCSSを記述しなさい擬似クラスで指定 http://d.hatena.ne.jp/web-design-advance/20120509/p1 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>