情報マネジメント論及び情報福祉論Ⅱ
平成２０年度後期火曜５限　３号館３３３番教室
課題

（１）文字サイズを２倍に拡大させる「閲覧者のCSS」を作成し、reader.cssと名付ける。これを与えられたウェブページquestions.htmlに適用せよ。その結果をイメジファイルa1として保存せよ。

（２）questions.htmlに閲覧者のCSSを適用させた状態でさらに、「制作者のCSS」author.cssを読み込ませよ。その結果をイメジファイルa2として保存せよ。「制作者のCSS」と「閲覧者のCSS」とではどちらに優先権があると思われるか？

（３）「制作者のCSS」を読み込んだ状態でさらに、「閲覧者のCSS」 reader.cssを再度読み込ませ、その結果を述べよ。その結果をイメジファイルa3として保存せよ。「制作者のCSS」と「閲覧者のCSS」とではどちらに優先権があると思われるか？

（４）「閲覧者のCSS」 reader.cssに「!important」を含む修正を施し、再度読み込ませ、その結果を述べよ。その結果をイメジファイルa4として保存せよ。「制作者のCSS」と「閲覧者のCSS」とではどちらに優先権があると思われるか？この事は視覚弱者にとっていかなる意味を持つか？

ヒント

Firefox Accessibility Extension http://html.cita.uiuc.edu/ のStyle->Choose User Stylesheetを用いてもよい。

例：<body>~</body>tag内部でフォントの色を青くするには body{color:blue;}
<body>~</body>tag内部で背景色を指定するには body{background-color:指定したい色;}

HTMLファイルの<head>~</head>の間に<link rel="stylesheet" href="呼び出したいファイル名" type="text/css">を記述。