インラインフレーム

インラインフレームとは文書の中の一部分に、外部のページを読み込みます。フレームは検索でページの中身だけ検索されて戻れないので、内部にページを持たせるようにします。divで囲み、幅と高さをCSSで設定してスクロールできるようにします。 HTML <div id="iflame"> <dl> <dt>2007.</dt></dl></div>…

2009-03-22

WEBデザイン授業11日目

テーブル罫線を繋げて見せる table{ border-collapse:collapse; border-width:1px; } セルとセルの間を空ける(セットで記述) table{ border-collapse:separate; border-spacing:1px; } HTML <p>テーブル3</p> <table id="table3" summary="作表の練習"> <caption>表題</caption> <tr> <th>項目1</th> <th>項目2</th> <th>項目3</th> <th>項目4</th> </tr> <tr> <td> </td></tr></table>

2009-03-16

WEBデザイン授業10日目

今回の授業内容をまとめました。ブランディングのない会社、個人の会社のロゴは<h1>にしても検索されにくい。サービス内容を入れた方が良い。代替テキストを指定すべきもの、押させる画像（ナビ）はimg要素で入れます。幅、高さは必須。（早く表示される）文</h1>…

2009-03-14

CSSでレイアウト

@charset_"Shift_JIS"; /*基本設定ここから*/ body{ color:#555555; text-decoration:none; } a:link{ color:#555555; text-decoration:none; } a:visited{ color:#888888; text-decoration:none; } a:hover{ color:#FF6600; text-decoration:none; } a:acti…

2009-03-12

画像挿入とリンクの設定

練習の途中経過をアップします。マークアップしたテキストに画像の挿入とリンクの設定をしました。id属性やclass属性に名前をつけながらCSSを指定していくので分かりやすいなと思いました。

2009-03-12

CSSでテキストのスタイルを設定

CSSでテキストのスタイルを設定しました。文字を飛ばす為にem{visibility:hidden;}で設定したのですが斜体で表示されてしまいました。他は全部上手くいきました。 @charset_"Shift_JIS"; /*基本設定ここから*/ body{ color:#555555; text-decoration:none; }…

2009-03-08

WEBデザイン授業9日目

今日から応用コースに入りました。初めての授業に比べてマークアップがスラスラと入力できるようになったと思います。CSSも同じようになるともっと楽しくなるんだろうなと思います。次回のCSSの授業もとても楽しみです。今日勉強した事をまとめました。 XML…

2009-03-07

基本構造の復習

「セブン＆アイ・ホールディングス」のサイトより利用させて頂きます。 <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></head></html>

2009-03-05

Dreamweaverでテンプレート

以前働いていた会社で、テンプレートで作られたページのテンプレート部分を修正した事があるのですが、「修正」→「テンプレートから切り離す」もしくは「オリジナルから切り離す」で修正したような覚えがあります。元のテンプレートを残して、そのページだけ…

2009-03-04

フォームとCGI

フォーム文字化け対応の為、「enctype="text/plain"」を記述します。（企業では記述しない） <input name="email" id="email" type="text">」のname属性とid属性はセットで記述します。 CGIによってフォームを処理するワークフロー 1.HTMLファイルに「<form method="post" action="cgi-bin/formmail.cgi">」と指定します。 2.formmail.cgiをTeraPadで開く。</form>…