Webサイト制作初心者用質問スレ Part 191

このエントリーをはてなブックマークに追加
935 ：Name_Not_Found：2007/12/28(金) 04:23:38 ID:???
http://www.alexa.com/site/ds/top_sites?lang=ja
上記先に各サイトの画像がありますが
同じように自分のサイトの画像を作成したいのですがどのようにすればいいでしょうか？
デジカメで取っているわけでないと思いますし、何かツールがあるのでしょうか？
936 ：Name_Not_Found：2007/12/28(金) 04:29:23 ID:???
>>935
自分の所だけでいいんだったらプリントスクリーン
937 ：Name_Not_Found：2007/12/28(金) 05:46:31 ID:???
>>936
こういうのがあったのですね。
ありがとうございました。
938 ：Name_Not_Found：2007/12/28(金) 11:26:58 ID:cNprFTV6
質問お願いします。
一度公開してたホームページを、イメチェンしようと思って全く新しく
他のファイルで作り直しました。
それを転送したら、上書きされると思ってたのですが、前のサイトと重なって
ごちゃごちゃになってしまいました。
新しく作ったデータのみを表示させるにはどうしたらいいでしょうか？
今かなり困ってます・・
939 ：Name_Not_Found：2007/12/28(金) 11:42:12 ID:???
>>938
上書きされる条件
上書きされない条件を
落ち着いて考えよう。
940 ：Name_Not_Found：2007/12/28(金) 12:04:21 ID:???
>>938
そういえば俺もFTPWandererを使って上書きアップロードすると
何故かソースが2回分連続して表示されるな
一度リモート側のファイルを削除してからアップロードすれば問題ないんだが
面倒なんで、今は今は仕方なくSmartFTPを使ってるけど
941 ：Name_Not_Found：2007/12/28(金) 13:57:54 ID:sqSmlmfr
マージンとぱっディングの使い分けというか、
どういう場合にどちらを使うのかがいまいちつかめません。
頭がごちゃごちゃしてきたのですが、
具体的にどのようなときにつかうのでしょうか？
942 ：Name_Not_Found：2007/12/28(金) 13:59:16 ID:???
fiafoxでfloatは認識されないのですか？
IEでばっちりにつくったHPをfiafoxでみたらぐちゃぐちゃでした・・・。
これはfloatをつかわない方がいいのでしょうか？
943 ：941：2007/12/28(金) 14:04:16 ID:sqSmlmfr
マージンは文章などのコンテンツから指定した幅をとる。
ぱッディングは外からの幅を取る。だからわくが狭ければどんどんコンテンツが縮む。
ってことでいいのでしょうか？
944 ：Name_Not_Found：2007/12/28(金) 14:07:40 ID:???
>>942
＞IEでばっちりにつくったHPをfiafoxでみたらぐちゃぐちゃでした・・・。
思い込みで大間違い。IEの表示そのもの全てが間違いで
君はその間違った解釈の元にマークアップをしているのです。
「バグ IE」でぐぐれば君の今回のレスがいかに恥ずかしいか分かります。
それとfiafoxなんてブラウザーは存在しません・・・
945 ：Name_Not_Found：2007/12/28(金) 14:13:12 ID:???
>>942
サイトを作る場合まず
ttp://www.w3.org/
を熟読してウィンならFirefox、マックならSafariで確認してサイトを作ります。
その後簡易ブラウザーのIEで確認します。
サイトが完成したら公開前に
ttp://validator.w3.org/
ttp://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
でサイトを確認してもらいグリーンもしくは100点が出ればサイトを公開します。
赤や-点なら再度
ttp://www.w3.org/
を熟読しなおして作り直します。
普通のキチンとしたサイトの作成者は同じ手順をしています。
946 ：Name_Not_Found：2007/12/28(金) 14:15:35 ID:???
>>945
ぬけてました。
ttp://jigsaw.w3.org/css-validator/
でcssに間違いが無いかもみてもらいます。
947 ：Name_Not_Found：2007/12/28(金) 14:19:34 ID:???
>>941
一番簡単な違いは
・マージン：背景がつかない
・パディング：背景がつく
と憶えとけ。
http://www.y-adagio.com/public/standards/tr_css2/box.html#mpb-examples
948 ： ◆zS.k96R.Do ：2007/12/28(金) 14:20:47 ID:???
>>941
ttp://www.w3.org/TR/REC-CSS2/box.html

