トップ>HTML講座目次>
入門編まとめ:ホームページを完成させよう
この「HTML講座」をみた友人の一人が「基本的なことだけで分かりにくいじゃないか」と文句を付けてきまして・・・。
確かに考えてみればこの入門編の知識で何ができるのかが分かりにくかったなと反省しました。
そこで,入門編の全編を改正したついでにここで今までの知識だけで作れるホームページのサンプルを
用意してみました。プログラミングなどもそうなのですが,この手の勉強はサンプルを見るのが一番早いです。
いろいろなページのソースを覗き見するのでもいいのですが,今までの知識だけでどこまで行けるのかを
やってみたいと思います。
<HTML>
<HEAD>
<TITLE>Lyuckey Software裏ページ♪</TITLE>
</HEAD>
<BODY BGCOLOR="black" TEXT="white" LINK="lightgreen" ALINK="red" VLINK="purple">
<CENTER>
<H1><IMG SRC="logo.gif"><I>Lyuckey Software裏ページ!!</I></H1>
</CENTER>
このホームページはやる気のないソフトウェア開発グループLyuckey Softwareの
<U>非公式</U>ウェブサイトです。<BR><BR>
<FONT SIZE=5 COLOR="yellow"><B>更新情報!</B></FONT><BR>
「ZALの懺悔のお部屋」がオープン(嘘)<BR>
<HR>
現在コンテンツの多くが工事中です。おそらく永久に・・・。<BR><BR>
<FONT SIZE=5 COLOR="yellow"><B>メインメニュー</B></FONT><BR>
<A HREF="ura.htm" TARGET="_blank">>トップページ</A>(別ウィンドウで開きます)<BR><BR>
>コンテンツ1(工事中)<BR><BR>
>コンテンツ2(工事中)<BR><BR>
<A HREF="http://asagao.sakura.ne.jp/~lyuckey/" TARGET="_blank">>Lyuckey Softwareページへのリンク</A><BR>
<HR>
このページに関するお問い合わせは・・・禁止♥
</BODY>
</HTML>
とりあえずソースはこんな感じです。どんな風に表示されるか想像してみても良いかもしれません。なお,
「ura.htm」の名前で保存しないとリンクがうまく動きません。また気付いたかと思いますが,「logo.gif」という
名前の画像ファイルを適当に同じフォルダに入れておいて下さい。
ちなみに完成品はこちら。内容はフィクションですのでおきになさらずに。
まあ実際には同じファイルにリンクをはるなんて嫌がらせでしかないのですが,リンクの練習と言うことで・・・。
ここでは1章から3章までの間で出てこなかった知識はいっさい使わずに作っています。とりあえず
ホームページとして成り立つ形になると言うことがお分かり頂けたでしょか。(てか,このサンプルは開設当初の
当ページのトップページにそっくりだったりします。私も最初はそのレベルだったと言うことです。)
さあ,これでちゃんと作れると実証できました。あとはあなたのセンスで良いホームページを作るのみです。
まあ,ホームページは内容が全てなのは言うまでもなく,このサンプルみたいに工事中の嵐だと存在価値がないですが。
何か分からない所など質問があったら,お気軽にメールか掲示板でお問い合わせ下さい。
掲示板の方が返事が遅くなる可能性があります。HTML以外にもホームページ関連全般を分かる範囲で
お答えいたしますので,お気軽に感想質問どしどしお寄せ下さい。(FlashやJavaScriptなどは全然分かりませんが・・・)
>戻る