そうだ、ホームページを作ろう

■ そうだ、ホームページを作ろう

1投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月28日(木) 23時59分15秒: 今年度に入って自サイトを作る決心をしたのだが、
カロビばかりやっているうちにすっかり半年近く経ってしまった。
このままでは埒が開かんので、ここにスレを立ててコードを書き込んだり、
質問したりすることにする。
というわけで、以後よろしくお願いする。

とりあえず、内容は全く違うが、ここのような
http://artifact-jp.com/
サイトを作りたいのだが、どこまでをHTMLでどこまでをCSSすればよいのか、
まるでわからない。
特にレイアウトの面で、なるべくスタイルシートを使うようにとものの本に書いてはあるが、
tableタグ無しでセンタリングなどをした方がよいのだろうか。
あと、どのテキストエディタを使えば良いか。
EUCにしたいのだがメモ帳だと化ける。

2投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 00時00分41秒: フロントページ使え

3投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 00時01分08秒: ワードパッドでも使え

4投稿者：1 　投稿日：2003年08月29日(金) 00時07分11秒: 出来れば無料でやりたい。

5投稿者：（´*｀）ノ吐瀉物に希望を見た！ 　投稿日：2003年08月29日(金) 00時07分22秒: 全部HTMLでいいじゃん
たまにFLASH使ってみたり

つーか、個人サイトはデザインとかより更新のネタに情熱を傾けた方がいいよ

6投稿者：ひまがく 　投稿日：2003年08月29日(金) 00時08分16秒: ネットスケープのおまけにコンポーザーが付いてくるよ

7投稿者：遊　投稿日：2003年08月29日(金) 00時08分47秒 ID：/zncXnmk: W3Cの勧告なんて無視して、実情に合わせて好きなように作ってみたら良いんじゃないですかね？
CSSが個人的に嫌い、って理由もあるんですけど。

8投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 00時09分46秒: とりあえずジオシティーで作って、だんだん覚えていけば

9投稿者：（´*｀）ノ吐瀉物に希望を見た！ 　投稿日：2003年08月29日(金) 00時10分49秒: つーか、好きなようにやればいいし、個人サイトなんかネスケ無視してもいいと思うし
テキストサイトなら文字が崩れてようが記事が面白ければいいし

10投稿者：水谷わひょみ 　投稿日：2003年08月29日(金) 00時11分21秒: IFRAMEタグがお勧めです。

11投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 00時11分37秒: フラッシュなんか使うなうざい死ね

12投稿者：1 　投稿日：2003年08月29日(金) 00時12分04秒: レイアウトを統一するつもりなので、なるべくCSSを使いたいのだが。
基本的にJAVAscriptやFLASHは使いたくない。
データベース的なサイトを目指したいので更新は大丈夫だと思う。

13投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 00時12分05秒: <B>ちんこ！</B>

14投稿者：遊　投稿日：2003年08月29日(金) 00時13分37秒 ID：/zncXnmk: Flash使う場合は、SKIPボタンかリンクを付けておいてくれると、助かります。
どこかのサイトで「Flashの見られない環境の方はこちらへ」って書いてあって、
ちょっと腹が立った記憶もありますが。
「見られない」じゃなくて「見たくない」のに。

15投稿者：1 　投稿日：2003年08月29日(金) 00時15分26秒: フレーム関連は使いたくないな。
スクロールするのが嫌だし、無駄に画面を狭くする。

16投稿者：1 　投稿日：2003年08月29日(金) 00時18分48秒: と、これに関連して、カロビのみんなのモニタ画面の大きさと解像度がどれくらいか知りたいのだが。
基本的な幅を600pxに使用と思うのだが、やはり1078pxが多いのだろうか。

17投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 00時22分54秒: モニタの大きさなんか関係ない。
全画面に広げてブラウザ使ってるやつなんかほっとけばいい

18投稿者：1 　投稿日：2003年08月29日(金) 00時24分56秒: え……

19投稿者：遊　投稿日：2003年08月29日(金) 00時25分57秒 ID：/zncXnmk: モノの本には「800px以内に収めた方が良い」ってなことが書いてありますよね。
760pxくらいで四等分構成だと、かなり見易いと思います。

20投稿者：（´*｀）ノ吐瀉物に希望を見た！ 　投稿日：2003年08月29日(金) 00時32分04秒: 印刷されることを前提にしてるなら630ぐらいにまとめるといい

21投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 00時50分31秒: 頑張れ

22投稿者：あふ　投稿日：2003年08月29日(金) 01時47分49秒: http://www.w-frontier.com/software/ezhtml.html
http://snow.prohosting.com/swingbie/
最近　Movable Type流行ってるよね。

