ウェブ学のすすめ

Study of Web Design & Programing

2012-05-01から1ヶ月間の記事一覧

実践課題【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>

はてなダイアリーにFlashを埋め込む方法

Jimdo経由でFlashをはてなダイアリーに埋め込む方法をご紹介します。 JimdoでFlashムービーの表示を有効に設定する 「設定」→「ツール」→「追加モジュール」からFlashをオンにします。 PC内のswfファイルをアップロードし、ページへ挿入する Internet Explor…

freeweb(フリーウェブ)とは|無料でWordPressが使えるレンタルサーバー

freeweb(フリーウェブ)とは freeweb(フリーウェブ)は、無料でPerl、PHP、MySQL、.htaccessが利用可能なホームページスペースです。ブログ管理、更新がしやすい『WordPress』が簡単にインストールできます。WordPressが無料で使える!メアドもゲットでき…

実践課題【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>…

はてなダイアリーを30日続けたら『はてな市民』に!はてな市民制度とは

はてなダイアリーを合計30日分以上利用したら自動的に「はてな市民」になりました。 はてな市民になると・・・ はてなキーワードを編集する はてなキーワードのリンクスコアに投票する はてなキーワードのasin/rakuten/videoページの最新情報取得 うごメモは…

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>…

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

CSS

課題 【CSS01】 画像のような表示になるよう指定しなさい 色・文字サイズは自由設定(バランスは考慮すること) 解答は、エンベッド DTDは各自選択 <body> <h1>style要素</h1> <h3>style element</h3> <p>HTML文書内にまとめて設定します。</p> </body> 引用元:文字の修飾 - Webデザインの勉強|忘…

外出先でも自宅のPCを遠隔操作できる【TeamViewer】とは

学校や会社、帰省先といった外出先で自宅のPCをリモートコントロール(遠隔操作)したいときにおすすめできるが『TeamViewer』というソフトです。 外出先で自宅のPCにしかインストールしていないソフトを使いたい!というときにも重宝します。 クライア…

実践課題【CSS02】 エコロジー&環境問題

CSS

課題 【CSS02】 HTMLの入力に不安がある人は入力から CSSはエンベッド 引用元:1カラムレイアウト - Webデザインの勉強|忘筌 解答 色が微妙に違っていたりするので後々直していこうと思います。1カラムレイアウト - jsdo.it - share JavaScript, HTML5 an…