冷静に

htmlheadmetalinkscriprtbodyh1h2h3h4h5h6Pulollidldtddimgsrcwidthheighttabletrthtdaddressdividclassstrongem 今なら分かる。

可変レイアウト:レイアウトの設定

PC タブレット スマホ のサイズに対応してくれる。 すごいね〜 HTML <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>メディアクエリ</title> <link rel="stylesheet" href="style-l.css"> </link></meta></meta></head></html>

ルート検索マップ

すごいね〜 案内が出てくる <html lang="ja"> <head> <meta charset="utf-8"> <title>Google Maps API SDK</title> </meta></head></html>

RSS取得して表示

《rss.php》 channel->item; ?> <html> <head> <meta charset="UTF-8"> <title>リンクシェアサイトの新着情報 RSS表示</title> </head> <body> <p>リンクシェアサイトの新着情報一覧</p> <ul> </ul></body></html>

QRコード作成サイト

QRコードが作れた!うれしい〜 《qrcode.php》 <html> <head> <meta charset="UTF-8"> <title>QRコード作成サイト</title> <style> body { text-align: center; } </style> </head> <body> <p>生成されたQRコード</p> </body></html>

iphoneサイト練習chapter5

本通りやったけど、呪文のよう… 右から左に流れてく感じ。理解できるのかしら?http://www42.atpages.jp/~paotan/iphone-chaptre5/

iphoneサイト練習

<html lang="ja"> <head> <meta charset="utf-8"> <title>エモトカホリ</title> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <link rel="apple-touch-icon" href="apple-touch-icon.png"> </link></meta></meta></meta></head></html>

宿題 グリッドレイアウト

<html lang="ja"> <head> <meta charset="UTF-8"> <title>おかず</title> <link rel="stylesheet" href="css/base.css"> </link></meta></head></html>

javascript 記述のルール

■headタグの間にリンクする場合titleの下に○○○■bodyタグの間に記述する場合bodyの中に一番下(headに書いてもよい) <script type="text/javascript"> <!-- ここにコードを記述 //--> </script>JavaScript に未対応のブラウザが、スクリプト部分を HTML の一部として画面に表示してしまうのを防ぐために…

jQuery

jQueryってなに? よくわからないこれちゃんと読もう■「あとで」読まずに今すぐ始める 40分で覚える!jQuery速習講座 http://ascii.jp/elem/000/000/498/498710/index-4.html

Flash リップル効果

1.文字入力(静止テキスト) 2.修正→「分解」 3.修正→タイムライン→「レイヤーに分解」 4.文字1つづつ「分解」→「シンボルに」(ムービークリップで真ん中設定) 5.キーフレームを挿入し、クラシックトゥイーンを作成する。 6.1フレーム目のインスタンス「…

flash

参考サイト

今更ですが。 初心者にオススメ これで勉強しよう〜 2ヶ月何やってきたのか??自分〜 今から挽回! ※1時間で作るホームページ ※ゼロから始めるホームページ作成講座 ※HTML+CSS Web制作リファレンス

Ps カスタムシェイプを作る

イラレでベクトルデータをつくる ↓ ホトショにシェイプレイヤーでコピー ↓ コピーしたものを 編集→カスタムレイヤーの定義をする ↓ オリジナルカスタムシェイプ完成!

メモ

vertical-align・・・・・縦方向の揃え位置を指定するtop 上端揃え middle 中央揃え bottom 下端揃え text-top テキストの上端揃え(テーブルセルへの指定は無効) text-bottom テキストの下端揃え(テーブルセルへの指定は無効) super 上付き文字(テーブルセル…

form

基本的なフォーム http://www.kanzaki.com/docs/html/htminfo31.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせ</title> </head> <body> <h1>お問い合わせフォーム</h1> <form action="#" method="post"> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:</p></form></body></html>

Fl

position

<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="ja" lang="ja"> <head> </head></html>

Ps画像の補正とマスク

画像補正■コントラストが強くなるのが「レベル補正」 ■自然光のようになるのが「シャドウ・ハイライト」 (風景とか自然光がきれいな写真が適してる)上の二つをうまく重ねてマスクを使ってつくるのもよい自動補正は コンピュータの再現しやすい色「青」 再…

画像のぼかし

Psのショートカット ■ ctrl+Back speace 背景色の塗りつぶし ■ Alt+Back speace 描画色のぬりつぶし画像のぼかし画像を 全選択 ctrl+A ↓ 選択範囲を変形 元の画像より小さくする ↓ マスク調整 でぼかしだけいじる ↓ ←この時点でマスクを作ってもできる ↓ …

確認テスト

自分で打ったらできなかった… 確認用で乗っけます! <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

要素に対してスタイル指定する

marginの相殺・プロパティ

■marginの相殺大きい方の値が採用される (2要素間に他の要素がないとき)ボックスの名前 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

課題【HTML04】>レイアウトワークフロー

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

課題【HTML02】文書構造の練習

<html> <head> <title>【HTML02】文書構造の練習</title> </head> <body> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dl> <dt>2012年4月27日</dt> <dd>復刻版の商品が再入荷しました。</dd> <dt>2012年4月26日</dt> <dd>クロックスが入荷しました。</dd> <dt></dt></dl></body></html>…

課題 HTML02

<dl> <dt>デザインの話</dt> <dd>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。</dd> <dd>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきまし</dd></dl>…

課題 HTML01

<h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説</p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> <p><img src="画像の住所“width="画像の幅“height="画像の高さ”alt="代替え文字></p> <dl> <dt>9月25日</dt> <dd>フェリカテクニカルアカデミーWeb実践講座開講</dd></dl>

web勉強3日目続き 表組み(table)

table:table tr:table row th:table head td:table description <tr> <th>科目</th> <td>内容</td> </tr> <tr> <th>国語</th> <td>正しい文章構造を理解する(パラグラフの概念)</td> </tr> <tr> <th>数学</th> <td>JavaScript、ActionScript、PHPなどでプログラミングの考え方を理解する</td> </tr> <tr> <th>理科</th> <td>力学からコンピュータの描画を理</td></tr>…

web勉強3日目

3日目タグうちと簡単なイラレの勉強ボタン&レイアウト等 7が基準。偶数より奇数が好まれる 5.7.9がベスト文章構造に必要な要素 1.タイトル 2.見出しと本文 3.箇条書き(番号つき、番号なし) 4.補足説明の画像< ></ > ワンセット!<html> <head> リ…