23投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 01時57分48秒: 俺のときは誰もレスしてくれなかったし
ましてや頑張れなんていわれたこともなかった。

24投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 02時00分40秒: >>23
草葉の陰から応援してるよ。

25投稿者：ふるすい 　投稿日：2003年08月29日(金) 02時01分25秒: スレを立てた時間帯による

26投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 07時28分51秒: http://x51.org/
MovableTypeのデザインなら内容はともかくここが一番秀逸だな。

27投稿者：毒鮪　投稿日：2003年08月29日(金) 07時38分09秒: Lynxを意識したストロングスタイルで

28投稿者：1 　投稿日：2003年08月29日(金) 11時36分06秒: まず、TOPページは600×500pxの大きさのボックスを使いたいのだが、
スタイルシートを使ってそれをセンタリングする方法がわからん。
というか、ボックス自体よくわからん。
marginではセンタリング無理なのか。

body{
color: white;
width: 600px;
height: 500px;
margin: 25%;
background-color: black;
}

なんか上手くいかん。
全体が黒く成ってしまうし。

29投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 11時37分14秒: ＞background-color: black

＞全体が黒く成ってしまうし。

あほ

30投稿者：1 　投稿日：2003年08月29日(金) 11時39分28秒: ほんまや、あほや。

31投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 11時39分28秒: 紹介されてる
＞○そうだ、ホームページを作ろう　あめざーからリンクがあるので何かと思ったら、ここからリンクが。

32投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 12時16分20秒: http://artifact-jp.com/mt/archives/200308/0823.html
いつのまにかカロビー＝あめざーになってるようでﾜﾗﾀ
つっても管理人自身が書いてるからそれも仕方ないか

33投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 12時18分49秒: わひょみは少年愛板にも居たようだが。

34投稿者：1 　投稿日：2003年08月29日(金) 14時08分05秒: 外部からのリンクをチェックしてるのか。そりゃしてるだろうが。
まあ、悪いことは書いてないのでそのままにしておこう。

35投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 14時10分44秒: >>32
URLがamezorだからだろ
あめざーの中のカロビーだし

36投稿者：1 　投稿日：2003年08月29日(金) 14時13分23秒: とりあえず、divなんかのブロックレベル要素に適用したほうが良いのはわかった。
しかし、これをセンタリングすることは不可能なのか。

body{
color: #FFFFFF;
background-color: #000000;
}
div{
background-color: #0000FF;
width: 600px;
height: 400px;
}

37投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 14時14分53秒: <center>あほ</center>

38投稿者：1 　投稿日：2003年08月29日(金) 14時19分20秒: レイアウトはなるべくスタイルシートですませたいと言っているのだが。

39投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 14時21分10秒: リンク見つかっちゃって恥ずかしいな。

40投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 14時21分17秒: だよな。
今時<center>タグは無いだろうって笑われるし。

41投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 14時40分15秒: blogは基本的にTrackBackがあるからリンクしたらすぐわかるよ。
アクセス解析じゃなくても

42投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 14時51分51秒: なにそれ？

43投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 14時57分41秒: TrackBackってそのページがどかかで話題になったりしてたらわかるように
リファラーなどをチェックしてリンクを抽出する機能だっけ？

44投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 15時39分28秒: リンクした側が意図的にTrackBackを送らないと相手には伝わらないよ。

45投稿者：1 　投稿日：2003年08月29日(金) 16時26分39秒: センタリングがどうしてもわからんので、ほっといて次に進もう。
不本意だが、tableを使うしかないかもしれん。
さて、幅600pxを左右400：200に分けて、向かって右をメニューに、
左に400×400の画像を貼り付ける形にしたい。
画像の上にタイトル画像400×100を貼り付けたいのだが、
どうもpositionプロパティの値で親要素が何になるのかその基準がわからん。
div.title{position: relative;
top: 0px;　　　left: 0px;
width: 400px;　　　height: 100px;}
div.left00{position: relative;
top: 0px;　　　left: 0px;
width: 400px;　　　height: 400px;}
div.right00{position: relaitive;
top: 0px;　　　left: 400px;
width:200px;　　　height:500px;}
のとき、
<div class="title">親</div>
<div class="left00">子</div>
<div class="right00">孫</div>
に成るようだが、
<div class="title">親
<div class="left00">子</div>
<div class="right00">子</div>
</div>
には成らないのか。
HTMLが理解できてないようだが。

46投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 21時13分22秒: もう諦めろよ＞１

47投稿者：1 　投稿日：2003年08月29日(金) 21時59分14秒: せっかくこうやってスレまで立てたのに諦めるわけにはいかんな。
というか、むしろ協力してくれ。こっちは初心者なんだ。

