2013-08-01から1ヶ月間の記事一覧
IE6で表示が崩れる要因 ① カラム落ち → display: inline ② 透過PNGが不適応 → DD_belatedPNG.js [IE]IE Testerと透過PNGの処理 <html> <head> <meta charset="utf-8"> <title>透過PNGをIE6に適応させる</title> <style> * { margin:0; padding: 0; } body { background: url(img/02.gif); } p { text-align: center; </meta></head></html>…
ファビコン作成 マルチ対応ファビコンジェネレーター無料の写真素材 フリー画像素材なら.foto project写真素材 足成2000ピクセル以上のフリー写真素材集モデル・人物の写真素材はモデルピースおまけ(*´σー`) Google Maps JavaScript API v3経度緯度情報
[JS]for文・if文・Math/Dateオブジェクト Brand Spanking New [JQ]クロスフェード Q3 <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> </head> <body> <script> var x = Math.random(); if(x < 0.3) { document.write("<h1>今日はラッキーデー!</h1>"); } else if (x < 0.6) { document.write("<h1>ボチボチ頑張っていき</h1></body></html>…
ケーキショップ クライアントからのサイト修正依頼
遅刻しました。 ケーキショップ [JS]for文・if文・Math/Dateオブジェクト Q01 <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> </head> <body> <script> var i; for (i=1;i<=3;i++) { alert(i); } </script> </body> </html> Q02 <html> <head> <meta charset="utf-8"> <title>三項演算子</title> </meta></head></html>
[JQ]タブパネル(2)
アイコン演習(イラストレーター) ケーキショップ
HTML 5 Outliner [制作]練習サイト構築手順(1) [制作]練習サイト構築手順(2) [JS]Mathオブジェクト <html lang="ja"> <head> <meta charset="UTF-8"> <title>Mathオブジェクトのメソッド</title> </head> <body> <script> var random = Math.random(); var omikuji; document.write(random); if(random < 0.33) { omikuji = '大吉'; } els</body></html>…
補色 金色のイメージ margin-bottom, padding-bottomだけで調節する。 htmlは、content -> navの順に書く。 Webサイト制作学習記録 [JQ]APIと共存 ↑ GoogleAPIでjQueryが読めなかったら、ローカルに用意したファイルを利用する方法 [JS]Dateオブジェクト 引…
ケーキショップサイト作り。 tableの罫線を普通の罫線にするCSS:border-collapse:collapse tableの垂直方向の中央ぞろえを先頭にそろえるCSS:vertical-align: top imgはインライン要素。
忍者サーバーへ、制作物の管理ページをアップロード。 Webサイト制作学習記録
[基礎]HTML5とは [基礎]HTML5対応ブラウザ [基礎]従来のHTMLやXHTMLとの違い [基礎]グローバル属性 [基礎]コンテンツモデル [基礎]section要素 [基礎]article要素 [基礎]基本構造 IE対策
[CSS]ページ表示速度の高速化と作業効率 html <html lang="ja"> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link href="css/style090.css" rel="stylesheet" type="text/css" media="all"> </head> <body> <div id="header"> <ul> <li class="home"><span>ホーム</span></li> <li class="food"><span>カフェフード</span></li></ul></div></body></html>
[Webサイト]練習サイト構築手順 HTML 5 Outliner [Web画像]Web画像の種類 [FW]Fireworksの基本 [FW]Fireworks:テキストの扱い [FW]Fireworks:マスク [FW]Fireworks:ボタンを作る [JQ]マウス操作 [JQ]アコーディオンメニュー:昼テキスト [JQ]アコーディオ…
FireWorksで画像をスライスする。 [Control]+[Shift]+[d]で画像のコピーitem.html <html> <head> <meta charset="utf-8"> <title>ウォンツケーキ店 | テンプレート</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"> </head> <body> </body></html>
架空のサイト作りカンプ(仕上がり見本)から画像を切り出す。 Fireworks Webレイヤーにスライスを作っていく。 選択したスライスを書き出す。floatしたら、親要素に「overflow: hidden」 <html lang="ja"> <head> <meta charset="utf-8"> <title>ウォンツケーキ店 | テンプレート</title> <link href="css/base.css" rel="stylesheet" type="text/css" media="all"> </head> <body> </body></html>
[JQ]表示・非表示を切り替える [JQ]開閉させるアニメーション [JQ]トラバース系メソッド [JQ]複数の要素から任意の要素を指定 Lightbox2 jQuery jQueryのアコーディオンのページindex020.html <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link href="css/common.css" rel="stylesheet" media="all"> </link></meta></head></html>
自己理解,他者理解 次回は、面接用のスーツを用意すること。
[JQ]jQueryとは [JQ]メソッド [JQ]セレクタ [JQ]より高度なセレクタ [JQ]基本的なメソッド