出産前後の痔にはご注意!

アカデミックなウェブデザインをご紹介ください
会社を立ち上げ、ウェブサイトを構築しようと考えています。
細かい内容は別にして、全体の印象づけるために、下記のような条件を考えています;
(1)シンプルで使いやすいこと
(2)アカデミックで知的な雰囲気を持っていること
(3)オシャレが少しだけ

こんな雰囲気を持ったサイトをご存じの方、ご紹介くださいませんでしょうか。
どうぞよろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

NASA


http://www.nasa.gov/
    • good
    • 0
この回答へのお礼

なるほど。これはいいサイトですね。参考になりました。ありがとうございました。

お礼日時:2010/06/28 15:20

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qアカデミックの意味がイメージできません。意味を教えてください。

アカデミックの意味を辞書を参考に自分なりにイメージをしました。僕は、学問的と言われても漠然としているので、分かりづらいと思いますが、
学問的の意味は、いろんな研究者たちが科学的な真理や原理を証明しているような、研究者が部屋でこもっきりの研究をしているようなイメージを持っています、間違っていたら教えてください。

最後に「アカデミックな方法論」というのは、科学的な方法
    「アカデミックな雰囲気」は、白い服を着た研究者が懸命に研究をしているような雰囲気

という風に解釈しています。以上の質問に分かりやすくお答えしていただけると本当に助かります。お願いします。

Aベストアンサー

アカデミックを、イメージ変換します。

変換法1:アカ デミ ク → 赤のデミ(車 で)来 る 学級。
     よって、「赤のデミで来る、学究的な大学」
2.語源(アカデミー:学園)から→赤 デミー
 M社のデミは「米国のフォード社が、研究の結果M社のために作った」
非常に、=学究的= な車です。(日本向きに作った話は本当です。)
 工場から出荷するときは、額で出来た門から出てきます。=学問=

上記は、イメージ変換記憶法です。
必ずしも「一般のイメージでなくとも、自分の記憶しやすいものに
イメージ変換」して、結論を記憶します。

基本的には「このアカデミックという言葉」は、修飾語として使われ、
あまり深い意味でつかわれない傾向にあります。ですから、軽いお気持
でお考えいただくことでよろしいと思いますが。

よって、あなたがイメージなさった雰囲気で結構かと思います。
以上

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Q文字の位置、上下のマージンがずれる

仕事でHTML+CSSでコーディングをされる方、
または精通されている方に質問です。

pタグで2行の段落を続けて配置してみました。
IE6・7、FF、Chrome、Safariではぴったりレイアウトが合うのですが、
IE8・9で確認すると誤差が生じます↓

<p>あああああ</p>
<p>かかかかか</p>

★pに対する指定
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic";
font-size: 14px;
line-height: 1;
margin: 0;
padding: 0;

各pタグにわかりやすく背景色をつけて確認してみると・・・

・IE8だと、2段目のテキスト位置が1px上に上がり、pの高さも1px縮む
・IE9だと、1段目と2段目のテキスト位置が1px上に上がり、2段目のpの高さが1px縮む

それぞれのpに高さを決めれば問題はないようですが、
高さを決めずにテキストを配置する場合、
この誤差については対応ができないものなのでしょうか?

pタグに限らず、ul、dlなんかでもずれることが多いです。
テキストをぴったりを合わせる技術ってないのでしょうか?

仕事でHTML+CSSでコーディングをされる方、
または精通されている方に質問です。

pタグで2行の段落を続けて配置してみました。
IE6・7、FF、Chrome、Safariではぴったりレイアウトが合うのですが、
IE8・9で確認すると誤差が生じます↓

<p>あああああ</p>
<p>かかかかか</p>

★pに対する指定
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic";
font-size: 14px;
line-height: 1;
margin: 0;
padding: 0;

各pタグにわかりやすく背景色をつけて確認して...続きを読む

Aベストアンサー

まず、line-height:20pxのように、line-heightをpxで指定してみてください。
ブラウザの違いによる縦の誤差はなくなるはずです。

誤差が生じる原因としてはOSやブラウザの違いから、フォントやレンダリングの違いによるものです。
なので、font-size:14px;に指定していても、line-heightをemや%で相対的に指定している場合は、必ず誤差が生じます。

なお、文字列の横をそろえるのほぼ無理と考えてください。

>pタグに限らず、ul、dlなんかでもずれることが多いです。

こちらに関しては、ブラウザ間のデフォルトの差異をなくすため、リセットCSSがよく使われます。
リセットCSS、reset cssなどで検索してみれば色々出てくるでしょう。
最近はHTML5を考慮しているものもたくさんあるので、そちらを使った方が良いでしょう。
しかし、これも完全に誤差をなくせるというわけではありませんが、一度試してみると良いでしょう。


人気Q&Aランキング