ie6 の後方互換意識して margin 使わないとかもありえるかもしれないが
border の内か外かの違い
例えば、border の外側で隣接した margin には Collapsing margins が発生するが padding だとその対象がない
下手な解説見るより仕様見たほうが絶対に理解しやすい
949 ：Name_Not_Found：2007/12/28(金) 17:04:02 ID:???
>>945
まじめにおしえてやれよ
950 ：Name_Not_Found：2007/12/28(金) 17:23:56 ID:???
>>949
何も間違った事なんて言ってないですよ？
IEなんかで確認しながら作るからこうなるのです。
最初からまともなブラウザーで作ってれば良い事。
951 ：Name_Not_Found：2007/12/28(金) 17:52:59 ID:???
>>945 のリンクを貼ったらその後質問したやつは二度と書き込みしなくなるけど
自分のサイトに唖然としてんだろうなｗ
「え！なにこれｗｗ 真っ赤で-350点だよｗｗ」 とかｗ
952 ：Name_Not_Found：2007/12/28(金) 18:09:41 ID:???
初心者あいてに威張ってる池沼かよ。
953 ：Name_Not_Found：2007/12/28(金) 19:08:15 ID:???
>>952
冬厨は相手にするな
954 ：Name_Not_Found：2007/12/28(金) 19:31:49 ID:???
俺のサイトもindexのところフレーム使ってるせいか真っ赤だな…。あとは９０点台でグリーンなんだが。
955 ：Name_Not_Found：2007/12/28(金) 19:39:00 ID:???
>>954
フレームつかってても問題なくグリーン&100点にはなるよ。
ならないのはどこかが間違ってる。
フレームやテーブルを使うのはなんら間違いではないし。
956 ：Name_Not_Found：2007/12/28(金) 20:19:22 ID:???
strict厨はstrictスレから出てくるなよ
957 ：Name_Not_Found：2007/12/28(金) 20:50:46 ID:???
>>955
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>○○○○○</title>
</head>

<frameset rows="*" cols="180,*" framespacing="0" frameborder="no" border="0">
<frame src="leftFrame.html" name="leftFrame" scrolling="auto" bordercolor="#E7E7E7" id="leftFrame" title="leftFrame" />
<frame src="mainFrame.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes>
</noframes>

</html>


Dreamweaverで作って、わかる範囲で修正したんだが、
おかしなとこ指摘してくれると嬉しい。
958 ：Name_Not_Found：2007/12/28(金) 21:02:31 ID:???
>>957
borderやframeborderなんて使えないね。（これはcssで書くべき）
それと
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
なら問題ないのか分からないけど
XHTMLのContent-typeはapplication/xhtml+xmlだよ。
うちはieだけphpで
header("Content-type:text/html; charset=utf-8");を送って対応してる
他のブラウザーは
header("Content-type:application/xhtml+xml; charset=utf-8");
として。
でもFramesetで厳密ではないのでtext/htmlでいいかもね。
959 ：Name_Not_Found：2007/12/28(金) 21:12:45 ID:???
>>958
XHTMLでも1.0はtext/htmlでおＫ
960 ：Name_Not_Found：2007/12/28(金) 21:13:20 ID:???
>>958
㌧
Content-typeが他のページも全部text/htmlだったから、まずそれ修正した。
あとはよく分からないんで、調べてくるか。
961 ：Name_Not_Found：2007/12/28(金) 21:20:33 ID:CZdYjENl
ちょｗ
おま、どっち。
と、思って調べてきたら1.0の場合text/htmlでいいみたいだね。
とりあえず、ID出るようにしとくわ。
962 ： ◆zS.k96R.Do ：2007/12/28(金) 21:30:58 ID:???
手取り足取りスレでもたててそっちでやれよ
あと XHTML で lint ってギャグだろ、 XHTML の理解足り無すぎるぞ
963 ：Name_Not_Found：2007/12/28(金) 21:51:00 ID:???
>>944->>948
どうもありがとう！
964 ：Name_Not_Found：2007/12/28(金) 21:53:19 ID:???
つか100点だからいいサイトってわけじゃないから意味なくないか？
ヤフーだってマイナス400点近くだったような気がする。
表示さえされればいいだろ。
965 ：Name_Not_Found：2007/12/28(金) 21:53:57 ID:???
<HTML lang="ja-JP">
にしろって出るんだけど、これってどういう意味？
966 ：Name_Not_Found：2007/12/28(金) 21:57:23 ID:???
>>964
＾＾
967 ：Name_Not_Found：2007/12/28(金) 22:14:07 ID:sqSmlmfr
idとclassはどう違うのでしょうか？
968 ：Name_Not_Found：2007/12/28(金) 22:15:10 ID:???
>>965
lang="ja"
日本語ですよっと。
969 ：Name_Not_Found：2007/12/28(金) 22:16:27 ID:???
>>967
IDは「鈴木太郎」「山田花子」といった「名前」。だから1ページに1つだけ。
CLASSは「男」「長髪」といった「性質」。だから同じ性質のものならどんな人（要素）にも付けられる。
970 ：Name_Not_Found：2007/12/28(金) 22:19:25 ID:???
>>964
表示もコンテンツもちゃんとしてて、更にマークアップも完璧だったら
より素晴らしいとは思わないか？
971 ： ◆zS.k96R.Do ：2007/12/28(金) 22:24:11 ID:???
>>967
xml:id と role 属性の違いと考えろ
972 ：Name_Not_Found：2007/12/28(金) 22:25:50 ID:sqSmlmfr
ありがとう。
floatをつかうのは
IDとclassどっちがいいの？
973 ： ◆zS.k96R.Do ：2007/12/28(金) 22:30:29 ID:???
少しは調べてから質問しろカス
974 ：Name_Not_Found：2007/12/28(金) 22:40:25 ID:???
>>970
いいんじゃないかな、ああいう人は置いて行けばいい。好き勝手させてあげよう。
975 ：Name_Not_Found：2007/12/28(金) 23:18:46 ID:???
俺は結構どうでもいいな。
976 ：Name_Not_Found：2007/12/28(金) 23:31:05 ID:???
>>972
全く関係ない。
floatはcssの単なる見栄え。
idやclassはhtmlの意味づけ。
977 ：Name_Not_Found：2007/12/29(土) 01:52:32 ID:???
入門書見ながらやりはじめたんだけど
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="Stylesheet"href="test.css"type="text/css">

