id:hinop
ポイントあり350pt回答受付終了
コンピュータ芸術・文化・歴史

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

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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録：
  • 終了：--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答（4件）

id:Spawapawa No.1

回答回数54ベストアンサー獲得回数0

ポイント50pt

http://www31.tok2.com/home2/Spawapawa/sample/

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

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

id:hinop

ありがとうございます！

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

よろしくお願いします。

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

回答回数6ベストアンサー獲得回数0

ポイント50pt

http://www13.plala.or.jp/plainness/sample/index.html

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

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

http://www13.plala.or.jp/plainness/sample/sample.zip

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

http://www5a.biglobe.ne.jp/~suuta/

Light Airs

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

id:hinop

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

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

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

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

再回答も歓迎です

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

回答回数4ベストアンサー獲得回数0

ポイント200pt

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

無題ドキュメント

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

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

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

id:hinop

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

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

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

回答回数178ベストアンサー獲得回数0

ポイント50pt

http://iktryc.gooside.com/sample.html

Sitemap

広告に関してはご容赦を。上下の広告部分を除いて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

コメント（1件)

  • id:dim
    dim 2004/08/17 01:37:26
    転載

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

    <!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>

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

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

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

回答リクエストを送信したユーザーはいません
ユーザー登録をして使いはじめる!無料
すでに登録されている方はこちらからログイン
この質問に含まれるキーワード
知りたいことを検索してみよう
▲ページトップへ