ところで、こうやってコードを書くだけではカロビのみんなも刺激が少なかろうから、
実際にファイルをUPしたいのだが、どこぞよいレンタルサーバでもないかな。
CGIを導入するつもりはないので、まあ、どこでもいいのだが、皆目見当がつかない。

48投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾁｰﾀｽ 　投稿日：2003年08月29日(金) 22時00分11秒 ID：RYWgVdkr: 俺、５年前からホームページ作ろうと
何度も考えたが未だに作ってない

49投稿者：1 　投稿日：2003年08月29日(金) 22時13分51秒: では、ついでにチータスのページも作っていいが、どうだ。

50投稿者：ひまがく 　投稿日：2003年08月29日(金) 22時14分37秒: ちー君ログ集を

51投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月29日(金) 22時19分18秒: そこらへんのアプロダにあげろよ

52投稿者：1 　投稿日：2003年08月29日(金) 22時24分32秒: あ、礼を言うのを忘れていた。
>>22のエディタは実際使っているが大変良さそうだ。ありがとう。

53投稿者：1 　投稿日：2003年08月31日(日) 01時42分04秒: 今日は何も進んでないがなるべく毎日スレを上げることにします。

54投稿者：1 　投稿日：2003年08月31日(日) 03時03分33秒: やっとセンタリングの方法が分かった。
ブロックレベル要素でmarginの値を左右同じ0かauto（結局0）にするとセンタリングされる。

body { margin: 0; }

55投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月31日(日) 03時06分45秒: 俺のときはスレ上げるたびにウザイとか言われた

56投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月31日(日) 03時07分10秒: ウザイ

57投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年08月31日(日) 03時09分35秒: 恵まれない23

58投稿者：＞１　投稿日：2003年08月31日(日) 03時20分38秒: 出来れば進捗状況を随時見ておきたいのでＵＲＬ教えなさい。

59投稿者：1 　投稿日：2003年09月01日(月) 16時42分50秒: いや、まだwebに上げていないんだが。

今日もあまり進まなかった。
職場のパソコンのIEは5.5なんだが、>>54の方法だと上手くセンタリングされん。
（自宅のは6.0）
センタリングに関してはtableタグを使うしかないかな。

ところで、レンタルサーバーはどこがよいだろう。

60投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年09月01日(月) 16時57分49秒: ここでさがせば
http://tadamono.to/index.html

61投稿者：1 　投稿日：2003年09月01日(月) 17時01分53秒: >>60
ありがとう、そこは職場からはアクセスを規制されてるので、帰宅してから見る。

62投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年09月01日(月) 18時33分09秒: cssて今のブラウザではちゃんと実装されてんの？
数年前だと全然駄目でやる気せんかった

63投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年09月01日(月) 18時37分17秒 ID：Ipq42k4k: あぷろだ作ってみようと思った。

64投稿者：1 　投稿日：2003年09月04日(木) 19時05分08秒: http://kobe.cool.ne.jp/tyosi/index.html
TOPページのレイアウトが散々わからないので、
中途半端なところでやる気が無くなってきた。

65投稿者：1 　投稿日：2003年09月04日(木) 19時10分50秒: >>62
>>59でも書いたが、IEの5.5と6.0でも差があるようだ。
CSS2のブラウザ実装対応状況表についてはここが有名所らしいので、
http://www.zspc.com/documents/css2/index.html
参照してもらいたい。

66投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年09月06日(土) 21時30分01秒: なんてひどいでき

67投稿者：（´*｀）ノ吐瀉物に希望を見た！ 　投稿日：2003年09月06日(土) 21時31分00秒: 文字サイズ落とした方がいいよ

68投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年09月06日(土) 21時31分47秒: ほんとだ
少しはまとまった性格のやつかと思ってたのに

69投稿者：1 　投稿日：2003年09月06日(土) 23時18分22秒: まあ、最初の出来が悪いほど今後の成長が楽しみと言うものだ。
ちくしょー！　1ヶ月後を見てろよ！

70投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年09月06日(土) 23時19分37秒: 1ヶ月後もかかるのか

71投稿者：1 　投稿日：2003年09月06日(土) 23時23分51秒: このペースだとそれぐらいはかかりそうだな。
大体、ほとんどは仕事中に作ってるからな。（言い訳）

72投稿者：ヾ(ﾟдﾟ)ﾉ゛ﾊﾞｶｰ 　投稿日：2003年09月07日(日) 15時18分17秒: 楽しみに見ています。
レイアウトの設計図みたいなものは用意してないんですか？

投稿者	メール
(ﾟДﾟ) ＜