と書いたんですけど、これで外部のtest.cssファイルを読み込んでくれません。
どっか気づかない間違いしてますか？なおcssファイルとhtmlファイルは同じフォルダに入ってます。
978 ：Name_Not_Found：2007/12/29(土) 01:59:20 ID:???
>>977
半マス開けなさい

<link rel="Stylesheet" href="test.css" type="text/css">
　　　　　　　　　　　　　　↑　　　　　　　　　↑
979 ：Name_Not_Found：2007/12/29(土) 02:28:37 ID:???
>>977
かれこれ100万回言ってるが
ttp://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
でサイトが完成した見てもらえとなんど言えばわかるんだろ・・・
君の探してる答えがおもっきりでているんだが・・・・・
980 ：Name_Not_Found：2007/12/29(土) 02:37:26 ID:???
確実に100万回は言ってないほうに1000ペソ
981 ：977：2007/12/29(土) 03:15:49 ID:???
みんなありがとう。
指摘箇所チェックしてみたけど、反映されない。・ｗ・
ttp://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
こことにらめっこしながらやってみます。

982 ：977：2007/12/29(土) 05:06:46 ID:???
1時間ひたすらにらめっこしてて疲れました…。
入門書通り記述します。怒られそうだけど誰か助けて。
なお、　ttp://htmllint.itc.keio.ac.jp/htmllint/htmllint.htmlは見てみました。
もうちょっと指定をはっきり！というようなことがかいてありました。

983 ：Name_Not_Found：2007/12/29(土) 05:07:54 ID:???
>>980
いやまてまて、このスレ皆が脳内で言った回数は100万回行ってるかもしれんぞ

野暮な突っ込みはさておき、もうpard191だしな
lintじゃなくvalidation全般で言えば軽く一万回越えてんだろなぁ・・・
984 ：977：
文書名 index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TRhtml4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="Stylesheet" href="nogizaka.css" type="text/css">
<title>乃木坂周辺案内</title>
</head>
<body>
<h1>乃木坂周辺案内へようこそ</h1>
<p>「乃木坂周辺案内」は、乃木坂の間和知を紹介するサイトです。</p>
<p>乃木坂周辺…乃木坂駅と乃木坂公園<br>乃木坂の歴史<br>このサイトと作者について</p>
<hr>
</body>
</html>

文書名 nogizaka.css

body{background-color:#bf8}
h1{
background-color:#350;
color:#fff;
}