ウェブ学のすすめ

Study of Web Design & Programing

CSS

実践課題【CSS07】 インテリアショップ a Interior

CSS

課題 【CSS07】 サイズは適宜、調整すること 定義型リストに「float」の設定が必要 XHTML 1.0 Transitional インテリアショップ a Interior インフォメーション インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。 2012年4月27日 …

実践課題【CSS21】擬似クラス(10)〜横ナビ〜

CSS

課題 【CSS21】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 引用元:CSS18〜21横ナビ - Webデザインの勉強|忘筌 解答 擬似クラス(10)〜横ナビ〜 - jsdo.it - share JavaScript, HTML5 and CSS

実践課題【CSS20】擬似クラス(9)〜横ナビ〜

CSS

課題 【CSS20】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 引用元:CSS18〜21横ナビ - Webデザインの勉強|忘筌 解答 擬似クラス(9)〜横ナビ〜 - jsdo.it - share JavaScript, HTML5 and CSS

実践課題【CSS19】擬似クラス(8)〜横ナビ〜

CSS

課題 【CSS19】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 引用元:CSS18〜21横ナビ - Webデザインの勉強|忘筌 解答 擬似クラス(8)〜横ナビ〜 - jsdo.it - share JavaScript, HTML5 and CSS

実践課題【CSS18】擬似クラス(7)〜横ナビ〜

CSS

課題 【CSS18】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 引用元:CSS18〜21横ナビ - Webデザインの勉強|忘筌 解答 擬似クラス(7)〜横ナビ〜 - jsdo.it - share JavaScript, HTML5 and CSS

実践課題【CSS17】擬似クラス(6)

CSS

課題 【CSS17】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 背景画像は作成する 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

実践課題【CSS16】擬似クラス(5)

CSS

課題 【CSS16】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 マーク画像は作成する 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

実践課題【CSS15】擬似リンク(4)

CSS

課題 【CSS15】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 現在位置とマウスーオバーの挙動と区別する 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

実践課題【CSS14】擬似クラス(3)

CSS

課題 【CSS14】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

実践課題【CSS13】擬似クラス(2)

CSS

課題 【CSS13】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

実践課題【CSS12】擬似クラス(1)

CSS

課題 【CSS12】 以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 上・左からの位置は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

実践課題【CSS06】 TAG Design

CSS

課題 【CSS06】 以下の画像と同じように表示させるCSSを記述しなさい 文字の擬似クラスも設定しなさい(色は自由選択) 記述場所はエンベッド TAG Design >> About US >> Works >> Access >> Contact 個人情報の取扱いについて サイトマップ Copyright 〓 20…

実践課題【CSS05】 デザインの話&パッケージの色

CSS

課題 【CSS05】 空きはリセットをせず、個別に指定する デザインの話 物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。 物にはいろいろな形があります。歴史とともに多様なデザインが生まれて…

実践課題【CSS04】 Computer Technology Groups

CSS

課題 【CSS04】 空きはリセットをせず、個別に指定する 引用元:CSS03〜05 - Webデザインの勉強|忘筌 解答 実践課題【CSS04】 Computer Technology Groups - jsdo.it - share JavaScript, HTML5 and CSS

実践課題【CSS03】 構造主義の四銃士

CSS

課題 【CSS03】 空きはリセットをせず、個別に指定する リストマークは、作成すること 構造主義の四銃士 言語学に限られていた「構造主義」の理説ををそれぞれの分野で展開し、後の世代に多大な影響を与えたのは次の4人です。 ミシェル・フーコー ロラン・…

実践課題【CSS01】今日買った物

CSS

課題 【CSS01】 以下の画像と同じように表示させるCSSを記述しなさい 記述場所はエンベッド <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>

CSS Box Model 5

CSS

課題 【CSS15】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 この場合、リセットはしない 空きは、すべて50px <body> <p>BOX and PADDING<br> この領域はボックスといいます。テキスト</p></body>…

CSS Box Model 4

CSS

課題 【CSS14】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 この場合、リセットはしない <body> <h2>BOX and PADDING</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内</p></body>…

CSS Box Model 3

CSS

課題 【CSS13】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 この場合、リセットはしない <body> <p>BOX and margin<br> この領域はボックスといいます。テキストなどのコンテンツ内容</p></body>…

CSS Box Model 2

CSS

課題 【CSS12】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 この場合、リセットはしない 左右均等空き(上下空きは指定しない) <body> <p>BOX and margin<br> この領域はボックスと</p></body>…

CSS Box Model 1

CSS

課題 【CSS11】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 この場合、リセットはしない <body> <p>BOX and margin<br> この領域はボックスといいます。テキストなどのコンテンツ内容</p></body>…

CSSで繰り返さない背景画像を設定する

CSS

課題 【CSS10】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 <body> <h1>古池や蛙飛び込む水の音</h1> <p>芭蕉の「古池や蛙飛び込む水の音」の、連歌の発句として脇を予想したもとの形は「</p></body>…

CSSで背景画像と枠線を設定する

CSS

課題 【CSS09】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 <body> <h1>Page Design</h1> <p>背景に色数を減らした画像を用意します。背景画像は、縦方向び繰り返しを指定しています。<br> ま</p></body>…

CSSで背景画像を設定する(垂直方向に繰り返し)

CSS

課題 【CSS08】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 ↓素材↓見本引用元:文字の修飾 - Webデザインの勉強|忘筌 解答 背景画像を設定(垂直方向に繰り返し) - js…

CSSで背景画像を設定する(水平方向に繰り返し)

CSS

課題 【CSS07】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 ↓素材↓見本 引用元:文字の修飾 - Webデザインの勉強|忘筌 解答 背景画像を設定(水平方向に繰り返し) - j…

CSSで背景画像を設定する

CSS

課題 【CSS06】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 ↓素材↓見本引用元:文字の修飾 - Webデザインの勉強|忘筌 解答 背景画像を設定 - jsdo.it - share JavaScri…

CSSで背景色と余白を変更する

CSS

課題 【CSS05】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 <body> <h2>background-colorの設定</h2> <p>見出しには濃いめの色を背景に指定し、文字を白抜きにします。段落には見出しより</p></body>…

CSSでリンクの背景色を変える

CSS

課題 【CSS04】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 <body> <ul> <li><a href="#">LINK-link-coral</a></li> <li><a href="#">LINK-visited-turquoise</a></li> <li><a href="#">LINK-hover-skyblue</a></li> <li><a href="#">LINK-active-lawngreen</a></li> </ul> </body> 引用元:文字の修…

CSSでリンクの文字色を変える

CSS

課題 【CSS03】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 <body> <ul> <li><a href="#">LINK-link-coral</a></li> <li><a href="#">LINK-visited-turquoise</a></li> <li><a href="#">LINK-hover-skyblue</a></li> <li><a href="#">LINK-active-lawngreen</a></li> </ul> </body> 引用元:文字の修…

CSSで文字色と背景色を変えるpart2

CSS

課題 【CSS02】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 <body> <h1>About wine</h1> <h2>Chianti Classico Riserva</h2> <p>1435年創業の由緒あるワイン醸造メーカーの名家マッツェイが所有する</p></body>…