ウェブ学のすすめ

Study of Web Design & Programing

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

課題

【CSS03】

  • 空きはリセットをせず、個別に指定する
  • リストマークは、作成すること

構造主義の四銃士

言語学に限られていた「構造主義」の理説ををそれぞれの分野で展開し、後の世代に多大な影響を与えたのは次の4人です。

    ミシェル・フーコー
    ロラン・バルト
    クロード・レヴィ=ストロース
    ジャック・ラカン

生まれた順番は、次の通りです。

    ジャック・ラカン
    クロード・レヴィ=ストロース
    ロラン・バルト
    ミシェル・フーコー

それぞれの功績

ミシェル・フーコー
    構造論的な手法による歴史分析を通して、西欧的人間像の系譜を明らかにした
ロラン・バルト
    言語=文化が社会の中で「制度」として人々に及ぼす影響を分析した
クロード・レヴィ=ストロース
    構造言語学の考え方を人類学の中に導入して構造主義の方法を確立
ジャック・ラカン
    「フロイトに還れ」を合言葉に、独自の精神分析学理論を展開

引用元:CSS03〜05 - Webデザインの勉強|忘筌

解答

実践課題【CSS03】 構造主義の四銃士 - jsdo.it - share JavaScript, HTML5 and CSS

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>構造主義の四銃士</title>
<style type="text/css">
body {
    font-family:
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Meiryo, 
	"メイリオ", 
	Osaka, 
	"MS P Gothic", 
	"MS Pゴシック", 
	sans-serif;
    margin: 10px;
}
h1,h2 {
    font-size: 1.2em;
    color: #000080;
    background-color: #d3d3d3;
    padding: 10px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}
p {
    font-size: 12px;
}
ul {
    list-style-image: url(http://jsrun.it/assets/t/x/9/m/tx9md.gif);
}
li {
    font-size: 12px;
    padding: 3px;
}

dl {
    font-size: 12px;
}
</style>
</head>
<body>
<h1>構造主義の四銃士</h1>
<p>言語学に限られていた「構造主義」の理説ををそれぞれの分野で展開し、後の世代に多大な影響を与えたのは次の4人です。</p>
<ul>
<li>ミシェル・フーコー</li>
<li>ロラン・バルト</li>
<li>クロード・レヴィ=ストロース</li>
<li>ジャック・ラカン</li>
</ul>
<p>生まれた順番は、次の通りです。</p>
<ol>
<li>ジャック・ラカン</li>
<li>クロード・レヴィ=ストロース</li>
<li>ロラン・バルト</li>
<li>ミシェル・フーコー</li>
</ol>
<h2>それぞれの功績</h2>
<dl>
<dt>ミシェル・フーコー</dt>
<dd>構造論的な手法による歴史分析を通して、西欧的人間像の系譜を明らかにした</dd>
<dt>ロラン・バルト</dt>
<dd>言語=文化が社会の中で「制度」として人々に及ぼす影響を分析した</dd>
<dt>クロード・レヴィ=ストロース</dt>
<dd>構造言語学の考え方を人類学の中に導入して構造主義の方法を確立</dd>
<dt>ジャック・ラカン</dt>
<dd>「フロイトに還れ」を合言葉に、独自の精神分析学理論を展開</dd>
</dl>
</body>
</html>

ポイント

list-style-image

リストマーカー用の画像を指定します。

  • url():カッコ内に画像のURLを指定

↓今回はIllustrator CS5.1を使ってリストマークを作成しました。

画像サイズは12×12px