TITLE:第14回の課題(1) *課題(4): HTMLファイルを用意する [#j85bfa1f] *課題(1): HTMLファイルを用意する [#j85bfa1f] **1. HTMLファイルを用意する [#p9a4f86a] 前回の課題のファイル(0713'''学籍番号'''.html)をもとに、 2つのファイルを作ります。 前回の課題のファイルを、「名前を付けて保存」することで、次の2つのファイルを作ってください。 -記事のコメントのページ(ファイル名:0720'''学籍番号'''.html) -プロフィールのページ(ファイル名:profile.html) **2. 記事のコメントのページの編集 [#j0288456] 記事のコメントのページから、プロフィールの部分を削除します。 次のように編集します。 #pre(novervatim){{ &color(red){<div class="all">}; &color(#0099FF){<div class="header">}; ('''タイトルの部分''') &color(#0099FF){</div>}; &color(#009999){<div class="sidebar">}; ('''目次の部分''') &color(#009999){</div>}; &color(#FF6600){<div class="contents">}; ('''コメント(文章)の部分''') &color(#FF6600){</div>}; &color(#0099FF){<div class="footer">}; ('''プロフィールと連絡先の部分''')←この部分からプロフィールの見出しと表を削除 &color(#0099FF){</div>}; &color(red){</div>}; }} -ファイルの最後にある、連絡先の「更新日」の日付を更新する #pre(novervatim){{ <address> 作成日: 2010-04-20; 更新日: &color(red){2010-07-20};<br> Copyright (C) 2010 兵庫太郎, All rights reserved.<br> このページに関する問合せ先:<br> E-Mail. <a href="mailto:c2092000@ed.hyogo-dai.ac.jp">c2092000@ed.hyogo-dai.ac.jp</a> </address> }} **3. プロフィールのページの編集 [#d8473a0b] プロフィールのページを、次のように編集します。 詳しくは、授業で説明します。 #pre(novervatim){{ &color(red){<div class="all">}; &color(#0099FF){<div class="header">}; ('''タイトルの部分''') &color(#0099FF){</div>}; &color(#009999){<div class="sidebar">}; ('''目次の部分''') &color(#009999){</div>}; &color(#FF6600){<div class="contents">}; ('''プロフィールの部分''') &color(#FF6600){</div>}; &color(#0099FF){<div class="footer">}; ('''連絡先の部分''')←この部分からプロフィールの見出しと表を上に移動 &color(#0099FF){</div>}; &color(red){</div>}; }} -ファイルの最後にある、連絡先の「更新日」の日付を更新する #pre(novervatim){{ <address> 作成日: 2010-04-20; 更新日: &color(red){2010-07-20};<br> Copyright (C) 2010 兵庫太郎, All rights reserved.<br> このページに関する問合せ先:<br> E-Mail. <a href="mailto:c2092000@ed.hyogo-dai.ac.jp">c2092000@ed.hyogo-dai.ac.jp</a> </address> }} ---- &navi2(Lecture/JouhouC2010/14th,next);に進んでください。 &br; ---- #navi2(Lecture/JouhouC2010/14th,prev,toc,next) |