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

ＣＳＳ０３　リンクの文字色（疑似クラス）

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>リンクの文字色（疑似クラス）</title> <style type="text/css"> </meta></head></html>

授業日誌　5/8

ＣＳＳ 疑似クラス li aに対してのlinkの考え方 色の設定 marginの相殺 隙間は下だけで空ける marginの値は４箇所か２箇所で設定（間違いが、少ない） 「h」に対してstrongは、検索エンジンが嫌う メモ emはbodyからの継承（相対比）１em 16px h1の明朝体表…

授業日誌　5/7

Crescent Eve インストール Windows用テキストエディタ 文法チェック 入力支援機能 プレビュー機能（F８） FireFoxプレビュー（F10） Color zilla インストール FireFoxアドオン WEB上の任意の場所から色情報を取得できる ＣＳＳ CSSは滝（カスケード）ツリ…

Illustrator (1)

CSS02

CSS課題：文字の修飾 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta charset="UTF-8"> </meta></head></html>

Illustrator 曲線、Ｓ字、コーナー練習

Illustrator

CSS01

実践課題　HTML0４

</head> <body> <h1>Layout Workflow</h1> <ul> <li><a href="#">NavigationA1</a></li> <li><a href="#">NavigationA2</a></li> <li><a href="#">NavigationA3</a></li> <li><a href="#">NavigationA4</a></li> <li><a href="#">NavigationA5</a></li> </ul> <h2>スタイルシートによるレイアウトワークフロー</h2> <h3>本文のレイアウト</h3> <p>見出しは、その…</p></body>

CSS課題：文字の修飾

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>

実践課題　HTML03

<html> <head> <title>文書構造の練習</title> </head> <body> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dl> <dt>2012年4月27日</dt> <dd>復刻版の商品が再入荷しました。</dd> <dt>2012年4月26日</dt> <dd>クロックスが入荷しました。</dd> <dt>2012年4月</dt></dl></body></html>…

実践課題　HTML02

<html> <head> <title>デザインの話</title> </head> <body> <h1>デザインの話</h1> <p> 物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。 <br> 物にはいろいろな形があります。歴史とともに多様なデザイ</p></body></html>…

実践課題　HTML01

<html> <head> <title>HTML01文章構造の練習</title> </head> <body> <h1>結論：大見出し</h1> <p>要約</p> <h2>結論：検証</h2> <p>解説</p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順番のある検証の項目</li> <li>順番のある検証の項目</li> <li>順番のある検証の項目</li> </ol> <p><img src="#" widht="100" height="100" alt="代替え文字">…</p></body></html>

htmlでの文字の大きさ・種類 比較

htmlでの文字の大きさ・種類 比較 h1タグの文字の大きさ h2タグの文字の大きさ h3タグの文字の大きさ h4タグの文字の大きさ h5タグの文字の大きさ h6タグの文字の大きさ Ｐタグによる標準的な大きさ fontタグによるsize=7のテキスト fontタグによるsize=6の…

授業日誌　5/1

<html> <head> <title>リンクの練習</title> </head> <body> <p><a href="http://www.kewpie.co.jp/recipes/recipe/recipe.php?recipe_no=QP00010905"> とっておきレシピへ移動</a></p> <p><a href="http://www.kewpie.co.jp/recipes/recipe/recipe.php?recipe_no=QP00010905"></a></p></body></html>

授業日誌　5/2

DOCTYPE宣言入力・CSS入力練習 <html xmlns="http://wwww.w3.org/1999/xhtml" lang="ja"xml:lang-"ja"> <head> </head></html>