96's blog

WEBサイト制作科 6ヶ月コース

課題

実践演習課題H11C11

HTML <htmllang="ja"> <head> <metacharset="UTF-8"> <title>H11C11</title> <linkrel="stylesheet"href="css/H11C11.css"> </head> <body> <divid="container"> <divid="header"> <h1>Caf&eacute; de la plante</h1> <p>サブタイトルサブタイトルサブタイトル</p> <divid="nav"> <ul> <li><ahref="#">トップページ</a></li> <li></li>

実践演習課題H12C12

HTML <htmllang="ja"> <head> <metacharset="UTF-8"> <title>H12C12</title> <linkrel="stylesheet"href="css/H12C12.css"> </head> <body> <divid="container"> <divid="header"> <h1><imgsrc="img/12/logo.gif"width="290"height="38"alt="サンプルスタイルシートカンパニー"></h1> <divid="nav"> <ul> </ul></divid="nav"></divid="header"></divid="container"></body></htmllang="ja">

実践演習課題H13C13

HTML <htmllang="ja"> <head> <metacharset="utf-8"> <title>H13C13</title> <linkrel="stylesheet"href="css/H13C13.css"> </head> <body> <divid="container"> <divid="wrapper"> <divid="content"> <h1><imgsrc="img/13/logo.gif"width="267"height="129"alt="Patisserie camellia"></h1> <divid="nav">…</divid="nav"></divid="content"></divid="wrapper"></divid="container"></body></htmllang="ja">

html page 001

HTML <htmllang="ja"> <head> <metacharset="UTF-8"> <title>ECOLOGY</title> <linkrel="stylesheet"href="style.css"> </head> <body> <divid="container"> <divid="header"> <h1>ECOLOGY【エコロジー】</h1> <p>Computer Technology Groupsでは、<br> グループをあげてエコロジー/環境問題に取り組んでいます。<br> 成果や実績を地域に還元することもポリシーとしています…</p></divid="header"></divid="container"></body></htmllang="ja">

実践演習課題H06C06

HTML <htmllang="ja"> <head> <metacharset="UTF-8"> <title>H06C06</title> <linkrel="stylesheet"href="css/H06C06.css"media="all"> </head> <body> <divid="container"> <divid="header"><h1>建築散歩</h1></div> <divid="wrapper"> <divid="content"> <divid="content-top"> <h2>フンデルトヴァッサー・ハウス</h2> <h3>…</h3></divid="content-top"></divid="content"></divid="wrapper">

実践演習課題H07C07

HTML <htmllang="ja"> <head> <metacharset="utf-8"> <title>H07C07</title> <linkrel="stylesheet"href="css/H07C07.css"media="all"> </head> <body> <divid="container"> <h1>薬球文様span class="synIdentifier"><span>(くすだまもんよう)</span></h1> <P> 薬玉とは、薬・香料を玉にして錦の袋に入れ、造花や蓬・菖蒲などを飾り、五色の糸を長く垂らしたもの。古代中国で端…</p></divid="container"></body></htmllang="ja">

実践演習課題H08C08

HTML <htmllang="ja"> <head> <metacharset="utf-8"> <title>H08C08</title> <linkrel="stylesheet"href="css/H08C08.css"> </head> <body> <divid="container"> <divid="header"> <h1><span>今月の本棚</span><br> 推理小説</h1> <divid="header-nav"> <ul> <li><ahref="#"><span>ホーム</span></a></li> <li></li>

実践演習課題H09C09

HTML <htmllang="ja"> <head> <metacharset="UTF-8"> <title>H09C09</title> <linkrel="stylesheet"href="css/H09C09.css"media="all"> </head> <body> <divid="container"> <divid="header"> <h1><ahref="#">Computer Technology Groups</a></h1> <divid="nav"> <ul> <li><ahref="ecology.html">エコロジー</a>…

実践演習課題H10C10

HTML <htmllang="ja"> <head> <metacharset="utf-8"> <title>H10C10</title> <linkrel="stylesheet"href="css/H10C10.css"media="all"> </head> <body> <divid="container"> <divid="header"> <h1>Typograpy.<span>71</span></h1> <divid="nav"> <ul> <li><ahref="#">HOME</a></li> <li><ahref="#">BLOG</ahref="#"></li>

実践演習課題H01C01

<htmllang="ja"> <head> <metacharset="utf-8"> <linkrel="stylesheet"href="css/H01C01.css"media="all"> <title>H01C01</title> </head> <body> <divid="content"> <h1>見出しと段落のレイアウト</h1> <p>同じ内容の文章であっても、その表現の仕方によって 読者に与える印象は大きく変化します。 文章のレイアウトを考えることはより正確に、より効果的に 情報を伝えるためにとても重要なことです。</p> <h2>見出し…</h2></divid="content"></body></htmllang="ja">

実践演習課題H02C02

<htmllang="ja"> <head> <metacharset="UTF-8"> <title>H02C02</title> <linkrel="stylesheet"href="CSS/H02C02.css"> </head> <body> <divid="container"> <divid="header"> <h1>石垣島観光ガイド</h1> </div> <pclass="lead"> 石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に 大きな島です。沖縄からは、空路で約1時間、沖縄より台湾に 近く南に位置します。気候は亜熱帯気候で、1年を…</pclass="lead">

復習(6)フォーム

Q27 フォーム(お問い合わせフォーム) <h1>お問い合わせフォーム</h1> <formaction="#"method="post"> <p>名前:<inputtype="text"name="name"size="18" maxlength="9"value="お名前"></p> <p>内容:<textareaname="subject"rows="6"cols="45"> お問い合わせ内容</textarea></p> <p><inputtype="submit"value="送信"></p> </form> Q28 フォーム(ラジオボタン) <h1>ラジオボタン</h1>

復習(3)画像と背景画像

Q16 以下の表示になるよう設定しなさい h1,p { margin: 0; padding: 0; } body { background-color: #222222; background-image: url(img/q16.gif); background-repeat: repeat-y; background-position: 280px; font-family: "Hiragino Kaku Gothic ProN", M…

復習(4)リスト

Q21 マウスが乗った状態を設定しなさい ul { width: 100px; text-align: center; } li { font-weight: bold; } li a{ display: block; padding: 20px 10px 20px 10px; } li a:link,li a:visited{ color: #ffffff; } a#new:link,a#new:visited{ background-co…

復習(1) HTML文書構造

Q01 DTD HTML5で基本構造を記述しなさい (meta要素 文字コード指定も含む) A <htmllang="ja"> <head> <metacharset="utf-8"> <title></title> </head> <body> </body> </html> Q02 池袋で猫カフェ「CatCafé」を開いてお客さんを呼びたいと思います 適切なtitle要素を記述しなさい A <title>猫カフェ 池袋|CatCaf&#233;</title> Q03 以下の内容をマークアップし…

復習(2)文字と背景

Q08 使用している要素が、h1、h2、h3、p、ul、li、img の場合のリセットCSSを記述しなさい h1,h2,h3,p,ul,li,img { margin: 0; padding: 0; } Q09 bodyを、プロパティ(文字サイズ:16px、文字色:#333333、書体:ゴシック体、行送り:1.5)で指定しなさい body…