HP作成

html書いてからCSS書けって言ってきたけど
 サイトの評価とか


ホームページ作成
文字を書く人
絵を描く人
レイアウトを決める人
いつも一緒,仲良しこよしでは
仕事はできない
やり取り
クライアント
 文字を書く人
html : 文字情報,文章の骨組み
 絵を描く人
gif, JPG, Flash : Adobe御用達
 レイアウトを決める人
CSS : 各情報のレイアウト,デザイン
別々のペースで
仕事がしたい
<head>~</head>の間に以下のようなコードを書く
+
style.cssファイルを作ってその中にレイアウト情報を書く
<head>
<meta http-equiv = "Content-Style-Type" content = "text/css" />
<link rel = "stylesheet“ href = "style.css" type = "text/css" />
</head>
body
{
style.css
margin : 0em;
color : #555555
}
h1{
こういうcssファイルを
作って保存する
font-size : 1.2em;
}
.news
{
{中かっこ}でくくられている内容が,
htmlのその属性タグ内で適用される
color : #55FFFF;
}
<body>*****</body>などデフォルトで用意
されているクラスはCSSで書くだけで反映
自分で定義したクラスはclass = “名前”で指定
例えば,
<body>
<h1> 見出し<h1>
<div class = “news” >「ニュースの記事」
</div>
</body>

Webを検索して探してください

CSSレイアウト実践講座
› http://css.uka-p.com/

とほほのスタイルシート入門
› http://www.tohoho-web.com/css/index.htm

他多数のサイト
<head>
<meta http-equiv=“Content-Type”
content=“text/html; charset=Shift_JIS“>
</head>
miの上の部分で文字コー
ドを確認しよう
charsetの中身
• Shift_JIS
• EUC-JP
• UTF-8
• ISO-2022-JP
サイトのコンテンツが面白い
 他の人とは違う趣向で作っている
 見た目が凝っている
 ユーザビリティを配慮している

› どのページからもトップへ戻れる
› 文字の大きさを変えてもサイトの形が崩れない

階層がきちんと分かれている
› 一般的には2~4層位

文字化けや各種ブラウザへの対応 etc…
締め切り間近!



期日:来週の月曜日(6月23日)
PM20:00
条件 : *****/~学籍番号/(index.html)
から辿れるページのみ評価
注意 : index.htmlの作り忘れに注意
見た目とソースと両方で評価します
時間厳守