　復習課題(6)フォーム

課題

まだ出来ていなかったので復習も兼ねて Q27 HTML <body> <h1>お問い合わせフォーム</h1> <form action="#" method="post"> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:<textarea name="subject" rows="5" cols="40">お問い合せ内容</textarea></p> <p><input type="submit" value="送信"></p> </form> </body> ↓ Q28…

2013-07-29

JavaScript確認テスト(4)　続き

課題

※結果だけ乗せておきメモ書きは後に補填予定Q11 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>JS確認テストQ11</title> </head> <body> <script> var number = { a:100, b:200, c:300, d:400}; for (var key in number){ console.log(number[key]); } </script> </body> </html> 結果↓ A:4回 Q12 HTML …

2013-07-28

JavaScript確認テスト(4)

課題

Q1 HTML <html lang="ja"> <head> <title>JS確認テストQ1</title> </head> <body> <script> var x ='ABC'; if(x != 'ABC'){ console.log('OK'); }else{ console.log('NG'); } </script> </body> </html> 結果↓ メモ・[!=]は左辺と右辺が等しくない時にOKになる。今回は等しいのでNGになった。 Q2 HTML <html lang="ja"> <head> </head></html>

2013-07-27

　実践演習課題12

演習課題

演習課題H12 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプルスタイルシートカンパニー</title> <link rel="stylesheet" href="H12.css"> </head> <body> <div id="container"> <div id="header"> <p><img src="img/logo.gif" width="290" height="38" alt="ロゴ"></p> </div> </div></body></html>

2013-07-24

　実践演習課題11

演習課題

演習課題H11 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>Cafe de la plante</title> <link rel="stylesheet" href="H11.css"> </head> <body> <div id="container"> <div id="header"> <h1>Cafe' de la plante</h1> <p>サブタイトルサブタイトルサブタイトル</p> </div> <div id="wrapper"> </div></div></body></html>

2013-07-23

　実践演習課題10

演習課題

演習課題H10 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイポグラフィ</title> <link rel="stylesheet" href="H10.css"> </head> <body> <div id="container"> <div id="header"> <h1><span>Typograpy.</span>71</h1> <div id="nav"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">BLOG</a></li></ul></div></div></div></body></html>

2013-07-22

■

Webサイトをまとめる http://musicgame-mania.jimdo.com/ ↑ 好きなサイトをまとめるためにサイトを作りましたまだ独自のレイアウトは出来ていませんが、いろいろなサイトを閲覧しながら自分でサイトのレイアウトをしていきたいと思います。こちらでホーム…

2013-07-21

　フォームの練習その4

練習用

テーブルで組むフォームHTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>テーブルで組むフォーム</title> <style> #myform{ font-size:0.875em; width:500px; } #myform label{ font-size:0.875em; } #myform{ width:100%; border-collapse:collapse; } #myform{ text-align:left; width:100px; padding:8px; back</meta></head></html>…

2013-07-20

　フォームの練習その3

練習用

隠しデータ HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title> 隠しデータの送信</title> </head> <body> <h1>隠しデータの送信</h1> <form action="#" method="post"> <p><input type="hidden" name="user=id" value="012345"></p><p><input type="submit" value="送信"></p> </form> </body> </html> 基本形(1) HTML

2013-07-20

　実践演習課題9

演習課題

演習課題H09 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>エコロジー</title> <link rel="stylesheet" href="h09.css"> </head> <body> <div id="container"> <div id="header"> <div id="sidebar"> <h1>Computer Technology Groups</h1> <ul> <li><a href="#">エコロジー</a></li> <li><a href="#">コンピ…</a></li></ul></div></div></div></body></html>

2013-07-19

　フォームの練習その2

練習用

リスト HTML <html> <head> <Meta charset="UTF-8"> <title>ラベルを付ける</title> </head> <body> <h1>リスト</h1> <form action="#" method="post"> <p>言語:<select name="language"> <option value=""selected>以下の言語を選択してください</option> <option value="1">日本語</option> <option value="2">英語</option> </select></p></form></body></html>

2013-07-18

　フォームの練習その1

練習用

何回か打ち込んで見ないで打てるようにする。お問い合わせフォーム <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>

2013-07-18

演習課題7

演習課題

実践演習課題H07 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="h07.css"> <title>薬玉文様</title> </head> <body> <div id="container"> <div id="content"> <h1>薬玉文様<span>（くすだまもんよう）</span></h1> <p>薬玉とは、薬・香料を玉にして錦の袋に入れ、造花や蓬・菖蒲などを飾り、五色の糸を長く垂らしたもの。古代中国で端午の節句に薬玉を柱などに掛け…</p></div></div></body></html>

2013-07-17

演習課題６

演習課題

実践演習課題H06 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="h06.css"> <title>建築散歩</title> </head> <body> <div id="container"> <div id="header"> <h1>フンデルトヴァッサー・ハウス</h1> <p class="head">ウィーンの市営住宅はこんなに元気だ！</p> </div> <div id="wrapper"> <div id="content"> <…</div></div></div></body></html>

2013-07-17

演習課題４

演習課題

実践演習課題H04 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="h04.css"> <title>卵料理カフェ Cockeyolly</title> </head> <body> <div id="container"> <div id="header"> <h1><img src="img/logo.gif" width="82" height="78" alt="cokeyolly"></h1> </div> </div></body></html>

2013-07-16

課題5

課題

Q26 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/Q26.css"> <title> </title> </head> <body> <div id="container"> <div id="header"> <h1>Homepage Title</h1> <p>サブタイトルサブタイトルサブタイトル</p> </div> <div id="wrapper"> <div id="content"> </div></div></div></body></html>

2013-07-15

課題4

課題

Q21 HTML <body> <div id="nav"> <ul> <li id="new"><a href="#">新着情報</a></li> <li id="info"><a href="#">お知らせ</a></li> <li id="item"><a href="#">製品情報</a></li> <li id="shop"><a href="#">店舗案内</a></li> <li id="company"><a href="#">会社案内</a></li> </ul> </div> </body>CSS @charset "UTF-8"; /* リセット */ body, div…

2013-07-15

課題3

課題

Q16 背景画像 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/Q16.css"> <title> </title> </head> <body> <div id=nav> <h1>Background Design</h1> <p>Sharing your digital photos with family and<br> friends is such an easy thing to do these days.</p> </div></body></html>

2013-07-14

課題2

課題

Q09 文字レイアウト @charset "UTF-8"; body{ font-size:16px; color:#333333; font-family: sans-serif; line-height:1.5; } Q10 文字と背景の色指定 body{ background-color:#3366CC; } h1{ color:#FFFFFF; } Q11 リンクの色 @charset "UTF-8"; p a:link{ …

2013-07-13

課題1

課題

Q01 HTMLの基礎構造 <html lang="ja"> <head> <meta charset="UTF-8"> <title> </title> </head> <body> </body> </html> Q02 適切なタイトル <html lang="ja"> <head> <meta charset="UTF-8"> <title>池袋「CatCafe」</title> </head> <body> </body> </html> Q03 適切な文書構造