自宅課題
可変グリッドをjQueryプラグインのvgridを利用して構築しました。 年俸などの詳細はlightBox内で記述してあります。 http://snowman.main.jp/sample/jquery2/
jQueryを使ったサイト練習(1) HTML5＆CSS3の機能（角丸とグラデーション等）を使って制作してみました。 アコーディオンメニューはjQuery、写真にはjQuery lightBox plugin 0.5を利用しています。 http://snowman.main.jp/sample/Accordion1/
グリッドレイアウト jQuery のimageoverlayを利用してグリッドレイアウトしてみました。 IE6以降とFirefoxでは表示されましたが、chromeでは画像が表示されず、いろいろと試しましたが結局解決できませんでした。（7月25日修正） jQueryのCaptify Pluginを使…
確認テスト（１）と（２）の解答です。 確認テスト（1） Webページについて 1.htmlタグ 2.スタイルシート（CSS） 3.アップロード 4.ダウンロード 5.インターネットブラウザ 6.IE（Internet Explorer）、FirefoxHTMLの基本 1.＜!DOCUTYPE HTML＞ 2.title 3.h1…
HTML/CSS ヘッダー部のレイアウト position属性またはfloat属性を使って横並びメニューを作成 Photoshop CS5.1 グラデーション作成 オリジナルのグラデーションを作成し、スタイルに登録 Illastrator CS5.1 ワイヤーフレームでレイアウトパターンを作成 好き…
CSS03とCSS04の解答です。 【CSS03】 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
CSSの課題を自分なりのペースで解いていこうと思います。 【CSS01】 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
CSS課題の続きです。 文字の修飾 【CSS08】 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>【CSS08】の問題</title> <style type="text/css"> </meta></head></html>
【CSS01】 <html> <head> <title>CSS1</title> <style Type="text/css"> <!-- h1 { font-size: 40px; color: #009f00; } h3 { color: #ffffff; background-color: #004477; } p { color: #0000ff; } --> </style> </head> <body> <h1>style要素</h1> <h3>styl…</h3></body></html>
【HTML04】の解答です。 <html> <head> <title>【HTML04】の課題</title> </head> <body> <h1>Layout Workflow</h1> <ul> <li><a href="">NavigationA1</a></li> <li><a href="">NavigationA2</a></li> <li><a href="">…</a></li></ul></body></html>
自宅課題の回答です。 【HTML01】 <html> <head> <title>【HTML01】文書構造の練習</title> </head> <body> <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> </body></html>
