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の作り忘れに注意 見た目とソースと両方で評価します 時間厳守
© Copyright 2024 ExpyDoc