[最大100pt]趣味(写真)に関するWebサイトを製作中ですが、トップページの処理に戸惑っています。

というわけで、皆さんに作ってもらおうと思います。
==============
 ロ  ゴ
==============
 最新の更新
==============
コ | ト
ン | ッ
テ | プ
ン | 画
ツ | 像
===========
著作権表示

このようなデザインをお願いしたいと思っています。
テーブルタグやCSSなどをつかってすばらしい&かっこいいデザインにしてください。
配色については任せますが、極端に派手でない色(ホワイトやグレーなど)でお願いします。
コンテンツは「A」「B」というように、10個ほど作ってください。
あくまでも、トップページだけでかまいません。
なお、気に入ったデザインには100ptほど差し上げる予定です。
他力本願でサイトを作るのはどうかと思いますが、よろしくお願いします

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/08/13 01:14:44
  • 終了:--

回答(4件)

id:Spawapawa No.1

Spawapawa回答回数54ベストアンサー獲得回数02004/08/14 13:54:28

ポイント50pt

暇つぶしとして作ったものなのであまり良いものではありませんが、まぁどうぞ。

お持ち帰り用としてZIPファイルのしたものがありますのでDLしてください。(コンテンツ○というところならどこからでもDLできます。)

id:hinop

ありがとうございます!

できれば、もう少しスタイリッシュなデザインだとうれしいのですが…

よろしくお願いします。

2004/08/14 23:49:40
id:mugaki No.2

ひだちのいろ回答回数6ベストアンサー獲得回数02004/08/15 20:56:31

ポイント50pt

ピンクとシルバーを基調にしてみました。

IEとOPERAで表示確認をしてあります。

上記のサンプルとその構成ファイルをZIPで圧縮しました。

ZIPファイルの中に入っている拡張子がLDFのファイルを開くために必要なフリーソフト『LOGO!』の作者さんのページです。

id:hinop

すいませんが、少しイメージと違うようです…。

http://www.t-okada.com/cgi/

こちらのCGIのような、クールだけどシンプルなデザインが良いのです。

最大200ptに引き上げますので、どうぞよろしくお願いします。

再回答も歓迎です

2004/08/16 00:19:32
id:miya510 No.3

miya510回答回数4ベストアンサー獲得回数02004/08/16 18:13:23

ポイント200pt

http://www.nanako-shop.com/test.htm

無題ドキュメント

こんなんどーでっしゃろ!

好き嫌いありますが・・・

手抜きでスライスしてませんので動きませんが・・・今暇だったので作りました。

id:hinop

そうそう、こういうやつ!大好きです。

もう1件だけ募集して締め切りますねー!

2004/08/17 00:26:02
id:dim No.4

dim回答回数178ベストアンサー獲得回数02004/08/17 00:54:11

ポイント50pt

広告に関してはご容赦を。上下の広告部分を除いてHTML形式で保存してローカルで表示させてください。

文法は<!DOCTYPE html PUBLIC ”-//W3C//DTD HTML 4.01//EN”>に準拠します。CSSで全ての見栄えを表現しているので、テーブルタグを用いていません。

<style type=”text/css”>

<!--

-->

</style>

内の設定のみで全ての見栄えを表現することが可能です。

色彩などはお好みに。付け加えたリンクも勉強になりそうなものをピックアップしています。

なお、このページは締め切り後に削除を行う予定です。

id:hinop

ありがとうございます!とても参考になるリンクをありがとうございます。

皆さんにご協力いただいて、いいサイトができそうです。

今回は[3]miya510さんに製作していただいたものをリメイクして使わせていただくことになりそうですが、

Spawapawaさん、mugakiさん、dimさんに製作していただいたものについても、技術の参考にさせていただきたいと思います。

本当にありがとうございました!

2004/08/17 01:27:46
  • id:dim
    転載

    リンク先は削除したので、いちおうこちらに転載します。
    なお、一部の文字は全角に置き換えられるので、利用する場合(ないと思うけど)にはそれぞれ置き換えてください。

    <!DOCTYPE html PUBLIC ”-//W3C//DTD HTML 4.01//EN”>
    <html lang=”ja”>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>
    <meta http-equiv=”Content-Style-Type” content=”text/css”>
    <title>SAMPLE</title>
    <style type=”text/css”>
    <!--
    @media screen
    {
    H1 {clear: left; width: 100%; font-weight: lighter; font-family: cursive;}
    H2 {clear: left; width: 100%; font-weight: lighter; font-family: cursive;}
    H3 {clear: left; width: 35%; font-weight: lighter; float: left; text-align: left; margin-left: 2%;}
    DIV{width: 55%; float: left; margin-left: 5%;}
    }
    BODY{background-color: #fff; color: #441; margin-left: 5%; margin-right: 5%;}
    ADDRESS{margin-left: 50%; font-size: 0.9em; text-align: right; background-color: #111; color: #eee;}
    HR{clear: left; height: 3px; color: #888; margin-left: 0%; margin-right: 30%;}
    LI{margin-left: 2%;}
    A {text-decoration: none;}
    A:link {color: #93f;}
    A:visited{color: #600;}
    A:hover {color: #609;}
    A:focus {color: #609;}
    A:active {color: #c06;}
    H1{font-size:1.8em; color:#400;}
    H2{font-size:1.4em; color:#800;}
    H3{font-size:1.0em; margin-bottom: 1.0em;}
    -->
    </style>
    </head>
    <body>

    <hr>

    <h1>Logo</h1>

    <hr>

    <h2>Updates</h2>
    <ul>
    <li>**の写真を4枚アップ
    <li>**の写真を6枚アップ
    <li>**の写真を2枚アップ
    </ul>

    <h2>Contents</h2>
    <h3><a href=”http://www.scollabo.com/banban/ref/tag.html”>HTMLリファレンス</a></h3>
    <h3><a href=”http://openlab.ring.gr.jp/k16/htmllint/index.html”>HTML文法チェック</a></h3>
    <h3><a href=”http://hp.vector.co.jp/authors/VA022006/index.html”>CSSリファレンス</a></h3>
    <h3><a href=”http://east.portland.ne.jp/~sigekazu/css/boxm.htm”>CSSのブラウザによる振り分け</a></h3>
    <h3><a href=”http://www.motchie.com/article/multicolumn.html”>CSSでTABLEタグ的な実装を行う</a></h3>
    <h3><a href=”http://cssbug.at.infoseek.co.jp/”>CSSバグ辞典スレッドの要約</a></h3>
    <h3><a href=”http://www.hatena.ne.jp”>URLはダミーです</a></h3>
    <h3><a href=”http://www.hatena.ne.jp”>URLはダミーです</a></h3>
    <h3><a href=”http://www.hatena.ne.jp”>URLはダミーです</a></h3>
    <h3><a href=”http://www.hatena.ne.jp”>URLはダミーです</a></h3>

    <div>
    <img src=”damy.jpg” width=”240” height=”320” alt=”top_image”>
    </div>

    <hr>

    <address>Copyright (C) 2004 by hinop. All rights reserved.</address>
    </body>
    </html>

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません