皆が使えるテンプレートを作るスレ2

皆さんのwebサイト上で簡単に利用できるようなテンプレートを、
web制作板の皆さんで作ってしまおうというスレッドです。

前スレ
■ ホームページで皆が使えるテンプレートを作るスレ
(http://pc8.2ch.net/test/read.cgi/hp/1115113828/)

アップローダー
■MOHEI ◆GrsqjXpGxE氏が管理されているアップローダー
(http://majix.dip.jp/~naoto/cgi-bin/uploader/uploader.cgi)
■ HPENTC ◆5dgbPjIkY2 氏が管理されているアップローダー
(http://template.en.tc/cgi/upload/)

2ゲット

うはｗｗｗ俺すげえｗｗ

生存書き込み

おお、いつの間にw
前の板http://pc8.2ch.net/test/read.cgi/hp/1117270172/
削除依頼だそうや!!

前の板、削除依頼出さないとマズイよね。。。
http://pc8.2ch.net/test/read.cgi/hp/1117270172/

http://qb5.2ch.net/saku/

板を削除するとはまた豪気な

>>7
ﾜﾛｽ

>>1に追加
■ サポートサイト
http://majix.dip.jp/~naoto/2chtemp/

そう、今開発中...
ttp://majix.dip.jp/~naoto/2chtemp/

ﾃﾝﾌﾟﾚ作ってる人今のところ0人w

>>11
今は、配布サイトに専念だなw

HTML の方はこんなもんでよろしいでしょうか？
そろそろ、デザインの方を考えないとかも...

http://majix.dip.jp/~naoto/2chtemp/

一つの<dt>に対して複数個の<dd>ってokなんでしたっけ？
確か駄目だったと思うんですが･･･。

これっぽっちも問題ない。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/lists.html#h-10.3

>>15
どこかで見たような気がしたんですが...
気のせいだったのかもしれません。ありがとうございます。

どこかで読んだと思ったら
rfc1866に書いてました。

もう、ここまできたらidやclassを指定してみますかな...

え、こっちなの？

>19
そう、人少ない〜
みんな迷っちゃったかな!?

>>17
本当だ。知ったかぶりしてすいません。
4.01ぐらいしか知らない人間だもんで…

>1よ、デザインする前にhtmlを完成させたら？
みんなが意見を言ってくれてるのに華麗にスルーってなんだよ？
いい加減にしないと誰も教えてくれなくなるよ？

>>22
そうか、、、htmlを完成させるってindex.htmlをですよね？
他のページも出来てないから、仕上げないと...

とりあえず、過去ログ読み返してきます。ﾉｼ

あばうととはなんだ？
開示板とはなんだ？

教えてエロい人

>25
ありゃぁ、間違えました。すません。

>>もへい
まずあれだ、地味過ぎるからこのサイトとかで勉強しなよ。
ttp://pofan.net/ism.htm

>>27
ありがとうです。でも、なんか404になってしまうのですが...
ttp://pofan.net/ism.htm

CSSデザインのメリットを理解してないようだね。
bodyタグの中は四つのタグだけで記述するのが基本だろ？
<div><span><a><img>
初心者ならコレだけで立派なサイトができる。
こんなに無駄なタグ使って何がCSSデザインなのかと小一時間(ry
とりえずソースを書き換えなよ。
デザインの話はその後だよ。

div p ul li a これしか使ってない俺は負け組

あ address hn も使ってた

>>29
<h1>や<h2>も使えないのですか?
そうなると、この代わりって<div>なのですか?

>>32
ネタに決まってんだろ

>>33
そっか。俺もびびったんだよ。
流石に.....

>>29
頭イイな、おまいは！画期的な技法だな、なるほど！

>>35
どういうこと?
過去ログ見ると<div>の使いすぎは良くないって言ってた方がいましたが...

実際に<div><span><a><img>だけで、出来るのでしょうか？？

MOHEIﾀﾝ、かわいいよMOHEIﾀﾝw

>36
ネタだからスルー、スルー

>>36
だからネタだから騙されるなっての。

気持ち悪い

>>37-38
はい、、、、
あと、直す所ってどこでしょうか?
要望があればお願いします。

<Hx>は心配無いと思うのですが...

W3C信者の次郎はスルーしないとまた変な事を教えられるぞ！
学習能力無いのかお前。

>学習能力無いのかお前。
オマエモナー

* 清く正しく美しいHTMLを書こう。
* W3Cを信じる者は永遠の命を持つ。
* テーブルレイアウトは死後裁きにあう。
* 地上の物理マークアップ人生はみじかい。天の論理マークアップの国は永い。
* W3Cを呼び求める人は救われる。
↑これが、信者??

なぜ何でも人に聞くの？

>>43はググった..

>>44 orz....

>>GrsqjXpGxE
ヒント：釈迦に説法

>42
は？前スレ読んでから書き込みしろや。
次郎がCSS無しで作れって言ったからデザインのカケラも無いサイトになったんだよ。
信者は消えろよ。

ちなみに漏れは>41じゃないけどな。

>46
そんな…難しいことわざ言われても...まぁ、「信者がどーのこーの」は深く考えないようにしますorz

>>47
喧嘩を売る訳じゃないが
基本がなってないからCSSより前にHTMLを何とかしようって流れじゃなかったっけ？

>>49
そうだった気がする。

あのー、首突っ込んで申し訳ないけど...
>CSSより前にHTMLを何とかしようって流れじゃなかったっけ

配布サイトのHTMLは、まだ解決してませんかねぇ?
出来てない所があれば、教えて下さい。

俺、HTMLに触れるのすげぇ久しぶりだから、コノｽﾚは勉強にナル。

俺、主よりスキルないかもｗｗｗ　　将来の可能性&スキル　　主>>>>>>>>>>>>>>>>越えられない壁>>>>俺

たしか、あの時は...
<hx>のレベルの使い方が間違っていたからだし。。。
構造的なサイトを目標にしてたわけだし...

>49
だからぁ〜、前スレを読み直せよぉ〜。
もへいタンは最初からCSSを使っていたんだよ？
確かにへたれなサイトだったけど、今ほど酷くなかったんだよ。
すぐに信者はダササイトにしたがるのさ。

>>53
まぁ、どうでもいいと俺は考える。

要するに、精進しれば(・∀・)ｲｲ!!

>>47
オマエモナーにマジレスしてくる奴も珍しい。
つーかこの場合、
「◆GrsqjXpGxEの学習能力の低さに今頃気づくとはあなたも学習能力低いですね」
という程度の意味なんだが。

>>53
もういっそテンプレのどれか使いなさいよと。

>>55そうか。。。
でも、配布サイトがHTMLなってないと『なんだこのサイトは。この時点で終ってるなw 帰ろー』
とか思われて、テンプレート自体見てくれない可能性があるんだよな。

それが恐いからさ。みんなにちゃんとしたHTMLを教わってるわけ！
でも、進む事も大事だけどね。マターリ行きますか!

「できる人」はテンプレなんかｒｙ

こういうことか？

旧主　ダサいサイト作成
↓
次郎が基礎からやれば(・∀・)ｲｲ!!と言う
↓
基礎からやり直す
↓
主のスキルアップ！



で、反次郎派の言い分は

旧主　ダサいサイト作成
↓
次郎が基礎からやれば(・∀・)ｲｲ!!という
↓
54　信者は消えろ！&主はﾃﾝﾌﾟﾚ使え

信者と誤解されるのはある意味光栄かも。
いや、信者の人には申し訳無いね。

>>55
そそ、どうでもイイのさ。
俺はスルーで好きにやってくれてイイよ。


>>昨夜の名無し
ez-html、頭痛がする程ややこしいんですが。orz

>>57
精進！精進！

応援してるぜｗ！

>58
あ、なるほど。デザインに自信が無い人がテンプレ見にくるのだからな。
ソースなんか見ないよなw

>>59
まぁ、俺のスキルがうpしたのは間違い無いけど....

>>60
だったらStyleNoteは？　色々機能ついてるけど色のコード選択機能とｃｓｓの整理の機能が楽ｗｗ

あとの機能は使わなくてもいいしｗｗ暇なときためしに使ってみる程度で

>>60
お、お、俺は次郎さんはスルーできない。
これからもよろしくだよ!!

>>62
スマン　ダサいサイトって言っちまった、ｺﾞﾒｽ

くだらん論争は止めてMOHEIを応援しようや。
次郎はスルーでFAなんだから、糞サイトの白黒の構成をなんとかしろや。

>>63
日本語おかしかった、

色のコードをとる機能とｃｓｓの管理の機能があるんだけどそれは　便利ですよ

それと、他にも機能が付いているのだけど、最初は気にしないで(・∀・)ｲｲ!!と思います。暇なときに、ためしに使ってみる程度で


操作はメチャクチャ簡単なので、直感でいけます



日本語まだおかしいくてスマン

MOHEIを応援したら「◆GrsqjXpGxEにweb制作を1から教えるスレ」になる罠。

>>66
俺　スルーでFAの2ch用語がわからない


スルーでふぁ？
ｽﾚーでいいって言う意味？

スルーしてはいけないって意味なのか？


俺駄目ポ＿○／|＿

>>65
いいんだよw。元もと俺はデザイン力も無いし..
CSS町初心者。HTMLは分かってないのに分かってるつもりでいるヤシなんだから。

>>66
スタイルシート使えば、そんなもの平気ですよ。
とりあえず、まぁまぁHTMLは前に比べて良くなったんだし(？)
そろそろ、デザイン始めますか!

・どうして解らないなら調べようとか思わないんだろう。
・どうして無駄に改行が多いんだろう。
・どうしてorzを多用したり謝る一方だったりするんだろう。

>>69
ドラミ〜。大丈夫。

FA=ファイナル・アンサー の略

スルーでFA=スルーでファイナル アンサー

ヒント：NGワードに「次郎はスルー」と「信者は消えろ」を追加

ｽﾚの真の目的は、ﾃﾝﾌﾟﾚを作るだからなｗもちろん、ﾃﾝﾌﾟﾚ作ったけど使わないでくれって言うのもあり（前ｽﾚで決まった）

それと、今は暇な奴ら　&　主のﾌｧﾝ　&　教えることで基本に戻り精進したいﾋﾄが主に教えてるっつー状態

>>72
おｋｋ、ダサの件許してくれて�dクスｗ


FAの意味ってそういう意味だったのか、�dクス！


主(・∀・)最高!!

テンプレの言葉に誘われた厨がぞくぞくと

>>64
既にスルーしまくって何を言うんだ？

好きにやりなよ。慌てる事は何も無いだろ？
デザイン編に突入か、どんな技法が出るか、俺も楽しみに見てるよ。

>どうして無駄に改行が多いんだろう
ありゃ、ｽﾏｿ..ソースの見やすくをモットーにしてたので

>どうして解らないなら調べようとか思わないんだろう
努力はしてます。グーグルでねw

もう、orzが癖になってるかも。以後気をつけます。

>>77
スルーじゃなくて無視出来ないか....
うーんと、前スレって違う意見を言い合ってただろう.

それで、頭が混乱してただけ。結局自分なりの意見も入れてたからｽﾏｿ

>>77
>スルーしまくってる
ﾒｶﾞﾜﾛｽｗｗｗ書き込みの量が多すぎて対応仕切れなかった主ﾜﾛｽｗｗｗｗｗ

>デザイン編に突入か、どんな技法が出るか、俺も楽しみに見てるよ
はげどう、俺も楽しみｗｗだけどあまり重圧（・Ａ・）ｲｸﾅｲ!ｗｗ!

THEBBSはここですか？

>>81
あ！こちらになっております

http://pc8.2ch.net/test/read.cgi/hp/1106209097/

信者とかテンプレ使えとかどうでもいいんだけど
新スレ立てるときに前スレで出たテンプレくらいリストにしとこうや

>>82
やはりここで合ってましたか。下のURＬはなんでしょう？

>>84
避難所です

それでそろそろ

主はｃｓｓに入っておｋｋだよなｗ

むしろこの段階でむりやりデザインを始めてみるのが面白いw

>>83
そうでしたな。やらなくては...

>>86-87
CSS入れるには、まず一からやりたいのだけれど
普通は id や classを指定してから CSSを設定する？

それとも逆?

迷ってたよ〜〜
全スレとは関係ない番号になるので鳥つけるよ〜

このレスはあくまで付加情報なので、MOHEI は今は無視していいから。
将来余裕が出てきたら読み返せ。

=====
全スレで出てた「属性値に半角スペースを使っていいのか？」という話だが、
class 属性に半角スペースを使うと、複数のクラスを指定することができる。

例）
class="hoge fuga"
このように書くと、CSS の .hoge と .fuga が両方適用される。

なお、属性値といっても実は種類がいくつかあるので、使ってよい文字とまずい文字は属性によって異なるし、
同じ文字でもエスケープ（回避）のしかたが異なることがある。
通常半角スペースは &nbsp; でよいのだが、URI を表す場合（src とか href とか）は %20 とすべきだろう。

いずれにしても、属性値に半角スペースを使ってはいけないと断言するのは、厳密に言うと正しくない。
が、ややこしいことになりそうな例があるので、仕様書を読む気がないなら避けた方が賢明だ、という理解をしておくとよいと思う。

んで、タグの直後の半角スペースは「書いてはいけない」ではなくて、「無視されることがある」だったはず。
行頭のスペースや tab と一緒ではなかったけな？
このへん忘れたから気が向いたら調べておく。

>60
そうかい？ｽﾏﾇ。
まあ、エディタとの相性てのもあるだろうしね。

ezは、HTMLとCSSの入力支援が好きで使ってるんだけど、
StyleNoteも評判は良いみたいだし、そっちもいいかも。

>>88
スマン、俺ﾋﾄに物を教えるほどしっかりしたスキルねぇからなぁ、次郎たんに降臨してもらうんだ！

VIPPER隔離スレですか
おまいらこうやって他板に出てくるからうざがられるんですよ

次郎ﾀｿじゃないけど
>>88
CSSを考える前にidとclassをつけるんだ。もちろんデザインとは関係の無い名前を。
たとえばメニューの部分はid="menu"とか。
で、それを使ってCSSでデザインをするんだ。
CSSのためにidやclassをつけようって考えるとおかしな名前が続出するから、あくまでHTMLの部分部分（要素）に名前をつけてあげるというつもりでつければOK

>>94
ようするに、 普通は id や classを指定してから CSSを設定するで(・∀・)ｲｲ!!ってことだな

次郎たん

ここなんか見るといい、
http://www.geocities.co.jp/SiliconValley-Cupertino/1623/

ありゃ？
タグが大文字に戻っている？
インデントがなくなった？

もへいﾀｿは何を使ってHTMLを作ってるの？

>>91
いや、頑張っているんだが。
見た目がｶｺｲｲから気に入ったんだよね。
みんなにもメモ帳やめれって言ってもらったし。

しかし、操作が直感的に来ない。orz
俺に操作を教えるスレでも建てさせてもらうかな。

メモ帳ﾏﾝｾｰ

このスレの弱点は
・MOHEIが人から流されてばかりいる事
・MOHEIが自己学習能力が低い事
・MOHEIが雑談好きな事

>>96
リンク先見たけど…



エディタはメモ帳が最強って書いてあるけど？

>>98
Terapadでいいんでないかい？

>>94-95
了解!!

>>97
Mozilla 付属の『Composer』使ってたけど 最近はOS付属の『gEdit』使ってるよ。
なんか、俺Linuxしかもってないんだよね。ま、別に用は足りてるし...

>>90
サンクス!勉強になりますた。また自分でもその辺調べておきます。

>>102
一年前にｲﾝｽｺして以来、何も書いてないです。
ほんと操作覚えるのダメみたい…。

とりあえず、脱メモ帳目指してezいじり続けてみます。 みんなありがと。

>>101
いや、あれはギャグだからｗｗ次郎たん天然ﾜﾛｽｗｗ

次郎たん、
まぁ、一様これ見るといいかも

WＥＢ制作にいたっての最強ソフトを決めるスレ
http://pc8.2ch.net/test/read.cgi/hp/1029760642/

前スレでうpした、イメージ。こんな感じです。
http://majix.dip.jp/~naoto/cgi-bin/uploader/uploader.cgi/kiki986.png

とりあえず、CSS一から書き直しですね。
でも、まずはid & class付けます。

>>106
ありがとう、見てみるよ。


もう、ダマされない。
見た後にレスはしねぇからな。

前スレでも少し出たけど
デザインって言うと見た目の事ばっか気にする人が多いけど
基本は設計って意味だから、改変のしやすさや操作性とかがいいものは
一つのデザインの形だからな

メニューの所に<div>入れてみるテスト
ttp://majix.dip.jp/~naoto/2chtemp/

>>109
デザイン＝設計か。
操作正ってのは、難しいな。ユーザの事を考えて作ればイィかも!

>>107
いいんじゃね？技術面は口出しできないけど、

>>109
スゲー(・∀・)ｲｲ!!こといった、主ﾌﾗｯｼｭでウザイサイトとか作んないようにｗｗ

>109
待ってました！
続けて下さい！

最近のWebサイトの主流はマルチカラム又は段組で操作性をデザインして
配色、ロゴやアイコン、スペースの空け方で見た目をデザインするってのが主流だな。
改変や引用のしやすさでのデザインはHTMLの基礎をしっかりしてれば自然とできてるし

ついにCSSに入ったか。
しかし、閉じタグがないのが相変わらず気になるのですが・・・
別に strict でなくてもいいのかな。

秀丸って使ったことないんだが、金って送んないといけないのか？

>>116
どこの閉じタグ？
空タグのことじゃないよな

>115
MOHEIに解る言葉でおながいします

>116
Strictとか言うとまた進まないから、我慢して下さい

>>118
<li>とか<dd>

文字コードが化けて見えてないだけじゃない？
俺にはちゃんと閉じてるように見えるぞ

>>121
あっ、そうなんだ。
化けてるのかな？
ここ↓とか？

<UL>
<LI><A href="mailto:[email protected]">メール</A>
<LI><A href="../cgi-bin/2chtemplate/index.cgi">掲示板</A> </LI></UL>

>>113
ﾌﾗｯｼｭ使うと目がﾁｶﾁｶします〜...

>115
そうですな。

>>116
どこが抜けてました？一応調べてみます。(前スレでもこんな事言われたような...修正ﾐｽかな?)

もうhtmlとか終わったべ？
デザインの話を汁。

>>122
タグが大文字なのは脳内変換だよな？
ttp://majix.dip.jp/~naoto/2chtemp/
ここのだよな？
更新してるよな？
それとも俺がおかしいのか？！

<遅レス>
gEdit でタグが大文字に変換されてしまうなんてことはないはずだが。
CapsLock 入りっぱなしとかなのか？ｗ
</遅レス>

>>124
>>109
まぁそろそろ別の動きが欲しいのは俺も一緒だ

>122
キャッシュが見えてる？
タグは小文字で書かれてるし、ちゃんと閉じてるよ

>125
おまいさんはおかしくないと思うが、
もしかしたら漏れらがおかしいのか？w

>>125
あれ？
俺のがおかしいのか。。。

またhtmlの話に戻るのかw
MOHEIﾀｿ、可哀相だなw

おまいら厳しいな。
でも、そんなおまいらが好きだ。

あっ、ごめん。
俺のがおかしい。

キャッシュを拾ってたみたい。
今確認したら、大丈夫だった。。。

次の展開
１．別のコンテンツのページも作る
２．見た目の（操作性とかも）向上をはかる
３．

ん？閉じタグは、全部おkですよ(たぶん)
>>125
ブラウザの更新ボタンとか押してみて下さい。

>>126
gEditは大文字にはなりませぬ。 CLは無効になってますし...

>>132
それもそうですが、まずはindex.htmlを優先したいと思ってるのですが

>>131
更新日時／時刻を記載しておきますよ。ソースの下の方にあるコメント
<!-- -->に書いておきます。レスとの時刻と比較すると便利かもしれません。

>>134
サンクス。

いよいよ見た目を含むデザインですか。
見た目に関してはMOHEIﾀﾝのセンスに任せるしかないねぇ。
応援してるぞ、ｶﾞﾝｶﾞﾚ!

>>MOHEIさん
今夜はもう一発更新ある？
あるなら寝ないで待っているんだが。
作業中ならレスしなくてOKです。

>>137
今晩中には一揆にデザインの変更はありません。
むしろ、id や classをしているるだけで、ソースみたらなんとなく『ああ、変更されてるな』ぐらいしか
わからないと思います。

cssをいじるのは、夜が明けてからですかね。
ありがとう＆乙です

>138
わかりました。
がんばって下さい。

>>137
主はこういう人がいるからここまで来れたと、感謝しなさいなｗ

>>みんな ありがとう。俺もガンバルよ。

http://majix.dip.jp/~naoto/2chtemp/
<div>入れました。classは全然使ってません。(#id h1 で指定できますからね)

更新してみて下さい。何かあれば...
注意:サイトの説明部分が、<div id="naninishiyoukana">になっています。
ベストなID名が分かりません。

class名やid名は少し英語に慣れてた方がいいとおもう
普段からNonameとでもするとか

俺がよく使う単語なら
header body footer topic content navigator separator date dataとかかな
HTMLやタグとは全然関係無い話だったな

今回は爆笑ポイントが見つけられない
コメントタグは狙い過ぎでﾂﾏﾝﾈ

>>142
サイトの説明部分は、#content がいいかな？

>>143
変なコメント入れてしまってｽﾏｿ

今夜は盛り上がらないな
昨日までの勢いはどうしたんだ

>>142
別にローマ字でもいいんでないかい？
まあ、配布物を作ろうとしているのだからある程度のカッコをつけておきたいというのはわかるけど。

主にデザイン始めろと煽った香具師は逃げたのか？
ディスカッションしろよ！

こんなところででも英語使わないと他に使う機会でも使わなくなっちゃうから
英語がしっくりくるところではなるべく英語を使うようにしてるだけだわ。
>>1はThis page is Valid HTML 4.01 Tranitional!の実績があるし

>>144
俺なら #description か #desc にするかな。

>>148
うん、まあ本人が納得すりゃどっちだっていいと思う。

>>145
昨日夜更ししましたからね〜。眠いのでしょう。
でも、まぁレスが速く流れすぎるのもついて行けないからｲﾝｼﾞｬﾈ?

#content でFAです。

>>1さんへ。
ttp://template.en.tc/
のオレのテンプレを見れば、CSSでの２段組（左右にブロック分けるやつ）がわかります。
オレのはid="left"みたいな恥ずかしいことしてるけど、>>1さんは見るべし。
貴方のラフスケッチ？で２段組になってたからさ。

よし、再うpしました。

>>151
参考にしたいと思います。
> 貴方のラフスケッチ？で２段組になってたからさ。
無理矢理left reight にはしないと思いますが。

>>151
神降臨!
新展開スタート!!!

主、俺も寝るわｗ、ｶﾞﾝｶﾞﾚﾖｗ

ちょっと先走ったこと言ったかもしれぬ。
じっくりCSS学んでくださいな。良スレですなぁ。

みんな寝るのか。オレは朝８時までいますゎ。

>>156
>オレは朝８時まで

うひょーーーー。無理はしないでね！(その前に俺がダウソするかも)

>>どらちゃん、オヤスミ★

前ｽﾚの》524氏から参照。

body{
background-image: url(../bac/ki035.jpg);
background-repeat: no-repeat;
background-position: 0% 100%;
background-color: #fff;
color: black;
margin: 15px;
}
h1{
text-align: center;
width: 800px;
}
#navbar li{
padding: 1em;
float: left;
}
#leftside{
clear: left;
float: left;
width: 560px;
}
#leftside h2{ text-align: center;}
#rightside{ width: 140px;}

これで良いでしょうか？直す所あれば...

少し変わった。
http://majix.dip.jp/~naoto/2chtemp/

鳥付けてアドバイスしていた連中に見捨てられたのに
何故コイツは気がつかないんだろうか
名無しに煽られてアドバイスを華麗にスルー

もうね、馬鹿かと、アホかと

http://www20.tok2.com/home/ilovemankonoana/

今までROMしてた私が言うのも難がありますが
MOHEIさんが先を焦りすぎたのが残念です。
HTMLとCSSを分離して構築する技術の実践を見てみたかったし
MOHEIさんにもマスターして欲しいと思っていました。
Web制作の方法なんて人それぞれで自由とは思いますが。

お気に触ったらご勘弁を。

>>161
目がﾁｶﾁｶするよ。。。

>>160
あ、いや。前向きにやってる訳じゃないのですがね...

>>161
http://www20.tok2.com/home/ilovemankonoana/art.html

ここのTOPをひたすら追いかけてる俺は勝ち組ｗｗ

>>162
焦りすぎました。マターリします。

>>162
詳しく。

>>HTMLとCSSを分離して構築する技術の実践を見てみたかった
の意味がよくわからない。

それとHTMLをもっと深く極めた方がよいと162さんは言っているのかな？

中途半端に顔出して寝ますｗ

>>157
ごめん。寝ます。

>167
元々はそーゆー方向で教わってたんじゃん？
極めると言うより、完成した文書を用意するとかいう。
でもHTMLとCSSを同時に作る流れに変えたから、
つまんなくなったんだろうな。

教師連中が居なくなったからスレも終わりか。

OSのメモリ管理の勉強をしていたよ。
すごく難しい。
でも、少し分かりかけてきた。

もし、メモリ関連での疑問があったら俺に聞いてみて。
ページングファイルはいくらがいいとか。

スレ違いの話題、ｽﾏｿ。
では、おやすみ・・・

http://ime.st/template.en.tc/　にアップローデングしますた。
とってもシンプルなのをつくりました。

俺がhtmlとcssを分けて考えろと言ったのは、それが初心者向けと思っただけのこと。
初心者ほどhtmlとcssをすり合わせながら同時進行でやりたがるが、実際は難易度が高いと思う。
機能もデザインのうち、って話も↑で出ているが、htmlの段階で機能性を考えて記述することもデザインの範囲だと思う。
俺の考えではMOHEIﾀｿのトップページの内容は機能的とは思えない。

こうゆう考えはW3C信者かどうかは関係無いと思う。

アドバイスすると変なの沸くからしないけど、誤解されたままは嫌なので言わせてもらった、すまん。

おれ寝てないし・・・。さて出かけるか・・・。

デザイン（css）ってのは構成（html）がしっかりしているからこそ初めて生かされるもの。
構成（ここでは分かりやすさ、操作性も含んで。）について、
初めて見た俺から疑問点３つ
・titleタグの中に 入れられても？と表示される。
・文字の下に色の濃い背景は見にくい。
・横書きの場合上から読むのが普通だと思いますが、その場合
メインメニュー、ホーム、はじめに　・・・とつづく。
これだけ見てもわからん。目的かなにか一番上にあってもいいかなっと思う。

いきなり文句から言い出したこんな俺でよければ手伝います。

おまえらおはよう。

とりあえずブロック要素とインライン要素の区別が付いて、
それぞれの要素がネストしていることを理解できて、
マークアップは意味を明記することなんだということがわかってて、

という状態であれば、ぼちぼち CSS をはじめていいと思う。
上記ができてなきゃ混乱するだけでかえって非効率だが、
わかってんならそれほど混乱せんと思うぞ。

むしろ、スタイルがあたってない状態で座学を続けてもモチベーションが上がらんのではないかと懸念。
CSS にまったく触れずに HTML だけ極めて、その過程を楽しめるのかっつー話だ。
やっぱほら、人間ビジュアルで成果物を確認できた方がうれしいじゃん。

じゃ、また今夜 ﾉｼ

久しぶりの良スレだなｗ
俺もテンプレ配布しているから2ch用に作成しようかなぁ･･･。

>>177
2ch用に作成したら皆が使えるかどうか･･･。

みんな、おはやう。
>>176

うーんと、やっぱりスタイルシートはまだ早いみたいです。
俺もちょっと焦っていたから....
HTMLをちゃんと完成させます!!!!!

とはいっても、もうどこをどうすればいいのか分かりません。
前に話された<Hx>の話しも、構造や意味付けの話しもされたけど...

他に編集するヶ所があれば教えて下さい。なるべく、テンプレのソースみてるんだけど、、、
ちょっと出かけてくるので今夜になりそうですね。

CSSまた外しました。
http://majix.dip.jp/~naoto/2chtemp/

>176
前スレから見てるけど、ジロタソはHTMLを極めろ
なんて言ってないんじゃないのか。
微妙な空気を漏れは読めてないかもだけど、
ナビの再考、DIVり、ID&CLASS振りを終わらせてから
ビジュアルをやろうと言ってるように見えるんですが。
違ってたらゴメソ。 >179
態度を変えすぎでしょ？
CSS編開始宣言したのは自分でしょ？

>>179
HTMLの文法に関してはほぼ良し。
（多分、もへいﾀｿはこれを気にしてる？）

ここで言われているのは、文章の構成や配置といったどちらかと言えば
国語的なことをもう少し詰めて考えた方がいいのではということかな。

>>180
と私なりには解釈してますが。

>>176
レスアンカー付いてないけど俺の言った事に対してのレスだと思うので。
俺はhtmlを極めてからなんて言ってないですよ、俺自身も極めてないし。
まさに>>180-181で書いてある通りの意味です。
ナビゲーションとか再考して、パート毎にdivって、divを並べ直して。
後は偏執的なまでにhtmlにノータッチでCSSを記述した方が解りやすいと思ったんですやね。
◆Foxさんに誤解されたくないんで追いレスしました、すまん。
おっしゃる通りモチベーションが続かない方法だったから皆さんに叩かれまくったわけで、
その点は理解してます。

また次郎の粘着が始まったw
うはwwwﾃﾗﾜﾛｽwwwww

俺がCSSのテクニックを教えてやろうとおめったが
次郎がウザいから止めることにするわwww
次郎みたいな原理主義者達はキモいwww

>>183
あれだ、釣り師の方は雰囲気悪くなるといけないんで、ｶﾝﾍﾞﾝｗｗ

( ﾟдﾟ)σ)´Д｀)ﾌﾟﾆﾌﾟﾆ

>>おまいら

HTMLを深く理解してからCSSに入る方がいいって事はわかったんだが、

たぶん主には176や182の内容がわかりづらいと思うから（俺もﾜｶﾝﾈ
わかりやすく、翻訳してくれ

訳した。
違ってらごめんね。

＞とりあえずブロック要素とインライン要素の区別が付いて、
＞それぞれの要素がネストしていることを理解できて、
＞マークアップは意味を明記することなんだということがわかってて、

（訳）
とりあえずHTMLの文法とマークアップの意味もマスターしたのだから、

＞という状態であれば、ぼちぼち CSS をはじめていいと思う。
＞上記ができてなきゃ混乱するだけでかえって非効率だが、
＞わかってんならそれほど混乱せんと思うぞ。

（訳）
CSS始めても大丈夫だと思うぞ。

＞むしろ、スタイルがあたってない状態で座学を続けてもモチベーションが上がらんのではないかと懸念。
＞CSS にまったく触れずに HTML だけ極めて、その過程を楽しめるのかっつー話だ。
＞やっぱほら、人間ビジュアルで成果物を確認できた方がうれしいじゃん。

（訳）
つまらんHTMLだけをこれ以上続けても、もへいﾀﾝが嫌気をさすだけだと懸念。
やっぱCSSで綺麗になっていく方が楽しいじゃん。

まぁ>>183のCSSのテクニックはIEでしか見れないようなものだって事はよめた

>>182の次郎ちゃん

（意訳）
俺は完璧なHTMLを求めてなんかいないよ。
むしろ、もうCSSにとっかかって、配置とか構成とかを考えていこうと
思ってた。

ただ、その前にユーザが戸惑わないように（ユーザビリティの向上）、
ナビゲーションの再考とかはしておかないといけないと思う。
またそうすることで、DIVの振り方や配置もやりやすくなるし。

>>185
深く理解する必要はない
と、二人とも言ってるのだが。

>>187
まぁまぁ、そう言わずに。
テンプレートで見た目はかなり重要だから。

地味に面白い。
↓
>>185
>>189

>>191
;y=ｰ( ﾟдﾟ)･∵.　ﾀｰﾝ

主に便乗して基礎からやり直してみることにした、

そしたら主より酷くてショックｗｗｗｗ

http://www.geocities.jp/moheitan/

さてと、ﾃﾝﾌﾟﾚ作者が現れるまで雑談でもしてますか。

そういえば言い忘れてましたが、私は前スレの446です。

>>446///gjhT
すごいトリップですねw

>>196
はい、446ということが分かりやすいようにしました。

MOHEI ◆GrsqjXpGxE氏のサイトにリンク切れがあるのは仕様ですか？
とかいってみるﾃｽﾂ

まだ作ってませんから

>>186
>>188
�dクス

で短くすると
>>189
って言う意味なのか。


じゃぁ、CSSにはいっていいって事か、

http://www.parkcity.ne.jp/~chaichan/src/cssmain.htmここで勉強してくきます。

お前馬鹿だろ

>>200
馬鹿レスで流すのやめね？

ただいま。
過去ログ見る前に、>>200の講座で勉強してきますﾉｼ

>>203
おかえりﾉｼ

>>もへい
お前が>>179で言った事と矛盾してるだろ。

そんな態度ばかりだと誰もサポートしなくなるよ？

ﾄﾞﾗﾐﾁｬﾝは何でいつももへいに余計な事を言うんだい？

あれですか、このスレは俺が作れば２時間で終わるのに
いつまで作ってんだよ　おい
イライラ　イライラ
.........................テンプレでも作ろうかな
という流れをつくる釣りですか？

>>205
いや、スマン。　

もへいよ
俺はこうするってだけで、別に同じ事するひつようないぞ


たぶん。主は素直すぎるんだよ、いい所でもあるし悪いところでもある

わかった、主はHTMLであと何を学べばいいのかワカナイのじゃないのか？('ω`)

>>207
おまえ、散々MOHEIを煽ってなかったか？
そんなにMOHEIにCSSをやらせたいなら
おまえが教えてやれよな

>>205
俺がみたのは、そのサイトにあった「正しいHTML」を見ただけです。

もうどんな事でもいいです。変な所とか、追加して欲しい所とか言って下さい。
お願いします。

>>205
ｽﾏｿ....

結局HTMLを完成させたいと言う意見と、CSSを早くやってサイトを完成させろ って言う人とに分かれているんですが...

>210
その前に意味が解らないコンテンツがありすぎる。

一個挙げると、ゲスブは必要な物なの？

自分で考えないのは人のせいに出来るからか？

>>210
とりあえず、簡単にでもレイアウトして下さい。

>212
そっかー必要無いか...
なんかカスタマイズ解説もいらないかな...

>>213
>簡単にでもレイアウトして下さい

HTMLでですよね?

>>215
なんでもいいです。

テンプレ提供しようと思ってる香具師ってどれぐらいいるの？
ここでアドバイスしてる人たちがどんなの作るか見てみたい。

>>209
もへいたんにCSSやれっていった覚えがない、

俺は自分のやった事を覚えてないって俺駄目すぎ＿○／|＿
すまん、もへい自分のペースでやってくれ

>>216
おk。HTMLをレイアウトします。

>>217
過去ログ読み返すと分かります。

>>218
はい、、、

>>MOHEIたん

この後は
・別のページのHTMLを完成させる(デザインは別としてサイトを形にする)
→CSSでデザイン
なのか、
・このページをCSSでデザインする→他のページも同じように作る
なのかどっち希望なの？

>>220

この後は........
別のページのHTMLを完成させる(デザインは別としてサイトを形にする)
→CSSでデザイン

にしようと思ってます。

ところで、HTMLでレイアウトってのは具体的にどうするのでしょうか?
(なんか、サイトの構成少し変えました)

>>213
のいうレイアウトは簡単に思い描いてる完成図を描いてみてって事だとおもわれ
>>107で一回出てるけどね

今までわかった事に気を遣いながら別のページにも着手しよう

テーブルタグでレイアウトもできますよ
ググればザクザクでるはずです

>222
了解!

>>213
誤解してました。スマン
.>>107に画像があります。

>>223
とりあえずは、CSS+HTMLのテーブル(ハイブリッドデザイン)でやってみましょうか?
そうした方が、全体の構成が分かると思いますので...

どうでしょうか?

別のページの前にトップ仕上げろよ。

じゃぁとりあえずMOHEIたんの別ページ作成待ちだｗ
MOHEIたんガンガレ！

>225
それでおk!
ｶﾞﾝｶﾞﾚ!

もへいが次に何をしようか発言すると絶対否定する発言がくるのは何でだろう

何だか頻繁に意見が変わっているような…ま、いいか。
今のところMOHEI ◆GrsqjXpGxE氏のテンプレート配布サイトの作成しか出来てないし･･･・。というかまだ未完成か。
なんかMOHEI ◆GrsqjXpGxE氏の書くHTMLには統一性がない。

とりあえず今何をするべきか簡単にリストアップしてみたら？

リロしわすれorz

>>225
とりあえず何も考えずにシンプルなHTMLで考えては？

ビルダーでフローティングカラムはきついから
そのつもりで。
最初にマークアップだけして、ブラウザと
Topstyleあたりで調整するのがいいかと

前スレで出たテンプレまとめ
>>104 http://majix.dip.jp/~naoto/cgi-bin/uploader/uploader.cgi/temp.zip
>>228 ttp://free.meganebu.com/~castle/
>>336 http://www.geocities.jp/gokudora31/public_html.zip
>>348 http://template.en.tc/

番外
>>238 http://hp.en.tc/
>>249 ttp://majix.dip.jp/~naoto/test.html

http://www.template.en.tc/ のダウンロードのところに3，4個上のと被ってるのもあり
MOHEIはビルダーじゃないよ

>>230
リストでFA出す前にみんなのレス見て考えます。
いろいろあるから、どれから優先しようか...

>>234
別にFA出せなんて言ってないよ。
ただ、今のところ「テンプレートを作るスレ」という目的がだんだん薄れているから、
何をすべきかを考えて、それから何を優先するかを決めても遅くないと思うんだけど。
とりあえず頑張ってください。

>235
そうなんですよなぁ。
配布サイトも、テンプレの一部(？)だから。

とりあえず、順番を決めてから 実行します。

>>236
配布サイトがクソだとそこにあるテンプレもクソだと思われかねないから
もっとちゃんとしたサイトを作れっていう流れだったはず。

(1) >226 :トップページをまず仕上げる
→ >231 :シンプルなHTMLを書く(この辺がイマイチ。。)
→→ : 仮仮仮うp

(2)意見を聞く。
→ >230 [MOHEIのHTMLには統一性がない](それは違うページとindex.htmlの統一性が無いって意味ですか?)
→→仮仮うp
→→→意見を聞く
-----------------------------
>237
はい、そうです。

>>236
今のところ配布サイトとしてはあまり機能してないよね。
それにまだテンプレート数が少ないから、もっと参加者を集める必要があると
思う。
とか言ってみる。

しまった、sage忘れた。
ｽﾏｿ

>239
まずはTOPを何とかします。作って来ますﾉｼ

>>241
ｶﾞﾝｶﾞﾚ！！

>>241
頑張ってください。応援しています。
しかし、最初の方からすると大分良くなったと思います。

http://www.geocities.jp/moheitan/

俺もこれをまともにしないとなｗｗ

次郎ちゃんはどこに行ったの？
ナビを修正したいとか言っていたけど。。。

>>244
えっ？、それだけできれば十分だと思うよ？
ただこれが↓何故<h3>なのかは分からないけど。

<h3>メインメニュー</h3>

>>246
いや、そこは小見出し（大見出しはタイトル）と同じだと変かなって考えて<h3>にしたｗ

利用規約とか、はじめに をindex.htmlにまとめちゃうってダメかな?
<a href="#first">はじめに</a>

どうでしょう??

>>1と同じ発想やーん

変だと思うなら、もう一つネストする必要があるんじゃないかとか考えてみるのもありかと
おなじみの教科書で言えば、目次と実際の内容と付録は同列になるっていうのは、
少し違和感があるようにも見えるがよく考えたらそういうもんだと思う

>>247
自分としては小見出しと一緒にしてもいいと思う。
逆に<h3>のほうが不自然なような…

>>247
<h2>がメニューで<h3>が小見出しではダメかな〜？
インデントを見るとそういう風に見えるけど？(^_^；)

>>249のは>>247への返事ね

「なになにしちゃったらダメかな」って言うのはちょっと早計じゃないか
実際に利用規約のページを作ってみる、同じページでまとめてみる
両方やってみてどっちがいいかを考えてからここに聞きに来た方がいいんじゃないか

「利用規約のページをindexにまとめてみたけど、トップページなのに内容が多くなりすぎてみにくい気がするんだけどどうかな」
「利用規約なんて読み飛ばす人が大半だろうけど、これで少しは目につくと思うんだけどどうかな」
こんな風に自分の意見も交えて質問するのが筋なんじゃないかと

>>249
>>250
>>251
�dクス！おｋｋ、ためしに二つ作ってみて比べてみるｗｗ

<H3>の方が不自然なのか、俺未熟杉(ιﾟωﾟ)ｨｨ･･

あ、
ttp://www.geocities.jp/moheitan/
すげー。ﾄﾞﾗﾐﾁｬﾝ!

>>252の3行目からは>>248へのレスでした

>>255
このサイト見て、ちょっと思った。違和感あるか....
http://sylpheed.good-day.net/index.cgi.en

ttp://www.geocities.jp/moheitan/
ttp://www.geocities.jp/moheitan/damei.html

たしかに<H２>の方が(・∀・)ｲｲ!!な！すげぇｵﾏｲﾗ、

>>254
いやｗｗ、何がｽｺﾞｲネン！

ついでだから>>ﾄﾞﾗﾐﾁｬﾝ

「もへいたん指導係隊長のお言葉」の内容は引用文だからblockquoteでくくるとよし
それと元がHTMLのものを引用するときはその構造ごと引用する方がベター
2chの発言なら<dt>レス番、投稿日等</dt><dd>発言</dd>だっけ

すごい事にww

実は自分のブラウザのソース表示、

・行頭の空白削除
・タグの強制大文字化
・特に必要のない閉じタグの削除

というとんでもないことをしていることが判明しました。

もしかしてもへいﾀｿは、最初からインデント付けてて閉じタグもちゃん書いてて、
タグも小文字で書いていた？

ところでMOHEI ◆GrsqjXpGxE氏のサイト、Topできた？

>>259
うおぉ！へたれすぎて恥かしいから中途半端にネタに逃げた俺にアドバイスｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━ !!

おｋｋ、ｺﾚだなｗ
<dt>101 ：<a href="mailto:sage"><b>次郎 </b>◆3qEYPy/kio <b></b></a>：2005/05/29(日) 00:27:47 ID:???<dd>
<a href="../test/read.cgi/hp/1117274563/96" target="_blank">
>>96</a> <br> リンク先見たけど… <br> <br> <br> <br> エディタはメモ帳が最強って書いてあるけど？ <br><br>

>>ﾄﾞﾗﾐﾁｬﾝ ◆DRkO66dAV.氏
a要素内にhn要素が入ってるw
インラインにブロックレベル入れてるじゃんｗ

そういう細かいチェックするのには
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
こういうのがおすすめ

サーバー仕様上しょうがない事とか、すっげー細かい事まで言ってくるけどね
全部を導守する必要はないと思う

>>264
ここは強制的に

<a style="display:block" name="・・・>

>>263
消せよ。

>>264
>>265
ｵﾏｲﾗ、神！

出キタ
ttp://www.geocities.jp/moheitan/

>>264
>>266
>>267
やべｗｗホントだｗｗ

<a name="link"><h2>LINKと過去ログ</h2></a>

まったく>>1と同じ過ちを繰り返してるな
あと最後の過去ログリンクもリンク要素のがいいかな

>>270
（ ﾟдﾟ）え？

それじゃ駄目なのか？

おいﾄﾞﾗﾐﾁｬﾝよ
次郎の気持ちを察してやれよ
いくらなんでもおまいらやりすぎだろ

>>272
ﾔﾊﾞｽ！急いで次郎たんのレス抽出する！

みんな〜。とりあえず、仮サイトうp。ダメだったら戻します。

http://majix.dip.jp/~naoto/2chtemp/

>>261
・行頭の空白削除(これはあり得るかも。確認します。)
・タグの強制大文字化(小文字ですよ。)
・特に必要のない閉じタグの削除(?_?)

Fire Foxで見たソースのスクリーンショット:::
http://majix.dip.jp/~naoto/cgi-bin/uploader/uploader.cgi/Screenshot_id323144.png

>272
禿同だけどageんなよ。

>>274
おまえなめてんのか

>>273
あれ？ﾏﾀﾞわかってないDQNが一人ここに、

とりあえず、こうする
<a name="link"></a>
<h2>LINKと過去ログ</h2>

>>276
ありゃ？ダメだった??

>>ﾄﾞﾗﾐ
<a>はインライン要素で<hn>はブロック要素
インライン要素にブロック要素は絶対に入らない。

>>MOHEI
量が増えてきたし、どの辺を注目して欲しいのか言ってくれた方がいいな。
今更全部更正チェックしてくださいってのは無しな

アンカー付けるために空<a>タグを使うよりはidを使った方がいい
<h2 id="new">新着情報</h2>みたいに
idでのアンカーに対応してないブラウザってあったっけ？
せめて空にしないで<h2><a name="new">新着情報</a></h2>だな

>>274
ソースのスクリーンショットの意図がわからん

オマエラまとめてvipに帰れよ。
どー見たって元々Web板に居たとは思えん

俺に関する記述をそのサイトから消せよ。

>>279
おｋｋ、�dクス！そういう意味だったのか、

>>282
俺？今消すｗｗ

なんかちょこちょこ話題にでるvipとかvipperって何？

>>285
俺も気になってるw

>>279
サンクス!
更新されたのは、メニューです。あと、コメントの所に＜ダウンロード＞と＜サイト紹介＞・＜新着履歴＞(仮)が入った。

> <h2 id="new">新着情報</h2>
やってみます。確かに<a name="**"></a>←空だからおかしいと思ったよw
直します!!

>>次郎
消しましたｗｗｗ(・∀・)ﾆﾔﾆﾔ

>MOHEIﾀﾝ
>276は煽りじゃないの？
今TOPに書いてる内容に対するHTMLとしては
変じゃないと思う。
ナビゲーションの内容がどういうものが適切かとかは
俺もよくわからんのでパス。
個人的にはそこまでわけわからんメニューってわけでもないし、
使いづらかったり不要なコンテンツだったと思ったら
直していくって感じでいいと思うんだけど。

中盤にある
＞あの巨大掲示板『2ちゃんねる』の[ Web製作管理板 ]で開発されました
の部分で、「2ちゃんねる」や「Web製作管理板」にリンクを
張ってみてはどうでしょか？

もしくは、関連リンクみたいな項目を作るとか。

>288
ﾄﾞﾗﾐﾀｿ!取消線はヤバイんじゃない？
次郎ﾀﾝ、困ってるみたいだよ。。。

>>290
おおおぅ！スマン冗談です、すみませんでした！

俺はもう寝ます、ｵﾏｲﾗｶﾞﾝｶﾞﾚ！

>>274
いやいや、そうじゃなくて、俺のブラウザが勝手にそうするってことで。
もへいﾀｿのは正常。

>>289
了解!!リンクも貼ってみます。

そこで、<strong>2ちゃんねる</strong>ってあるけど...いる?

>>280 --->>261

>>289
ネタじゃなくて本気で言ってるなら鳥ぐらい付けたらどうよ？

>>292
おやすみ〜〜

>>ﾄﾞﾗﾐ〜 おやふみ ★★★

>>265
使ってみる(初
ttp://openlab.ring.gr.jp/k16/htmllint/htmllint.html

>294
MOHEIﾀﾝが「2ちゃんねる」の部分は強調して伝えたいと
考えているなら、そのままでいいと思う。

>298
おk!!

トリップ云々は関係なくないか

>>299
それって前は<em>じゃなかったっけ？
まさか、<strong>がゴシック表示だから<strong>にしたんじゃないよね？

>295
一応トリップつけてみた。
あんまりつけたことないんで、失敗してたらごめん。

そんなに俺の意見おかしい？
一般的なサイトの体裁は一応整ってると思うけど、
例えば、あとどういうところを絶対直すべきだと考えてる？

俺もよくわかってない部分があると思うから
教えてくれたら幸い。

>>301正解です

俺はトップ以外のコンテンツを一通り作って、"ページ"から"サイト"という形にして欲しい

>>302
初めてにしては素晴らしいトリップ。

>>302
ネタじゃないなら大変失礼した。
決めつけて物言った、申し訳ない。
ネタレスにMOHEIﾀｿがみごとに、って展開が多かったから。
意見が錯綜する中、鳥が無いとわけわからなくなる懸念があるだろ？
発言への責任…ってゆーか、そんな感じでMOHEIﾀｿに意見続けるなら鳥は付けて欲しいと思う。

>>301
そうです、前は<em>にしてました。
<strong>だと、ゴジック隊なの??

emにしたら、イタリック(?)になってます。<em>でもおkですが...

>>304
気持は分かりますが、トップ優先なんで。。。すまん。
今の内は、http://template.en.tc/ ←ここでお願いします。

>>302
鳥てす
http://wf.31rsm.ne.jp/~hissa/test/read.cgi/bbs/1111314419/l50

もへいたんは何でメインメニューとかの文字をpにしちゃったの？
俺は見出しでいいと思うんだけど

>305
そうすか？
トリップにも良し悪しあるんだ(w

>306
ネタのつもりはなかったけど、ネタみたいに見えたなら
俺の意見にも不備があったかなと思う。
そのあたりはつっこんでいただければ俺も勉強になって嬉しい。

俺自身はMOHEIﾀﾝ応援してるんで、頑張ってほしい。
意見は普段他のトリップさん方が言ってるんで、
俺の出る幕はないけど、一名無しもちゃんと見てるし
応援してるぞってつもりで勝手なアピールをしたのよ。すまぬ。

>307
MOHEIﾀﾝ多分すごくいい人なのな。�dくす。

あとスレ違いで恐縮なんだけど、◆446///gjhYさんとかはどうやって自分の欲しいトリップつけたの？
ツール使ってひたすら検索かけるとか？
依頼スレで依頼するとか？

》308
【はじめに】が<h2>だから、メニューの見出しは<h2>だとマズイかな〜と思って。
大丈夫なら、戻したいと思います。

》310
俺も気になってたw。やはり、ツールしかないな。
まぁ、レス番号よりもハンドルネームの方がいいのかもな。

俺の場合、誰か分からなくなるとスクロールして確認している人ですから...w

>>310
446たんじゃないけど
つttp://tripsage.hp.infoseek.co.jp/

》309
どうも、あり!!

>>309
本当にすまなかった。ごめん。

貴方との意見の違いについて論争する気は無いんだ。
ただ>>308にもあるように、前の方が良くできていた部分が数箇所あるし、スルーされっぱなしの箇所もあるのよ。
つまり悪化した状態を見て驚いていた所に貴方のレスが入ったんですよ。
本当にすまなかった。

>>312
�dｸｽ！！

>>312
すげぇぇぇぇぇ！今日3時間くらいテスト書き込みオンリーで探してた俺の苦労はいったい＿|￣|○

チェックしますたよ。結果は↓の通りです。これも皆さんのおかげです。
ありがとう(・∀・)
--------------
チェックの結果は以下のとおりです。

index.html を HTML4.01 Transitional としてチェックしました。
3個のエラーがありました。このHTMLは 94点です。タグが 21種類 57組使われています。文字コードは Shift JIS のようです。

先頭の数字はエラーのおおまかな重要度を 0〜9 で示しています(減点数ではありません)。少ない数字は軽く、9 になるほど致命的です。

1: line 34: <A> と </A> の間が空です。 → 解説 51
1: line 56: <A> と </A> の間が空です。 → 解説 51
1: line 61: <A> と </A> の間が空です。 → 解説 51
-------------------
>>279さんの言う通りです。早く直してうpしますﾉｼ

>>312
あぁ、どうも。
それ使いやすいと思う。

GUIじゃないから使いにくいけど、これ↓だと検索が速い。

Trip-Mona - 2chトリップ検索ツール
http://www.dawgsdk.org/tripmona/

>>317
そーゆーのは仕上げてからにしないか？
マジレスしてる人に失礼じゃないか？

>>308
同意。
というか、そうすべきだと思う。
<h2>でいいと思う。

すみません。とりあえず、レスしてくれた皆のアドバイスを参考に
修正してます。ﾜｯｾﾜｯｾ

>>317
ﾄﾞﾗﾐﾁｬﾝは強気で、DOCTYPEがstrictだったね。

>>321
ここまで誠意の無いレスも珍しいね

》323&みんな。
悪気は無いんだ。気を悪くしてたらすまん。

次から鳥をSHR/xA9Yに変えますね

メニューの見出しと本文の見出しをどうするかとかについては
http://www2.airnet.ne.jp/xxx/20000/tool/index.html
のソースとか参考になるかな？

俺はサークルのサイトのソースも参考に提示してみたいが、、、

>>318
それは昔使ったことがあるなぁ。
やっぱりツールで地道に探すんですね。�dｸｽ！

前スレでスルーしてるアドバイスを拾ってくるのが誠意



このレスも華麗にスルー

ここ10文字だったのか…
◆SHR/5x7B2U　にします。スレ汚しｽﾏｿ

>>314
いやいや、そんなに謝っていただかなくても。
俺、>308の状態になる前のサイト見てたのよ。
レス書いてから見たら変わってるし(w

遅レス＆しつこくてすまん。



スルーしてる部分はいろいろ言われ過ぎて
MOHEIﾀﾝが整理しきれてないのかもしれないな。

>>323
書き込みのズレです。
---------------------
>>321は、>>319にレスしました
---------------------
誤解を与えてすまん。

>328
最近どう？



と言ってテストカキコを促す。
気が利くだろ？

MOHEIﾀｿがどうしても見出しのレベルの不自然さが気になるというのなら、
ttp://pinkcoral.nce.buttobi.net/
俺のマークアップ方法だけど、こんなのはどうだろう？

＃＃って、かなり細かな話になってきたからスルーでもいいです
＃＃別に今のままメインメニューをh2で構わないと思うので

>>331
気が利きますね(　´∀｀)
最近？昨日は失恋のリバウンドで鬱ってました。
今は大丈夫です。実験のレポート書かねば…orz
＃＃と思いつつもついつい2chに…

>>333
>失恋
詳しく聞こうか。

>>334
スレ違いでっせ、旦那。
あんまり触れないでおくんなせぇ。⊂⌒~⊃｡Д｡)⊃ｱﾋｬ
MSN メッセ登録していただけば嫌というほど愚痴りますよｗ（メアドはblogに掲載）

》327
前スレにあったアドバイスをまとめます。
そうすれば、当時はレスが流れて対応しきれなかったアドバイスももらえます。

集めて来るﾉｼ

>>335
了解、近日中に。ﾉｼ

>>322
じつはstrictの意味がよくわからないと駄目だし

合議制で質の良いテンプレサイトができると期待したんだが
ただの馴れ合いスレに落ちぶれそうだね。
残念だ。

>>339
というか、今また色々MOHEIﾀｿに言い過ぎても混乱するだけだろう。
当初からすると見違えるようになってるし、これ以上はQandA方式とか添削方式で教えるよりも
MOHEIﾀｿ自身に基礎から勉強してもらったほうがいいと俺は思う。
それと、テンプレは提供する人が出てくるまで待つしか仕方ない。
俺も作りたいけど時間とセンスが無い⊂⌒~⊃｡Д｡)⊃

>>332
最初の

<p id="introduction">・・・・

はどういう意図ですか？

>>341
音声ブラウザとかで、最初の文書案内を読み飛ばせるように。or携帯とかでも飛ばせるように、かな。
「スキップ」って言葉はアンカーの概念的におかしいという話があるから。
たとえば2chブラウザとかでもリンクはスキップの変わりにポップアップする場合があるし、
将来的にジャンプ以外の参照の仕方が出てくる可能性は高いから敢えて文章にしてあります。

参考：ttp://members.jcom.home.ne.jp/jintrick/Personal/yk_hyperlink.html

>>342
う〜ん、難しい。
display:none;が読み飛ばすという意味でしょうか？

しょこらﾀｿはこういう関係（Web技術？）を勉強しているの？

http://template.en.tc/log/httpC_S_S_pc8.2ch.netS_testS_read.cgiS_hpS_1115113828S_.htm

》949
後で読み返しておきます

>>332の補足
文書案内の部分に
<div class="section" id="menu">
<h3>めにゅー</h3>
<ul>
<li>---</li>
</ul>
</div>
って形でメニューを入れるってことね

>>343
いやいや、音声ブラウザとかで毎回最初の案内の部分を読まれるとうざいから、リンクで本文まで飛べるようにしてあるってことです。
よくある「本文へジャンプ」みたいなやつと同じ意図。
意図としては同じだけど、ジャンプって言葉を使うのは不自然だから敢えて文章でページの構成を説明するような形にしてあります。

HTMLはただの趣味です。
今は学生でコンピュータ系サークルに入ってます。
Web関係の仕事に就くかはわかりません

>>345
サイトみました。参考にいたします。
ありがとうですぅ。

あと、忙しくてレス出来なかったんだけど...
テンプレート作成ありがとうございます。!

>>346
了解、全て納得しました。

>>347
え？俺まだ作ってないです（汗

>>349
ええええ？主どうしたぁ？ｗｗｗｗ

ime.st遅いから、今度から URLの最後に #.2ch.netを付けるよ。

(例)
http://test1234.com#.2ch.net

>>349
あれ、作ったの誰だっけ？間違えたｽﾏﾝ...
確認してきますﾉｼ

間違えた。http://template.en.tc/cgi/upload/dat/1117307249/ss.jpg#.2ch.net

◆ydvqgY8tdE氏だった。ありがとうです。

MOHEIﾀｿの成長振りがおもしろい

ﾄﾞﾗﾐﾁｬﾝが邪魔しなければもっと早く成長するのにな。

>>355
奴はなんで次郎を追い払ったの？

>>355
すまない、

>>356
ｵﾚの事か、だめだなおれ、じかくがないすまない

>>356
わかんね。なれあいスレにでもしたいのかね。
次郎もスルーすればいいものを。

漏れに言わせれば次郎もウザいところあるが、言ってる事はまともだとおも。
ドラは流れを変えたがるが結果はこのとおり、消えてほしい。

>>360
おｋｋｋ、ROMに転換する、おまいらｶﾞﾝｶﾞﾚよ

で、鳥外して次郎叩きするわけねw

ｵﾚがこのｽﾚに残っては（・Ａ・）ｲｸﾅｲ？

なんでこんな殺伐としてんの？
そんなﾄﾞﾗﾐﾁｬﾝ叩くことないと思うんだけど…
ﾓﾏｴﾗみんなもっとマターリ汁

>>364
�dクス、

ｽｲﾏｾﾝ、もう馴れ合いはやめます。

自サイトでの次郎晒しはやりすぎだろ

>>366
ふざけがすぎました。

やっぱりドラだったのか。

あぁ、次郎ﾀｿの記述のことか…
ﾄﾞﾗﾐﾁｬｿも謝ってることだし、仲直りしようぜ（´・ω・｀）。。。
（´・ω・｀）喧嘩されるとどうしていいかわからないよ。。。

>>次郎
>>◆9tvQk257iA

すみませんでした、まだこのｽﾚにいさせてください

ttp://www.geocities.jp/moheitan/

おはやう。
ああ、ｲｹﾈ。寝ちまったよ。。

ﾄﾞﾗﾐﾀﾝ何かあったのか？

行って来る ﾉｼ

おはようﾉｼ
>>MOHEI ◆GrsqjXpGxE氏
なんで「メイン」とかを<p>でマークアップ…。
とりあえず改善案でも。
--
<h2>目次</h2>
<ul id="menu">
<li>メイン
<ul>
<li><a href="./">ホーム</a></li>
<li><a href="#first">はじめに</a></li>
<li><a href="proj.html">開発プロジェクト</a></li>
<li><a href="#new">新着情報</a></li>
<li><a href="dl.html">ダウンロード</a></li>
<li><a href="mailto:[email protected]">メール</a></li>
</ul>
</li>
<li>サポート
<ul>
<li><a href="http://template.en.tc/cgi/bbs/read.cgi/help/">サポート掲示板</a></li>
</ul>
</li>
</ul>

ここは鳥以外も参加していいスレ？

>>374
別にokですよ。

age

>>373
それを使って実行してみます。ありがとうです。

何も考えずにコピペでホムペを作るスレはここですか？

>>378
違うところだと思いますよ

MOHEIがコピペしようとしてるところを牽制するなよ。
ただでさえ進まないし、結局コピペで終わるんだから。

いっそのことページ丸ごとソース書いたれ。
言われるがままに書いてきてるんだから同じだろ？

ふいんき(ryが良くなるたびに荒らそうとする名無しがいるスレはここですか？

>>380
ここはそういう趣旨じゃないってw
だいたい一から作るなんて気力ないし･･･

仮うpします。変更ヶ所は...
・>>373を参考にして、メニューをレイアウト
・<a name="***">のミスを指摘してもらったので、修正しました。
・全体の文章更新(規約を消した - 開発プロジェクトを加える - 新着情報更新(仮))
・半角スペースを ＆nbsp;に修正

こんな所です。

http://majix.dip.jp/~naoto/2chtemp/#.2ch.net

なかなか良かったですﾉｼ


新着情報のところの日付はスラッシュ(/)で区切るよりもハイフン(-)で区切ったほうがいいと思います。多分。
ところで、新着情報はdlでマークアップしたら？
例えばこんな感じ。
--
<dl>
<dt>05/0x/xx</dt><dd>作者を調査中...</dd>
<dt># 05/05/19</dt><dd>◆CHUTA/Ht4w 公開</dd>
<dt>05/05/13</dt><dd>◆ydvqgY8tdE氏作 公開</dd>
</dl>
--
まああくまで「例えば」の話だけれども。

>>385
ハイフンで区切るとしたら、 05-05-23になりますか...?
そうしてみまつ。！！

> ところで、新着情報はdlでマークアップしたら？
確かに<li>だと、カック悪いかも...

>>386
それにしても毎日毎日ご苦労様です。
これからも頑張ってください

>ハイフンで区切るとしたら、 05-05-23になりますか...?
>そうしてみまつ。！！
あ、そうですね。
2005-05-23でも別にいいと思います。

応援ありがとうです!

うp。つhttp://majix.dip.jp/~naoto/2chtemp/#.2ch.net

<li>ヘルプ＆サポート</li>
<ul>
--
間違えてますよw
そしてもうひとつ
--
<dl>
<dd>05/0x/xx 作者を調査中...</dd>
<dd>05/05/19 ◆CHUTA/Ht4w 公開</dd>
<dd>05/05/13 ◆ydvqgY8tdE氏作 公開</dd>
</dl>
--
せっかく例を出したのに･･･w
これじゃ<ul>でいいじゃんw

>>ありゃ、すまん。修正してくるﾉｼ

今度こそ!!
つhttp://majix.dip.jp/~naoto/2chtemp/#.2ch.net

ﾄﾞﾗﾐﾀﾝ今日はROMってるのかい??...

他にHTMLで、マークアップとかする所ありませんか〜?
ﾏｼﾞ､ﾈﾑｲｽ...

>>393
今来たけど寝ます。
ｶﾞﾝｶﾞﾚ、もへい

あぁ、またオレだけ活動時間が違・・・

>>355
了解!!

だから間違っt(ry
ul要素のなかにはli要素しか入れちゃ駄目なんだよ･･･
ul要素の直下にはli要素以外、いかなる要素も出現してはいけません。
(ちなみにHTML4.01ではins要素とdel要素もいいみたいですが、将来性を考えると止めといたほうがいいですよ)
つまりですね、こんなのは駄目ってことです。
--
<ul>
<li>あああ</li>
<ul>
<li>いいい</li>
</ul>
</ul>
--
これについての改善案。
--
<ul>
<li>あああ
<ul>
<li>いいい</li>
</ul>
</li>
</ul>
--
あと、メインとヘルプ･サポートの階層が当初と違いますよw

>>397
('A`)

糞ｽﾚ上げ

ずっとROMってたけど
あ〜あ、◆9tvQk257iAがﾄﾞﾗ叩いてからこのスレの雰囲気悪くなったおかげで、ﾋﾄが離れたよｗｗﾃﾗﾜﾛｽｗｗｗｗ
まぁ、ふざけすぎたﾄﾞﾗもﾄﾞﾗだけど、◆9tvQk257iAってなに何考えてるのかｗｗｗﾃﾗｳｻﾞｽｗｗｗｗｗ

んでこれからのこのスレの楽しみは、ついに　>397で、主にまで突き放された、ﾄﾞﾗの行動だなｗｗｗ

荒らしになるか、しつこく残るか、

荒らしたら、◆9tvQk257iAがどういう反応するのも楽しみだし
しつこく残ったらもへいがどういう反応しめすか、

で
400よ、上げんじゃねえ。
お前ﾓﾅｰ

まぁ>>397は>>395のアンカーミスだとは思うよん
しかしやきもきしますな

俺もアンカーミスだと思ってたけど…

>>401は半年ROMったほうが良いよ。
なんか初心者ががんばって2ch語使ってるみたいに見える

>>398
ins と del は「その要素が存在しなくても矛盾が生じないようにする」ということになっている。

<ul>
<del><li>ここは消去</li></del>
<li><ins>ここは挿入</ins></li>
</ul>

上記の例だと、仮に del の内容（<li>ここは消去</li>）がごっそりあぼーんされていてもマークアップに問題はない。
なぜなら、消去された部分が消えて「挿入」の方が最初のリスト項目になるから。

これに対して ins の方は、その内容（ここは挿入）が消えた場合に li の中身が空っぽになる。
リストの中身が空っぽというのは通常の文書では起こり得ないので、よろしくない。

これらを言い換えると、確かに ul 直下には li しか入れないのだが、ins と del だけは透明人間扱いなので
ul の直下に ins/del があってもよく、そんかわり ins/del の中身は li でなければならない。
# なお、ins/del には複数の li があってもよい。

この発想自体はたぶん今後も生きるので、将来性を考えて避けるべきと言うのは間違ってんじゃないかと。
ただし、こういう性質の要素は他にないのだし、文脈に応じてブロック要素になったり
インライン要素になったりする特殊なものなので、初心者にガンガン使わせるには注意が必要だとは思う。

>>397です。
レスアンカー間違えました...ﾄﾞﾗﾐすまん。。。

------------
>>395
了解!!

個人的感想として、<ul>の2段階層ってあんまり好きじゃない。
そういう時は、<dl>にしたい。
単にソースが見やすくなるという理由なんだけど。(^_^；)

>>404
これ↓だとまた意味が違うの？

<ul>
<li><del>ここは消去</del><ins>ここは挿入</ins></li>
</ul>

>>399
レスアンカーミスでした。追い払ってないよ〜

>>398...
ありゃぁ、そういう事だったのねー。誤解してた。
直したいのですが、これから少し出かけますﾉｼ

>>404、>>406
へぇ、難しいな...
<ul>の中に<ul>って好ましくないんですか...

>>407 >>407 >>407

>>404
将来性を考えて避けるべき、という発言は撤回します。
すみません。ちゃんと仕様書読んでませんでした。
人にものを言うときはもっと気をつけたいと思います。

では、改めて。
>>MOHEI ◆GrsqjXpGxE氏
ul内のins,del要素について補足しておきます。
--
<ul>
<li>あああ</li>
<del>いいい</del>
</ul>
--
上記のようなものは間違った例です。
これだと、<del>,</del>をとったとき、
次のようになってしまいます。
--
<ul>
<li>あああ</li>
いいい
</ul>
--
こうしないために、次のようにします
もともと書いていたli要素ごとdel要素で囲むといいと思います
--
<ul>
<li>あああ</li>
<del><li>いいい</li></del>
</ul>

<ul>の中に<ul>を書いてもいいけど、
↓はダメで、書くならさらにその下のように書かないとダメということ。


---------- これは×で ----------
<ul>
<li>メインメニュー</li>
<ul>
<li>はじめに</li>
<li>新着情報</li>
</ul>
</ul>
-------------------------------


--------- これは○ ------------

<ul>
<li>メインメニュー</li>
<li>
<ul>
<li>はじめに</li>
<li>新着情報</li>
</ul>
</li>
</ul>
-------------------------------

それだとソースが見難いので、こう↓したいというのが私の意見。

<dl>
<dt>メインメニュー</dt>
<dd>はじめに</dd>
<dd>新着情報</dd>
</dl>

ちょっと違った。
こうだった。

--------- これは○ ------------

<ul>
<li>メインメニュー
<ul>
<li>はじめに</li>
<li>新着情報</li>
</ul>
</li>
</ul>
-------------------------------

>>406
ins/del ってのは、もともと存在する文書にあとから何か追加したときに必要になるものでそ。
だから、以下のような変遷を経た結果であれば問題ない。

・before
<ul>
<li>何か</li>
</ul>

・after

<ul>
<li><del>何か</del><ins>伺か</ins></li>
</ul>

それに対して、以下のようなのはちょっとおかしい。

・after
<ul>
<li><del>何か</del></li>
<li><ins>伺か</ins></li>
</ul>

before の時点では <li>伺か</li> が存在しなかったのだから、ここではリスト項目がひとつ増えていることになるので、
<ins><li>伺か</li></ins> とした方が筋が通っている。
同様に、<li>何か</li> は項目ごとあぼーんされるわけだから、この場合は <del><li>何か</li></del> とした方がよさげ。

ins/del がブロック要素にもインライン要素にもなるってのは、そゆこと。
最初の例ではインライン、あとの例ではブロックになってる。

>>412
俺も知らなかったんだけどさ。
>>14-17
別にstrictにやれ、って意見じゃないよ。
どうせMOHEIはテーブルレイアウト宣言してるし。

注意!!>>415は荒らしですのでスルーして下さいね

自分つくったテンプレを直します。<hx>とか。あと色を簡単に変えられるように設計しますゎ。
XHTML1.1Strictで作っていいっすか？

XHTML2.0で

>>418
まだ勧告されてないしw

>>414
サンクス。

>>419
えっ？
まだ勧告されていないの？

XHTML2.0・・・。すべての要素にhrefが付くやら、imgがなくなるやら・・・
１年前に聞いた話だから違うかも・・・。

帰って来ました。（・∀・）
レス読んで来ますﾉｼ

>>420
今のところワーキングドラフトでしょ？

>>421
いや、多分変わってないと。
自分はimgよりobjectのほうが使い勝手がいいと思います。

>>422
おかえりw

>>423
そっか。
まだドラフトか。。。

objectのほうがHTML本来の・・・ あ、スレ違いかな。
MOHEIも来たことだし。XHTML2.0のお話終了。

>>416
べつにスルーしてくれてイイけどさ、
俺がいつ荒らしたんだよ？

>426
あんたに粘着してあばれる香具師がいるから自粛してくれ。
これはこのスレの総意だと思うよ。

>>427
勝手に総意語るのもどうかとおもうぞ

とりあえず空気よめや

みなさん、ありがとう!
まだ全部読んで無いのですが...ここで!
>>398

>ul要素のなかにはli要素しか入れちゃ駄目なんだよ･･･
>ul要素の直下にはli要素以外、いかなる要素も出現してはいけません。

って事は、<a>タグもダメですか?
それと、メニューをあぼーんする時は<del>使って、新しいメニューは<ins>になるのですか？
俺、誤解してるかも...＿|￣|○

ul には原則 li しか入れないけど、 li には別の（aやulや他）が入ってもかまわない
これ俺が前スレでもいったぞ

悪かった、邪魔するつもりは無い。

>>◆446///gjhY氏
気を悪くしたなら謝る、すまん。

ﾉｼ

>>430
わかりました。

<ul>内には<li>のみ...(しかし、<del><ins>はおk)
<li>内には<ul><a>はOK！

> って事は、<a>タグもダメですか?
>>430 と同じです
> それと、メニューをあぼーんする時は<del>使って、新しいメニューは<ins>になるのですか？
違う違う。
簡単に言えば、間違えた情報などを削除(del)して、訂正(ins)する、っていうことだから、いちいちメニューを書き換えることはないと思うよw

>>431
何か私にいちゃもんをつけたの？

》433
ok.!
こんな感じになりますた。http://majix.dip.jp/~naoto/2chtemp/testpage.html#.2ch.net

またレスを読んで来ます(・口・)ﾉｼ.

>>434
違くて、>>415が華麗にスルーされたから、気分を害したのかと思っただけ。

<del> </del></li>
--
謎のdel要素w

>>436
あぁ〜、そういうことね。
何かレスした方がよかったのか。
というより、次郎ﾀｿの>>415のレスの意味がよくわからん。(^_^；)

>>438
一個のdtに複数のddはダメなんだとさ

なんか、XHTMLとか出て来たけど...
このサイトをXHTMLに移行するのは大変そう。。

あんまし、変わらないしょ?

》437
あ、間違えた。直しますー(・口・)

>>439
あっ、そうなんだ。
それは知らんかった。

最初の頃は俺よりレベルの低かったMOHEIたんが
どんどんレベルを上げていく…

がんがれMOHEIたんｗ応援してるよｗ

>>439
2.0の話じゃないの？4.01では問題無いはずだけど…

テスト再うp ttp://majix.dip.jp/~naoto/2chtemp/testpage.html

>>437
修正完了

>>443
そうなんですか。
間違いだらけでスマン。
これじゃホントのアラシだな。
ごめんよ。ﾉｼ

秘密＠裏ページ(閉鎖)
あぼーんが追加(New)

これは何がしたいの
初めて知った単語を使いたがる小学生じゃないんだからさ・・・・

<del> </del></li>
--
ﾆﾔﾘw

>>445
いや〜、タグの使い方を全部知っている人なんてW3Cのメンバーぐらいだから。

》446
なんとなくです、。テストページなんで、そろそろ 配布サイトに移植します。

最初にアクセスした人>>佐賀県とか書いてあったけど、関係無いから気にしないでねw

>>447
ありゃま、消した時に入っちゃのかな...
Composerは機械的処理をするのかw

修正うpします。10:30に,,,URL変わりませんです。

てすと＠ページ 再うp完了！！
本サイトにも移植完了!

majix.dip.jp/~naoto/2chtemp/

>>MOHEI氏
<ul id="menu">
<li>メイン
<ul>
<li><a href="./">トップ</a></li>
<li><a href="#first">はじめに</a></li>
<li><a href="#new">新着情報</a></li>
<li><a href="#pro">開発プロジェクト</a></li>
<li><a href="dl.html">ダウンロード</a></li>
<li><a href="mailto:[email protected]">メール</a></li>
</ul>
</li>
<li>ヘルプ＆サポート
<ul>
<li><a href="http://template.en.tc/cgi/bbs/read.cgi/help/">サポート掲示板</a></li>
<li><a href="#">サイトマップ</a></li>
<li><a href="#kako">開発スレ過去ログ</a></li>
</ul>
</li>
</ul>
--
出来るだけ無駄なdiv要素は減らして、こんな感じでいいかな?

このスレはあれだな。
マメに面倒を見てやらないと、流言飛語のすくつになってしまうな（藁

>>438-439
dt は定義される語で、dd は定義。
だから、ひとつの言葉が複数の意味を持つなら dd が複数になり得るし、
同じ意味の言葉を複数並べられるなら dt が複数になり得る。

ただし、今の HTML ではそれぞれの dt と dd がどのように対応しているのか明示できない
（出現順序で判断するしかない）ので、一対一にしておいた方がわかりやすかろう、という説はある。
これがどういうときに曖昧になりうるかは、これから挙げる例の最後を参照。クイズをイメージした例。

<dl>
<dt>ABC</dt>
<dd>アルファベットの最初の三文字。日本語で言うところの「イロハ」</dd>
<dd>アメリカの放送局のひとつ。</dd>
<dd>朝日放送。本社は大阪。テレビ朝日のネット傘下。</dd>
</dl>

<dl>
<dt>睦月</dt>
<dt>January</dt>
<dt>Enero</dt>
<dt>Janvier</dt>
<dd>一月のこと。</dd>
</dl>

<dl>
<dd>Web に関する規格を取り決めている、世界的なエロイ人の団体をなんという？</dd>
<dt>W3C</dt>
</dl>

>>453
そこまで追い撃ちかけるのかよ(ﾜﾗ

>>453
謝罪入れてるんだからもう勘弁してやれよ。

>>453
ごめん、よくわからん。
<dd>は極力、一つにすべきということ？

>>452
おぉ、無駄ﾃﾞｨﾌﾞありましたか。ｻﾝｸｽ
<div>抽出してきます。ﾉｼ

>>456
ひとつにしなくてもいいんだけど、HTML の仕様が曖昧に書けてしまう問題を含んでいる、という話。
どっちかというと「一対一対応にしておけば、間違いようがないだろう」という程度のことだな。
俺が強調したかったのは「一対多対応でも問題なし」という方だったので、上記のことは今はスルーしてくれてかまわない。

>>455
謝罪なんていらねっす。んなもん、誰かの幸せになるわけでもないし。

俺は間違いを糾弾するつもりなどなく、同じ HTML ならなるべく正しいものを書いて欲しいという動機だけで書き込んでいる。
別に今すぐ完璧に valid/strict なソースにしろとも言わんし、完璧になるまで公開すんなとも言わん。
俺の書いたことをたとえば主がスルーしても何とも思わん。
主ひとりのために書いているわけではないし、俺自身の情報整理のためでもある。

よって、マークアップの間違いを指摘されたからと言って凹むな＞がんがってる香具師ら
いっぺんに改善しなくていいから、ちょっとずつ確実によくしていけ。
昨日のソースより今日のソースがちょっとだけよくなってたら、それでよし。

>>458
それなら納得。

なんか時々叩きあいに持って行きたがる粘着がいますね。
単に技術的な話をしているだけでしょう。

俺的にはメインとかヘルプ＆サポートは見出しのが適切な気もするけどなぁ。
（箇条書きの入れ子にする意図がよくわからない）
まぁMOHEIが正しいと思った方に汁。
何か考えがあるなら聞かせてもらえると俺の勉強になるのでうれしい。

>>460
もへいﾀｿは特に意味なく使っているとは思うけど、
代弁すると、まぁ、見出しほどでもないという感じだろうか。

メニューは<dl>と<ul>どちらが良いか問われていますが、とりえあず
そのへんは良く考えておきます！

>>460

>>373 ◆zEL78Vt/pk さんのアドバイスを頂きました。
入れ子にする理由は、、、、何だっけ(?_?)

そういえば、俺コピペはしてないけどパクリが多いなぁ。。＿|￣|○
これからは自分の考えも入れて行きます!! (`･ω･´)ｼｬｷｰﾝ

もはやＣＳＳ道場スレだな

》463
テンプレートも皆な作ってますよ。
まだ俺はテンプレート作れる人間じゃないですからw

ﾌﾟﾆﾌﾟﾆ(*´・ω・)⊃)・ω・`*)・・・・・

いや いまだ HTML道場の感が抜けませぬ

◆FoxMX6a/hkのHTMLが美しい件

なんだかよくわかりませんがトリップおいておきますね

HTMLの面ではMOHEIのほうがオレよりかなり上だな。
気づいたら抜かされてたよ・・・。オレ、スレ読み直してガンバル。

記念ｗ

停滞中

あっちのスレの存在がバレたのか？w

あっちのスレ？

>>471
あっちのすれって、まさか....
失敗スレ?まだ削除されてないのか...

>>473
http://pc8.2ch.net/test/read.cgi/hp/1117270172/

》474
datが存在しません。削除されたかURL間違ってますよ。

エラーが...

>475
>失敗スレ?まだ削除されてないのか...

http://pc8.2ch.net/test/read.cgi/hp/1117270172/

>>476
削除完了のようだねw

記念パピコさせてもらいますよ。

<div id="menu">を消しました。
↓↓↓
<ul id="menu">にしました。
http://majix.dip.jp/~naoto/2chtemp/#.2ch.net

偉い先生達が登場する時間です。

最近寝不足なので、今日はもう寝ますﾉｼ

偉い先生来ないな。

記念真紀子

>>482
もへーたんのネタ投下がないからではないで消火。

テンプレートというか配色の関係でこんなのを発見した。
ttp://tail.s68.xrea.com/html/tool/cpt/index.html
上のボタンを押すと結構いい色が出たりする。
どういうアルゴリズムなのかわからなくもないけど大変そうだ。

エロい先生の中にもまだ状況を理解出来てない方がいらっしゃるようで(ﾜﾗ

(ﾜﾗ　って…
もう厨房はいい加減どっかに行ってくれよ

>>485
Flashってそんなことも出来るんだ。

>>488
ﾄﾞﾗﾐﾁｬﾝおかえり、。。
あ、前の「了解」はレスアンカーの指定ミスだよ...

ｽﾏｿ

>>489
おｋｋ、�dクス　ﾏﾀﾞこのスレに居させてもらうよ。

陰ながら応援させてもらうよ。

》490
サンクス!

だから厨房はどっか行けつーの…

>>492
厨房って言うのは、お前のことだよ

しかしﾓﾍｲﾀｿがHTML提出してくれないとぜんぜん進まないｗ

時間があったら俺もテンプレ提出するわ、
このスレ見てるとすんげえHTML書きたくなる

>>493
禿同、あんまり言うと雰囲気悪くなるから1回しか言わないが、492はこのスレに来ないで欲しい。


それと、話題作りにでもHTML書けｗｗW3C信者の漏れがグダグダ言うから

そこでテンプレ作ればいいじゃないですか

>>495
ヒント：めんどくさい。

>>493
OK!今、正しいHTMLを読んでいました。
参考(・口・)つ http://www.parkcity.ne.jp/~chaichan/src/yoihtml.htm

夕飯食ったら、動き出したいと思います。
ﾊﾗﾍｯﾀ…

age

ひげぽんともへいが俺の中で重なる件

もうへいﾀｿ、トップページのHTMLいいんじゃないかな。
ところで、<address>はどこにいったの？

＞参考(・口・)つ http://www.parkcity.ne.jp/~chaichan/src/yoihtml.htm
ここ簡潔に書かれていて読み易いね。

とっとと、デザイン完成させろや(`ヘ´)

>>500
ひげぽん、ってMONA OS の神??

>>501
<address>はどこに記載するのか分からないので、とりあえず外して置いたのです。
一番下かな?サイトで調べてきます。ﾉｼ

》502
……………

>>503
address は一番最後か、最初の見出しの直後。
まあ多いのは最後だな。
別に決まりがあるわけではないんだけども。

</ul>
<ul>
は無くてもいいと思う

>>500
まったく同じ展開だし、狙ってやってるな。

>>503
>ひげぽん、ってMONA OS の神??
知ってるくせになにとぼけてんだか。もともとそっちの住民じゃん。

ま、このスレも英会話も頑張れよｗ

>>504
了解です！

》505
ああ、そうか...直して来ますﾉｼ
サﾝｸｽ!

>>502
うるさいﾆﾀﾞ！もへいたんは今HTMLを学習中ﾆﾀﾞ！

>>503
そう、なんか、カリスマ性がある

>>506
ええ、たしかに俺はMONA 板にいました。
ひげぽんって人は良く知りませんでした。俺は途中から参加したものですので...

OSはむりぽ..

どうでもいいけどアンカーが>>じゃなくて》なのはなんで

>>506
>まったく同じ展開だし、狙ってやってるな。
それはそれで、よしだと思う

>>509
いったんかよ！( ﾟДﾟ)ｺｧ!!、さすがもへいたん、

>>510
それが、もへい↓

》510
近いレスには>>を使わないようにしています。

ちょっと、おかしいって言われそうですが...
２ちゃんねるのサーバは、毎日大量のデータを転送しておりまして、>>を使うと
ソース上では<a href="1000">＆gt;＆gt;1000</a>となります。

これは、かなり容量を食いますからね〜実際このページは130KBもいってますし..
極力そうしてるつもりです...
すれ違いｽﾏｿ

また、更新しました!
ttp://majix.dip.jp/~naoto/2chtemp/

そろそろ指摘されたら修正するっていう発想を変えようよ
自分で考えていかないと進まないよ

》514
はい、これからは指摘は参考にさせて頂きます。
自分でも、考えを入れていきます。(`･ω･´)ｼｬｷｰﾝ

>>515
俺はもうCSSに進んでいいと思うけどな。
アンカー、”＞”とか”＞＞”とかにしてもらえると助かるな〜。

＞516
テスト

>>512
えらいけど、不便　>>517　な感じで

＞＞516
アンカーはこうでいいですか?

> 俺はもうCSSに進んでいいと思うけどな。
もう、HTMLはほぼ完成って所ですかな？あのサイトで「正しいHTML」を勉強してたので...

最終的には、最後の確認をして class とか div を付けてみます。

お、おまいら専ブラ入れてねぇのかよ……

＞520
専用ブラウザ使うと、何かあるの?

＞520
なんだか前スレでも同じような話題があったような…
とりあえずオススメはjane＞abone＞ゾヌ

＞MOHEIたん
・2chに優しい
・人大杉を回避できる
・様々な機能が便利

>523
ほぅ、それは興味あるな。だったら、dat落ちは見れたりするかな?
とりあえず、ゲットしてくる!!ﾉｼ

アンカーはdatごと書き換えてんじゃないの？

>524
dat落ちは専ブラ入れただけではむりぽ

まぁdat落ちは見れないが、一度見たことのあるスレッドなら
ログを消さない限り（オフラインであっても）閲覧可能だぞ。


で、今日はじめてここに来た。

<TABLE border="1" cellspacing="0" cellpadding="2" id="_HPB_TABLE_1_A_050603124417" class="hpb-cnt-tb1">
<TBODY>
<TR>
<TH class="hpb-cnt-tb-th1"></TH>
<TH class="hpb-cnt-tb-th1"></TH>
<TH class="hpb-cnt-tb-th1"></TH>
<TH class="hpb-cnt-tb-th1"></TH>
</TR>
<TR>
<TD class="hpb-cnt-tb-cell1"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
</TR>
<TR>
<TD class="hpb-cnt-tb-cell1"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
</TR>
<TR>
<TD class="hpb-cnt-tb-cell1"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
</TR>
</TBODY>
</TABLE>

なにこのクソソース

わからん
誰かhtmlに保存してみて

怪しいなw
藻前らやってみてくれw

>>528
ブラクラ

保存したけど普通の表だった
ぐぐったら「hbp」はホームページビルダーが生成するclassやidにつくやつらしい

↑間違えた
×hbp
○hpb

保存しなくてもワカルダロ

>>533

言われなくても調べなくても分かることかと

そんなこといってブラクラじゃないかとｶﾞｸﾌﾞﾙしてたくせにー(　´∀｀)σ)Д｀)ﾌﾟﾆﾌﾟﾆ

もへいがだんだんこのｽﾚに飽きてきた件

よってこのスレは次郎に支配されて

---------------終了-----------------

別に糞みたいなサイト作って馴れ合ってるだけだからいいじゃん。

やぁ、そろそろCSSに入ってもイィ！と言う意見が出たのですが...
どうでしょうか？あまり先進まないのも、なんなんで。

とりあえず、test.html 作って一旦CSSを入れてみたいと思います。

<META name="GENERATOR" content="IBM WebSphere Studio Homepage
Builder Version 9.0.3.0 for Windows">

<!----中略(手抜きテンプレート)--->

<TABLE cellspacing="0" width="100%" cellpadding="0" border="0">
<TBODY>
<TR align="center" bgcolor="#6699cc">
<TD colspan="2"><FONT color="#FFFFFF"><フィールド></FONT></TD>
</TR>
<TR align="center" bgcolor="#65FFFF">
<TD><フィールド></TD>
<TD><フィールド></TD>
</TR>
<TR align="center">
<TD><フィールド></TD>
<TD bgcolor="#C84FD2"><フィールド></TD>
</TR>
</TBODY>

>MOHEIたん

楽しみにしてるｗ
ガンガレ！

:::::途中テスト(仮):::::

http://majix.dip.jp/~naoto/2chtemp/test.html#.2ch.net
ttp://majix.dip.jp/~naoto/2chtemp/test.css

>542
ｻﾝｸｽ!

明日には、テストページを形作って行きます。
.。・ﾟ(フォントがMS Pゴジックなんだけど、、、いらない??)

>>541
グロ

541はネタだろ

>>543
MS Pゴジックでいいと思う。

サイトでも2chをアピールしてるしね

帰宅です。。
test.htmlのtest.cssをいじくってみます。ﾉｼ

絶対「文字サイズ指定するな。豆字固定と大差無い！」と騒ぐ奴が出てくると思ったが、
今のところあの人達に目は付けられてないようだね。

なんか変???

http://majix.dip.jp/~naoto/2chtemp/test.html
cssファイル:2chtemp/test.css

メニューを指定しないと...

>548
文字サイズを指定すると、拡大できないからﾔﾊﾞｲ??
pxじゃないほうがいいのかなぁ..?

>>548
おまえもどっちもどっちだけどな

>>549
文字サイズ変更できないIEのほうが悪いw

>551
確か、Fire Fox や Mozillaはズーム機能が無いんだっけ??
じゃぁ、pxで指定するのは止めよ...

>>551
こんなとこでまで議論したいの？

俺は文字サイズは%で指定してるけど

ここまでアクセシビリティ/ユーザビリティを考えているんだから、相対指定にした方がいいね。
”%”が”em”で。

>554-555
そうですな、ユーザの事を考えて相対数値にしてみます!!

>>556
emより%のほうがいいよ。
em指定だと、IEで文字サイズ変えたとき変なことになるはず。

>>557
くやしく

>>558
ちくしょう！

>>559
ちがうちがう
もっとくやしく！

>'em'という相対単位は、それが使われた要素の'font-size' の算出値を参照する。
>例外は'font-size'自身にこの単位を用いた場合で、
>その時は親要素の'font-size' の算出値を参照する。
>この単位は縦横の大きさを示すのに用いる
>（印刷の世界では、この単位をクワタ幅と呼ぶことがある）。

これか
ユーザビリティを考えて相対指定にしてるんだから、
わざわざemにする必要もなさそうだね

MONAテンプレートサイトって･･･
有名テンプレ配布サイトと思いっきり被るなｗ

>>560
ちっくしょぉぉぉぉぉう！、ふざけんな！、ちくしょう、あの野郎！

うぉおおおおおおお！


>>562
詳しく

ヤフかなんかでMO-NAと検索。
あら不思議、HTMLテンプレートカテゴリに登録済みではありあｍ(ry

久々カキコです。携帯からなんでトリップミスってたらすいません
一応生きてます。

>564
見た訳じゃないけど登録されてるって事はこのスレがそこそこ良い内容って事か…
たしかにこのスレは勉強になるし…

みたけど、誰かが言ってたトップページがクソだとテンプレも使う気なくすっていう意味が痛感した
操作性悪すぎ、みにくすぎ

途中で送信しちまった

見た目は全体的に統一感があるし、落ち着きのあるものからポップなものまでいろいろそろってていい感じ

もうちょっと>>566で言ったところをなおしてくれたらいいサイトになるのに

>>564
これなら、もへいたんのほうがいいとおもう、
操作性、もへいたん＞＞＞＞＞＞越えられない壁＞＞＞http://www.mo-na2.com/

テンプレにするならブラウザによってあまりチグハグなことにならないように。
でもまともにcssが読めないIEのシェア率は凄いので、がんがれモヘイ

デザイン性ならttp://www.mo-na2.com/が強いな。
>>1はアクセシビリティ/ユーザビリティの向上で本物のテンプレを目指して頑張れ。

>　http://www.mo-na2.com/

なにこのランキングの数('A`)
文字も豆字だし
サンプルも見にく杉
少しでもユーザーのこと考えてサイト作れば
こんな風にはならないだろ

そこ5000ﾎﾄ以上だぞ。
テンプレート配布サイトとしては最強だな。


そこのテンプレ使う香具師なんて所詮16前後の女子共だろうよ

「現在の観覧者は53人です」って53！？orz

>>573
現在50


つかもへいはどうした！まさか消えたのか？
>>538
の予言が実現した予感((((((；ﾟДﾟ))))))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ

現在69人

みんなで>>1を励ましあおう！

>>570
IE以外はキツイね。そこ

俺はIE6できついと思った

中の人に言わせりゃ突然晒されて言いたい放題でたまったもんじゃねーな

>>577
やべっ、アドレス書かないほうがよかったか？

>>575
行き過ぎはまずいけど、>>538が実現しないように励ますべき、


>>もへい
　下のﾓﾅｰの位置が悪いと思われ、

>>MOHEI氏
もしかして消えた?
時間が空いたらでいいですからまたこのスレにも顔見せてくださいねw

もしかして、このスレ見てなかったりして･･･

>>557
文字の大きさ：em
行間：単位なし、もしくは%

ってのが普通じゃないのかな？

//221.251.198.76/to/l03/1.html
ダメージMAX　合言葉は「RCします」イミフ

>>581
？

ただいま!!読み返してみますﾉｼ

>>557
> emより%がいいよ。

IE で文字変えると変なことに？？ %指定に変更しますか!

>>564
サイト名がかぶるのか...変更しないとﾔﾊﾞｽ.!

>565 HPENTCの太郎さん。久しぶりです!

>>566
勉強になりますた(｀･ω･´)ｼｬｷｰﾝ

ちなみにそのサイト、右クリック禁止されてたorz

>>578
本当は、壁紙を使おうと思ったけどちょうどいいモナーが無いんだよね。
ソフトで書くか...

>584
文字サイズは％が無難だろうね。テンプレにするんだから。
midiumとかsmallとかsmallerとかも使えなくは無いんだけどね。
ブラウザだけどIEと火狐とNNとOperaは全部カバーするように。
SleipnirとIEは微妙に違うから注意ね。マニアックだけど。

行間単位無しは>580に同意っす。

>>580
行間はline-heightじゃまいか

>586
smallとかって、ブラウザによって見え方が違ったりしません？

> 行間単位無しは>580に同意っす。
詰まった文字は読みにくいと思いまして...

字色 - #333
家族 - Verdana (+ Chicago)
文字 - 84%
高さ - 150%
行間 - 0.1em

結構見やすいからこれで統一してます。

>588
すまそ。単位無しってのは
#mohei { line-height : 1.5; }
↑こういうことを言っているのだとオモタ…。

>589
行間って line-height を指すんじゃないの？行間≠高さ??


あと行間でぐぐったらこんなの見つけた
つ　tp://www.h7.dion.ne.jp/~pensiero/onweb/space1.html

ていうか何でテンプレの話で見栄えの話が出るんだね
フォントのサイズがどうとかはテンプレ作成者がCSSでデザインするんでショーに

もっとこうページ構造の話とかするんでないんの？
で，デザインしやすいクラスづけとかさぁ

>590
ｻﾝｸｽ!

そのサイトの例をみて、俺は行間150%が最適かなーと思ったり。。
実際、line-heightの指定って難しいよぅ！

まぁ、これと言った決まりは無いが...どれくらいが読みやすいのだろう。
ちょいと適当なサイト逝って、行間調べて来るﾉｼ

>>591
文句を言うならまず自分が見本を見せなきゃ

>591
> ていうか何でテンプレの話で見栄えの話が出るんだね
>フォントのサイズがどうとかはテンプレ作成者がCSSでデザインするんでショーに

テンプレっと言うか...配布サイトの事です。

>デザインしやすいクラスづけ
了解です。

今からいうのもアレだけどさ、
せっかく皆で作るんだから統一されたHTMLファイルを作って作成者はcss+imgだけを作るようにしたらいいのでは？
cssとimgを変えるだけでデザインが変わりますよ、みたいな。

行間、単位なしは>>590のことで

#mohei { line-height : 1.5; }

を意味してました。
文字の大きさはemにしてたけど、%の方がいいの？

>>595
>統一されたHTMLファイルを...(以下省略)
css zen gardenみたいだねw

>img
画像という解釈でok?
img要素のことじゃないよね？

>595
テンプレの事(?_?)

http://www.csszengarden.com/?cssfile=/114/114.css&page=6
これみたいに、HTMLとCSS を分けるのもいいかも...

統一された、文書を用意してCSS をいじくるって案いいかも!!

用途によってHTMLの構造が変わってくるからなぁ

俺が思うに、大別してプレゼン、データベース、論文、日記、他（ゲームなど）の目的に分かれると思うけど
こういう用途ごとに核になるHTMLのクラスや構造を議論するってのもいいかもね

ここまで縛り入れちゃうとCSS作る方も大変になるとはおもうが

600get

>>595-599
提供する人がよけいに少なくなるだけだと思うよ。

実際配布している俺から言わせて貰えばそんなに難しい事じゃない。
寧ろHTML表記しなくて良い分作りやすいぞ。

>>597
まさにその通りです。いつもimgってしか言ってないものでorz

>>599
用途別に核なるHTMLを書くってアイデアも良いですねｗ

>>601
ビルダーとかで作る人でも特に問題なしでしょうか？

>>601
そりゃ書く手間は省けるだろうが
土台であるHTMLが再利用性のないものだったら書きづらいし、
css zen gardenみたいなソースだと無駄にdivなどが多いので実際に利用する側が使いにくい。
というのが自分の意見です。

css zen gardenはdivが無駄に多いだけ。
id要素は
header
navi
main
footer
くらいで大丈夫だ。
当然、作成ソフトで作るような厨房はいない筈だがな>>602

そこまで気にする人はテンプレなんて使わずに自分で作っちゃう罠。

>>604
>>当然、作成ソフトで作るような厨房はいない筈だがな>>602
キチンとソースチェックなどをしておけば問題ないと思われ

>>604
大体のことをソフトで作ってからソースを整形していく人って結構いないか？
そんな一言で他人を厨房と決めつけるのはイクナイ！

そこまで排他しなくてもいいと思うけど。

・HTMLの利用
・全部自分で作成

をプレゼンターに選んでもらえばOK。
自分のやりやすい方をね。

相対数値に変更です(%指定)
http://majix.dip.jp/~naoto/2chtemp/test.html#.2ch.net

CSS: ~~~/2chtemp/test.css

全く･･･だから>>605-607みたいな排他で拝他な奴らは困る。

>>609
いいんじゃないかな〜。
モナーちゃんが隠れているけどね。(^_^；)

>>609
乙。見やすいサイトになってなによりだ。
ちなみに何%指定だ？

サイト名は別に変えなくてもいいんじゃない
似てるだけでパクったわけでもないんだし

モナーがつぶれてるよ
background-imageにしなくてもimgでいいと思うけどな

#content{
margin-left: auto;
margin-right: auto;
width: 900px;
background-color: #FFFFFF;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

margin-leftもrightもautoは使えない

address{
font-size: 65%;
color: #333333;
font-weight: italic;
padding: 6px 20px;
}

font-weightにitalicは使えない

>>612
ヒント：ソース

サイト名は2chフリーテンプレートがいいかなーと思うんだが

16進3桁の優しいページにしろ>>614
横幅900pxはWeb製作版の住人に嫌われるぞｗ

>>615
ソースは見れるけど1度くらいMOHEIさんと話したかっｔ（ｒｙ

DW・GL使ってるけど厨房なのか・・
ここの住人ってみんな手打ちなの？
覚えるのにはいいけど、効率悪いよね。

みんな、ありがとう。課題は沢山あるのですが...
・メニューをボーダーラインの外に置きたいのです。が、どうしてもうまくできません。。

これを越えれば、とりあえず一安心って所です。

>>614
ｻﾝｸｽ。ゆっくりですが、直していきます。

ちなみに、モナーの背景画像は探し中です。<img>でいいのかなー??

>>614
＞margin-leftもrightもautoは使えない
どういうこと？

俺はDW→手で整形が普通だけど。
一から手打ちしてちゃ時間かかってしょうがないし

まぁ、ある程度基本のHTMLとNGくらいは知ってたほうが良いとは思うけど。
プロ名乗ってるのにDWしか使えない奴とかは('A`)

>>620
信者に怒られるってか

>>619
有効なプロパティ値じゃないって事

CSSのバージョンとかは俺のVisual Studio .Netに聞いてくれ

>>618
<title>の***はやめれ

メニューが外って前にでてたこんなんじゃなくて？
#menu li{
padding: 1em;
float: left;
background-color: gray;
border: 1px inset black;
}
#content {
clear: left;
}

マルチカラム系の話なのかな。
構想図とか出してくれるとアドバイスしやすい

また、修正してtest.html＆CSS をうpしたのですが....
あいかわらず、メニューがおかしい(というより分からん...orz)

サイト名は、変えない事にするか MONAはいらないと言う意見も,,,,

>622
サンクス。

構造図とかは、うpしてあります(古い)
ttp://majix.dip.jp/~naoto/cgi-bin/uploader/uploader.cgi/kiki986.png

#menu{
float:left;
width: 30%;
}
#content{
float:left;
width: 70%;
}
こうでいいんじゃない。IEとFireFoxならちゃんと表示されるとおもう
clearさせるタグが無いのが気持ち悪いけど

http://majix.dip.jp/~naoto/cgi-bin/uploader/uploader.cgi/4.zip
ゴミ投下

>>599,601,608
の続きまだー？

なんか定期的にゴミもってくる人いるよね
528とか541とか前スレにもいたし

>>622
CSS1でも2でもエラーは出なかったよ。

>>629
マイクロソフトにﾊﾞｰﾔしとくよ

>>630
そっか、マイクロソフトだからか。

text-align: center;

を使えちゅーことか。

>>622
.....contentの『はじめに』あたりを上にあげたいのですが...

どうも、あがりません。

>625
ｽﾞﾚてしまった…(Fire Fox)

width: 850pxとかと一緒にしてないよな
floatを使ったマルチカラムはウィンドウの幅が必要より狭いと自動的に解除されるぞ
それでもダメだったらUpしてみて

>>632
マージンが大きすぎるとか。

>617
スレ違いロングパスだが、作成ソフト使用した＝厨房という考えは違う。
実際は手打ちでもソフトでも両方（完璧に）使いこなせてなんぼなんだし。
だいたいソフトも満足に使えないで「全部手打ちです」は社会じゃ通用しない。

ので君は気にしないでソフトを使い続けなさい。
[･∀･]

どうでもいいんだけどその顔文字はなに

>633
了解!!

>636
Jane使ってると文末にそういう表示がついているのよ。設定で変えれるけど

>633
うpしたけど...

全然ダメ...どうしましょ(/・V・\)

少し、イメージとは違うけど...出来た..
http://majix.dip.jp/~naoto/2chtemp/test.html#.2ch.net

なんとか、メニューを右サイドに回せた...
あと、一回だけ鯖が落ちましたw

なんでHTML内のメニューの位置が変わってるんだ
何のために最初にあれだけHTMLを煮詰めろといったんだ
とりあえずもうみかけだけうまくしようとかすんなよ

翻訳ｷﾎﾞﾝﾇ

>>641
同意。デザインのためにHTMLを書き換えるんじゃ本末転倒だってば。

はい、メニューのHTMLは戻しました。( ^-^)
なんか、イメージ通りうまくできたようです。

UPします。
http://majix.dip.jp/~naoto/2chtemp/test.html#.2ch.net

《./test.css》

コンテンツの方がwindth850だとそんなにブラウザの横幅広げてる人はあんまいないって事も考えてな

>>644
突っ込みどころ満載。

とりあえずcolorとbackground-colorは同時に指定しましょう。

pのwidthを700pxにしている理由は？

marginやpaddingは極力全ての要素に必ず指定した方がブラウザ毎の崩れが少ないよ
（但しIEのpaddingとwidth周りのバグもあるので注意）
たとえばulとliのmargin、paddingの取り方がブラウザ毎に微妙に違う（はず…）

>>646に追記

このタイプのレイアウトならfloatよりposition使った方が安定しそうな気もする

記念ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

>>648
おきまりの事をいってやるよ
半年ROMってろ

>649
ん？どうしたの...????
ニセ者が出たか...

ずいぶん進んでるね。もうcssに入っていたのか。
で、自分の環境(Firefox)では文字が枠からはみ出しているんだが。

>>545
了解です！

>>646
>floatよりposition使った方が安定しそう

試してみますﾉｼ

>>646の…

> とりあえずcolorとbackground-colorは同時に指定しましょう。
↓↓↓
color: #000000;
background-color: #fff;

こんな感じですか?

この↓指定も結構、面白いね。

 em: 120%

とりあえずpの

　width: 700px;

をはずして欲しい。

>>653
それでいいと思います。

>654
> とりあえずpの width: 700px; をはずして欲しい。

了解！(流石にｲﾗﾅｶｯﾀか。。。これ...)

>>655
するならbodyにwidth: 750px; でお願い。

float: leftを、position: leftにするとズレますた。...
おかしかったかなー？また、そのうちうpします。

（（（（（（（（（（（゜Д゜））））））））））））））

ところで、スレの流れをぶった切るかもしれないんだけど
CSS書くときって、みんなどんな順序で作っていってる？
自分の場合は、

bodyに対して、背景・文字色指定
　↓
大きな配置決め（メニューが左、コンテンツ右みたいな）
　↓
ブロック要素の余白・装飾
　↓
インライン要素の装飾

みたいな感じなんだけど。

横幅固定するならもっと小さめをお薦めします。
あと、006699とか009966とかは069、096と表記した方がいいのでは？
色は3桁で3の倍数が良いのは確かなんだけどね。
あと、文字色は000より333の方が閲覧者に優しいらしいですよｗ
フォントはVerdanaを指定するならChicagoも入れとくと、IEでもMacでも変わりなく見れます。

横から失礼しましたorz

>>659
テーマとなる色を決める。
とりあえずパーツを書く。
idでヘッダーとかフッターとか
で、大方のブロックを形成して装飾。


まぁ、俺の場合はデザイン途中でデザインに飽きるけど･･･

>>659
おいらは配置が先だな。
もともとテーブルでレイアウトしてたのを今年スタイルシートの使い方
覚えたから変換するのに時間割いてるし。
地元のいくつかの店のサイト頼まれて作ってたから(もちろん無料で)
人に見られても恥ずかしくないように真面目に勉強してる最中。

>>657
久々に飛ばしたなぁ
positionプロパティ知ってる？知らないのに知ったかぶってない？

>>663
勉強不足でした、ｿﾏｿ.....
ある意味知ったかぶりです。。orz

良く見たら、記載ミスでした。

しょこらさん、、、
position でうまく出来ました。!!!!

俺も色決めからかなぁ
オレンジ系、青系、無色系（白〜灰〜黒）あたりが簡単だとおもう
背景画像を決めて、アイコンとかロゴとかの画像を作りながら
文字の色、背景色、ボーダーとかいろいろ変えてってる
配置とかは最後に数パターンつくって一番しっくり来たのから選ぶな

オーサリングでテーブルを使えば配置は一瞬にして終わる。(^_^；)

>>665
うｐしてみてよ！

【position】は、みため上はうまく出来たかもしれませんが、、ソースおかしいかも...

とりあえず、うpします。

ttp://majix.dip.jp/~naoto/2chtemp/test.html
【CSS File】 ./test.css

06/06 22:29

まだ、margin や paddingは全て完成してません。少し休憩しますﾉｼ

>>669
俺としてはmenuをposition:absoluteで左において、
#contentをmargin-left取ってというのを想像していたのだけど…
これでも大丈夫なんかな…？

absolute使ったことないけど、

body の
width: 750px;

は意味をなすのかな？

#menu の
position: relative;　← absolute指定の方がいいのでは？
width: 20%;　← pxとか物理サイズ指定必要なのでは？

#content のmargin指定ってなんか意味があるのかな？
margin-left: 5px;
margin-right: 10px;

>>671
両方absolute指定してもいいと思うけど、>>672が気になる。

具体的にはこうして欲しいな。

#menu
{
position: absolute;
top: 100px;
left: 5px;
width: 200px;
background-color: #fff
}

#content
{
position: absolute;
top: 112px;
left: 220px;
width: 500px;
border-left: #000000 1px solid;
background-color: #ffffff
}

しょこらﾀｿだとこうですね。

#menu
{
position: absolute;
top: 100px;
left: 5px;
width: 200px;
background-color: #fff
}

#content
{
margin-left: 220px;
width: 500px;
border-left: #000000 1px solid;
background-color: #ffffff
}

>671
あちゃ、直しました！

>672
bodyのwidth…は無意味でした。(むしろ無い方が良いw)

> width: 20%;　← pxとか物理サイズ指定必要なのでは？
なるほろ！%じゃﾀﾞﾒﾀﾞﾒなのねー。。

> #content のmargin指定ってなんか意味があるのかな？

positionで指定してるから、無意味かも...

すげーーーーーーーーーーーー、みんな天才だなw
ちゃんと出来てるよ！

ただ、#content で margin-left: 220px; を指定すると、左のメニューとの間が空いてしまう気がしたので一応仮って事でコメントで括ってあります。


再テストうp【23:14 PM】
ttp://majix.dip.jp/~naoto/2chtemp/test.html
【CSS File】 ./test.css

あと、一つ大きな課題が ....

<h2>メニュー</h2> の見出しが、#menu 内に入ってないなぁ...
どうなってんだろ!?

しょこらﾀｿのやり方の方がスマートだね。
absolute指定は少ない方がいいと思う。

<h2>がメニューの一部だとすると<div>入れてまとめたくなるね。

<div id="menu">
<h2>メニュー</h2>
<ul>
<li>メイン
<ul>
<li><a href="./">トップ</a></li>

>>678
>>675の方がいいと思うよ。

>>679

<ul id="menu">を、<div id="menu">にすればOkだね!!
これでFA!

ちょっと留守の間にマカーになってしまった俺が来ましたよ、と。

>>もへーたそ
<div id="content"> がメニューとの境界線ぎちぎちなんで、margin-left で少しだけスペースを置いた方がいい希ガス。

違うな、absolute 指定だから padding-left の方がいいかも新米。

うむむ、なんかボケてんな俺。

＞ absolute 指定だから　　←これ理由になってない。

でも、padding-left でスペースあけた方が見やすいよ、ということが言いたかった。
連投すまそ。

まぁFoxだから許す

FOX氏、了解です!\(・ 口 ・)/

うpしてみました。マージンでメニューの間を空けてみました。

./test.html
./test.css

空けすぎじゃない？
っていうか自分でこれでよくなったとか考えてる？

連投スマン
Fox氏のいってる事は縦の棒に近すぎて見にくいって事だと俺は読んだが
あれはBorder-leftで指定してるからmarginじゃなくてｐａｄｄｉｎｇじゃないか

>688
俺も空けすぎと考えたが、、、ｽﾏｿ

>689で
納得!修正してくる

#content{
width: 500px;
background-color: #FFFFFF;
border-left: 1px solid #000000;
position: absolute;
top:130px;
left:220px;
margin-left: 16px;
padding-left: 20px;
}

padding が問題なのだが....20pxも空ければ見やすいかな?

もはやデザインの領域にはいってんだから自分の感性に任せてみれば？

>692
そうですな。俺のデザインで「どーもこりゃ絶対おかしい」ってものは指摘して下さい。m(_

またうpしました。
test.html test.css

自分にとっての完成形になるまでアップしなくていいよ
3日に一度くらいは生存確認に顔だしてればいいから

じゃぁ、<a>とか<dd>とかのタグもデザインしないと。。。

#menu{
position:absolute;
top:XXem;
left:XXem;
}

#content{
margin-left:XXem;
}

とかしたらウィンドウサイズに応じてコンテンツの幅が可変して
リキッドデザインになるんじゃないかと。
見たところ横幅固定しないといけないデザインでもないと思うのですがどうでしょう？

＃＃p2お断りとか言われたorz

文の最初に

俺としては横幅固定はせずに、というつもりだったのですが。。。

というのが抜けてた…

MOHEIがそのまま使えるソースを書くのは止めにしませんか？
MOHEI自身が理解してない状態で進んでるじゃないですか。
以前のこのスレはMOHEIの成長が見れて面白かったんだけど。
最近は言われるままにMOHEIが書いてるだけじゃないですか。
基本的な段階だしサンプル出されたらMOHEIの勉強が終わってしまうよ。
同意の人は居ませんかね？

>>698
同意。

>>698
禿同だよ ﾉｼ
前ってさ、一個一個理解して作ってたよね
すげーじれったくて、イライラして眺めてたけど
それが良かったのかもって思う
見出し要素を理解させるのに何日もかけて説明したコテも居たし
最近このスレがつまらなくなってきたのは
そこらへんが理由かも

そうなんだけど、もへいを見ていると
「ああっぁあｌ俺色に染めてぇっ！！」
と狐やショコラが萌えているだけに見える。

そういうつもりは無かったんですが、そういうことなら自粛します。

＃＃言葉で説明するのが苦手だからソースを出してただけなのですが…

>>702
名前が化けた…>>702は俺です。

＃＃p2の規制マジ勘弁して欲しい…

基本的には>>701みたいなノリでも結構だし面白いと思うんです。
ソースコピペと同等のやり方が面白く無いだけで。
もちろん見てるだけの人の意見です。

>>しょこらさん
しょこらさんを責めるつもりは全然無いです。
むしろしょこらさんは以前から正解を書くのを止めていたと記憶していますが？

>>704
確かに自分自身正解を教えるのは好きじゃないので控えてはいたかもしれません。
まぁとりあえず最近忙しげでレスも手抜きっぽくなってきているので、ちょっくらマターリ見守ってみます。

>>705
また名前化けたorz　何でだろう…

>>626
これなに？

あー、毎度遅レスでもうしわけなかですたい。
とりあえず >>682-684 の意図は >>689 でビンゴですた。めりがとー。

>>701
俺は萌えてるつもりないんだけどなあ。
染める気ならソース丸与えしてるけど、そういうことはしてないはずだ。
実例はいくつか示したけどな。
正直に言うと、あん時はもへーたんのソース読んだことすらなかったw

マークアップにしろ CSS デザインにしろ、自分の頭で考えないと先に進まんよ。
むしろそこが醍醐味なのだから、代わりに考えてソースを書いてやるなんて可哀想すぎて俺にはできん。

ましてここは２ちゃんなので、もへーたん一人を鍛えてやろうとか思ってるわけじゃないしな。
俺は俺の知ってる情報を書いてるだけだ。せっかくなので、もへーたんには理解してほしいと思ってるけどな。

＞もへーたん

マークアップは理屈で考えたら難しいことはない。
自分のソースがなぜこうなったのか他人に説明できたら、一つ上のステップにあがったってことだとおもー。
結果的に間違ったことをやってしまうかもしれないが、そしたら誰かが指摘してくれるだろう。
俺もそうやって教えてもらってきたので、これは順繰りなんだわ。順繰り以上でも以下でもない。

CSS も頭で考えて、それをコードにするのだ。
自分の頭で考えることを続けていれば、そのうち色コードからだいたいの色彩が思い浮かんだり、
イメージしたレイアウトが脳内でコードに翻訳されるようになる。
これは慣れの問題だし、まあ別にそこまでいかんでもいいんだが。
「そこまでなってみたい」と思うなら、自力で考えるこったな。

>>696

まぢですか＜p2 お断り
マカになっちまったので専ブラをどうしようか考え中で、けっこう有力候補だったのだが。

689が言ってるのは◆446のことだろ。
たしかに奴がソース書いてmoheiがマネして完了って流れだな。

>>708
post.phpのUserAgent書き換えでうまくいくっぽい。

と書き込みテストしてみる

>>710
おぉ、うまくいった。

>>708
すげぇ、このスレ一番の名言

>>マークアップは理屈で考えたら難しいことはない。
自分のソースがなぜこうなったのか他人に説明できたら、一つ上のステップにあがったってことだとおもー。
結果的に間違ったことをやってしまうかもしれないが、そしたら誰かが指摘してくれるだろう。
俺もそうやって教えてもらってきたので、これは順繰りなんだわ。順繰り以上でも以下でもない。

CSS も頭で考えて、それをコードにするのだ。
自分の頭で考えることを続けていれば、そのうち色コードからだいたいの色彩が思い浮かんだり、
イメージしたレイアウトが脳内でコードに翻訳されるようになる。
これは慣れの問題だし、まあ別にそこまでいかんでもいいんだが。
「そこまでなってみたい」と思うなら、自力で考えるこったな。

自演乙

>>710
UA で判断してるんだからそれでいけるだろうなあとは思ったけど、人柱さんきぅ。
てか、まだダウソして PEAR の追加しただけで、ソース見てないんだけどな。

>>712
褒めるな、図に乗るから。

駄レスすまそ＞All

誰も釣れない自演は少しかわいそうだね。

>>MOHEIﾀｿ
自分のペースで焦らずﾏﾀｰﾘやりなよ。
色々あるみたいだけど、期限があるわけじゃないしさ。

>>708 のFoxさんｻﾝｸｽ!

> 自分のソースがなぜこうなったのか他人に説明できたら、一つ上のステップにあがったってことだとおもー。
この意味『自分のソースがなぜこうなったのか』は、『なぜ、こういうソースにしたか？』って事ですか？

> イメージしたレイアウトが脳内でコードに翻訳されるようになる。
すごい、、自力でガンバリます。脳内でコードに翻訳されるってのは、まだ俺には難しそうですが。。

>>716
なるほどねぇ、作ってる過程がまた楽しいものなんだよなぁ..
焦らずﾏﾀｰﾘやります。でも、よーく見たら、HTMLの「テンプレート作者名」とか[調査中]になってたから
そこも直して行きたいと思います。

みんな、沢山のレスありがとう!(｀･ω･´)＞>

<p>の中に<ul>は反則!?

>>718
HTMLに反則なぞ無い。
勧告に従ってるか否かだけだ。
少しは自分で調べろ。甘えるな。

>>718

　　　　　　　　､,r''"　､　　`''ｰv　　　　　　　　　　　　,....､,.........､|　　＼＿＿＿__／　 |　　　｣_-‐　, -､　 Z ､/
　　　　　　 ､_Z丶`､　/ ', ' _ - `r　　　　　　　　　 ／ﾆﾐ :彡三|　　　　　 ━━┓　　 ヽ_　 〉､｀7'("￣ ﾌ'/ri
　　　　　　　}　､ ,､,､,､,,､,､,､,,_ = ﾈ 　 　 　　　 　 /:::/``""'lヽ┘ . 　 ┃　　┃ ┛　　　 /.　i　´ﾉ､ `'"´　i_/
　　　　　　 Z　,_ }　　､;;;ｧ　　 { z` 　 　 　 　　　 i:i;/_　}l!{　|　 　　　 ┃　　┃　　　　　|. r‐'ヽ.F＝＝i　 l　ヽ
　　　　　　　 'ｰｎ' へ ､r, へ f''Y　 　 　 　 　　　|::i:!r‐､ r'r‐!　　　　 ┃　　　　　　　　 |┘＼ iL´￣,ﾉ／ ／
　　　 ,r--─‐ヾ:｣ ￣<ll.>￣ lソ￣｀｀`'ヽ-､_　　 |::|:|`ﾟ'ﾞl｣ `ﾟﾞ|　　　　 ┃　┏┻┓　　　|　 ヽ ﾉ　￣／　/／
.　　 ／　⌒ヽ　 lヽ　F＝ｦ／ /　　　|　　　　`ｰ-!:liﾊ F＝=ｧ|. 　 　　┃ 　 　　┃　　　|　　　｀二´r一',∠／
　　く　　　　　ヽ ＼ヽﾞ'=='ﾞ,.／　　　 |　//／　　 ヾl;i:l'ヽ-‐／i 　 　　┃　　 ━┛　　　|ヽ　　　　　}rイ
　　/／　r‐､　 l!　　`ー‐'´ 　　,　 　|//　　　　　　{　 ｀T´　/　　　　　　　　　　　　　　| ヽ　　　　/ |＞‐- ､
　　!　 r‐|__ ヽ、{　　 i　　　　　 |　　 |´￣￣｀`''ｰ-､ヽ　 ｀`/ 　　　 ┃┃　 ┃　　　　　＼.`､　　 r'"　 ,,..　ﾉ
　　Y´|.　lﾆ,ﾉ､ ＼　　|　　i　　　 ! 　 |　　　　,.､__,..､＿ヽ､＜_　　　　・. ・ 　 ┣━　　　 ／ヽ !　　 `ｰ'",｣./
　　ヽ_,ゝ⊥ィ'`ー''　 |　　 ヽ　　　i　 |　　,.ィ´__i　　`ー-､　 /　　 　 　　　　┃　　　 ／　　　 i. く￣￣　ヽ/
　　　　　　　|　　　 ﾉ　　　　ヽ　　 !. |　└‐''ソ|　l　/　,　〉 /＿＿　　　　　＿＿＿ ヽ　　　　∧i　￣｀L 　ヽ/
　 　 　 　 　 |　　　　　　　　　ヽ__　　＼. とﾞ -`‐'‐,'ー'-'／_,. ‐'''"＼　 ／　　　／ ｀`　　 ／　 |_|　　| i｀ヽ､_
　 　 　 　 　ﾉ!　　　￣￣￣￣二ﾆ=‐　〈　　　　　　｀`ソ"´ヽヽ　　　|／　　　／　　　　　/　　　└─‐┘＼

ｽﾏｿ...
勧告ってW3Cだよね。見て来るﾉｼ

<p>ってブロック要素だったけな...

ありゃ、ってことは<p>内に<ul>はタブーなのか...

>>722-723
「ってことは」になってない希ｶﾞｽ

(　 ﾟДﾟ)⊃旦 <焦らずに茶でも飲め <<MOHEI

モヘイタンは何気に熱いネタを投下してくれる。
だから私はモヘイタンが一流の釣り師ではないかと疑っている。
もしそうなら、続けてほしいものだ、グッジョブ。

モヘイタン、ガチならば頑張ってくれ。
一個一個学んで確実に前進してくれ。

…でもまたhtmlに逆戻りですか…。

>>719
自分で調べられるようになったら、このスレの醍醐味が無くなるのですが。


スマン、違った！
ココはMOHEIを教育するスレじゃなかった。
ココはテンプレートを作るスレだったよ。

>>720
すげぇ、このスレ一番のAA

>>728
褒めるな、図に乗るから。

>>723
インライン要素の中にブロック要素は入れられないのだけど、ブロック要素の中なら
何でも入れられるかというと、そうとは限らない。
もへたんはメニューに dl を使っていたのでそれを例にとる。

dl …… ブロック要素。中に入れられるのは dt と dd だけ
dt …… ブロック要素。中に入れられるのはインライン要素だけ
dd …… ブロック要素。原則として何でも入れられる

で、p は上記の dt と同じで、インライン要素しか入れられない。
だから、「p に li を入れられるか」というとそれは反則なんだけど、
「p がブロック要素だから入れられない」ではなく
「li はブロック要素だから p に入ることができない」が正解。

ま、それ以前に li は ol/ul の直下でしか出現できないのだが。

http://www.ne.jp/asahi/minazuki/bakera/html/reference/reference
とりあえずここブックマークしとけ。
どの要素が何を入れられるか、要素ごとにちゃんと書いてあるから困ったときに使え。

おぉ…狐が久しぶりに良いことｸﾏｰ

>>726
釣りではないです！HTMLに逆戻りというか....『開発プロジェクト』の部分が未完成
なので先に完成させた方がCSSでデザインしやすいと思いましてね..

>>730
ｻﾝｸｽ！そのサイトも読みました。ブックマークはしておいたのでいつでも見れる状態です。
まだ自分、ブロック要素とインライン要素は理解不十分でした。。

もへいﾀｿ、乙です。
学校もきちんと行っているところがすごいね。

ソースは一貫して自分しか出していないはず。
教える人のレスが減ったから目だったってことかな。

ブロックとインラインはCSSでも重要。
>>730に書いてあるけど、

　　１．ブロック要素・・・ブロック要素とインライン要素を抱合できる。
　　２．インライン要素・・・インライン要素しか抱合できない。

が重要。
例外はさておき、上記2点、特に２．が重要だと思う。

例外で重要なのは、p要素とaddress要素かな（自分の経験上）
これら2つはブロック要素でありながらインライン要素しか抱合できない。
<p>でブロック要素を間に入れたいときは、一旦</p>で閉じる。

--------------------- × ---------------------
<p>以下の果物が好きです。
<ul>
<li>オレンジ</li>
<li>イチゴ</li>
</ul>
でも全般的に果物の好き嫌いはないです。</p>

--------------------- ○ ---------------------
<p>以下の果物が好きです。</p>　　← 一旦、閉じる
<ul>
<li>オレンジ</li>
<li>イチゴ</li>
</ul>
<p>でも全般的に果物の好き嫌いはないです。</p>

>>730
非常に分かりやすいサイトで勉強になります。
俺もブックマークしました。(^_^；)

>>735
それをいうならHnもブロックレベル要素だがインラインしか内包出来ない。
例外というならaddressだけだと思う。
構造じゃなくて意味を表す要素なのにインラインしか内包出来ない。

>>735
ｻﾝｸｽ(･∀･)!

ここなんですが,,,
ttp://www.ne.jp/asahi/minazuki/bakera/html/reference/block#p

引用:>>P 自身はブロック要素ですが、中身にブロック要素を含むことは出来ません。次の例はよくある間違いです。
厳しいですなぁ〜。確かに段落と考えると、ブロック要素は入れられないかも。

>737
ﾑｽﾞｶｼｲ...HTML4.0 Strictからは、<p>は使えなくなった。と書いてあったのですが...

>中身は P要素またはインライン要素でしたが、HTML4.0 Strict では、P要素を含むことが出来なくなっています。

>>738に追記:::::::

>HTML4.0 Strictからは、<p>は使えなくなった
これは、<address>タグの中に入る要素です。<p>はダメらしい。。。

>>ﾄﾞﾗﾐﾀﾝ
ttp://www.geocities.jp/moheitan/damei.html

damei.html に次郎氏の記事があるけど、ﾀﾞｲｼﾞｮﾌﾞ!?

addressの中に段落が入らないというのは国語的に分かりそうなもんだが
htmlは日本語じゃないからな

>740
はい、HTML4.0 Strictからはダメになったらしいけど。。。
以前は、OKだったみたい。。どうしてだろう...
【参考】
ttp://www.ne.jp/asahi/minazuki/bakera/html/reference/block#address

>>738
難しいと感じるのは HTML そのものが難しいんじゃなくて、
仕様が必ずしも俺とかおまいとかが書く日常の文章にマッチしているとは限らないからじゃないかな。
手紙の署名だったら住所と電話番号は分けたい（それぞれ別のブロック要素にしたい）と思うこともあるだろうが、
address の中ではそれができないわけ。

同じように、たとえば「お買い物リスト」に短いキャプションや注釈をつけたいこともあると思うんだが、
「リストの説明」なのに ol/ul の中にいきなり p を書くことはできない。
また、書き手の気分的には「この段落の中でリストを使った説明をしたい」と思っていても、
p の中に ol/ul は入れられないので、一度 p を出る必要がある（>>735）。
出てしまうと ol/ul は「p の中のリスト」ではなく「p と同格のリスト」になってしまう。

このあたりは、今の HTML が学術論文を意識して作られた経緯も一因だろう。
つまり俺たちの日常文書のフォーマットとはちょっと違っていることもある、というわけ。
だから難しく考えるのではなく、「あそ。そういうもんなの。じゃあ仕方がないから合わせてやるわ」
という程度のスタンスでいいと思うぞ。

>>742
そうか、コンピュータが理解するHTML言語は人間の思ってるのとは違うのか！
頭を軟らかくします。w

MOHEIﾀｿしつこいかもしれないけど
http://members.jcom.home.ne.jp/jintrick/Personal/markup.html
ここ読んでみなよ。
読んだら上で出たような疑問は大体解決するはずだから。
pの中にブロックレベル要素が入らない理由も。

> <address>タグの中に入る要素
あと、タグと要素は区別しようね。

む、難しい・・・
もへいﾀｿ、ちゃんと理解しているのだろうか？

ブロック要素とインライン要素の違いをきちんと理解しているのかを問う方が
先のような気もするが。。。
というのもこの発言↓が気になるから。

722 名前：MOHEI ◆GrsqjXpGxE [sage] 投稿日：2005/06/08(水) 22:54:31 ID:??? ?
<p>ってブロック要素だったけな...

723 名前：MOHEI ◆GrsqjXpGxE [sage] 投稿日：2005/06/08(水) 23:03:31 ID:??? ?
ありゃ、ってことは<p>内に<ul>はタブーなのか...

--------------------------------------------------------
しょこらﾀｿ
＞構造じゃなくて意味を表す要素なのにインラインしか内包出来ない。
もしよろしければ、もう少し詳しくよろ。

>>739
すいません。消し忘れてました

>>745
なんでbody直下にインライン要素を置けないかという解釈として、
pやhnやリストは構造を表してるから、全ての文はどれかの構造に属すはず、
だからbody直下にはブロックレベルを置く、というのが有力説（？）らしい。
で、blockquoteがブロックを内包できてインラインは直下に置けないのは構造じゃなくて意味を表す要素だからって。
つまり要素には構造を表す要素と意味を表す要素があって、

意味を表すブロックレベル要素：ブロックレベル要素を内包する
構造を表すブロックレベル要素：インライン要素を内包する
意味を表すインライン要素

の3種に大別できるというのが通説みたい。
そう考えるとaddressというのは構造じゃなくて意味を表してるからブロックを内包できないのは結構不便で、
たとえばaddressの中にdlやulやpを入れたくなったりする。

という解釈を俺はしています。

＃＃う〜ん、日本語が変だ

>>747
ちなみにこういう解釈でいくと、div直下にインラインを置くというのはやはり構造がどれとも明示されないわけで
結構気持ちが悪いのです。俺は上に上げたPersonnelの「pを拡大解釈する」方針に賛成なので基本的に分類しかねる部品は全てp要素としています。
あとblockquoteの仲間としてはform要素とか。これもインラインを直下に置けない＆意味しか明示しないということで
話には合います。

あと、いまさらだけどMOHEIﾀｿはあまり気にしないように。
できれば読み飛ばしてくださいな。

>>747
>>748
詳しい説明サンクスです。
十分理解できました。

初めて聞く解釈です。
しかし、無理矢理、理論的に解釈しているとも取れそうですね。

なんだか憲法9条を彷彿させるような・・・

>>749
この話のソースだそうと思ったら404になってたorz
http://www.google.com/search?as_qdr=all&as_occt=any&as_dt=i&ie=sjis&oe=sjis&lr=lang_ja&as_q=%83u%83%8d%83b%83N%83%8c%83x%83%8b%97v%91f%82%c9%8a%d6%82%b7%82%e9%8dl%8e%40
が俺がこの解釈の仕方を見た最初だったと思いますが、元記事はなくなってしまってますね。

無理矢理ってこともないかと思います。
こう考えるとHTMLの基本部分のほとんどを首尾一貫して説明できてすごくスマートですよ

時間が無いや・・・。気づいたら、MOHEI氏のサイトよくなってた。
んじゃ、おやすみまん。

>>750
あ、ごめん。
俺の理解度がまだ足りないのかもしれん。

明日、もう一度、読み直してみます。
今夜はおやすみします。zzz

>>751
お疲れさん。
おやすみ。zzz

よし、じゃぁそろそろ俺が決めてやる

議論や知識のひけらかしはよそで

あ〜寝てないや。そろそろ寝よ。テンプレみんな作ってるのかのぉ・・・？

もへいﾀｿ、学校が忙しいのかな？
もうテスト時期？

age

帰って北よ∩(・∀・)∩{ただいま!!

>755
今日はﾁｮｲﾄ出かけてました。
ログを見て来ますﾉｼ

>>747-748
しょこら氏サンクス!

|ω・｀）そこはあまり気にしなくてよいぞよ。むしろPersonnelを読んでくらたほうがうれしいのだが

»759
了解!

今何人居るかな･･・

…久々なのに進歩がみられない気がするのは、
ログの全てに目を通してないからだろうか。

>>762
過去ログ読んでも時間の無駄だと思うほど進んでない。

>>All
ごめん、少しは進歩したんだけど最近忙しくてUPしてない…

今日はとある線路で人身事故が起きて、予定ｽﾞｻｽﾞｻ...orz
40分以上も運転見合わせで、大変だったよ。。多分自殺だったと思うけど..

ちょいいじくって、うpします。(あのサイト読んだら、ハマったよ。一通り目を通していますw)

とりあえず、あれですな。。。
デザインの前にHTMLの文書を完成させます。

作者名とか全部作成します。ﾉｼ
ｼﾗﾍﾞﾅｸﾁｬ...

制作中のサイトには大きな進歩は見られないね。
だけど、MOHEIﾀｿの考え方は大きく進歩してると思うよ。
コレは俺の予想以上のスピードで進歩してる。

何処ぞの解説サイトを読んで勉強してるみたいだし、 その間にサイトの制作が停止してもイイんじゃないかな？

ﾏﾀｰﾘやるのはこのスレの盛り上がりを抑えちまう？

>766
> ﾏﾀｰﾘやるのはこのスレの盛り上がりを抑えちまう？

え、いや。。。まだ１ヵ月ぐらいしかたっていないのに、もうパート２が終りそう
ﾔﾊﾞｽw

とりあえず、HTMLを完成に向けてガバリマス!
http://majix.dip.jp/~naoto/2chtemp/test.html

>>766
もしかして、サイトはindex.htmlを見てないよね?
そろそろ、index.htmlに移植してもいいけど、、ってtest.htmlが完成してからだったw

>>768
乙です。
#content は>>675みたいにmargin-leftでした方がスマートだと思うよ。

>>766
抑えるって、何をどうやって？
住人は面白ければ盛り上がる。
そして誰かにコントロールされることを快いとは思わないだろう。
むしろちょっと暴走気味くらいの方が、ﾓﾍﾀｿもはかどるじゃろ。

>>770
んー？何を言ってるんだ？
なんだか俺の言った言葉を随分と悪意を持って受けてないか？
俺の使う日本語はそんなに判りづらいのか。
煽られずにﾏﾀｰﾘやれや、って意味で言ったつもりだよ。

|ω・｀）喪舞ら喧嘩しちゃ嫌ですよ。ﾏﾀｰﾘしましょ。ﾏﾀｰﾘ。

>768-772
糞コテ乙！

>>772
俺の事を言ってるのか？
喧嘩してるように読めるなら、やはり俺の日本語が変なのだな。
スレ汚しすまん。

>>774
誰というわけじゃないけど、喧嘩になりそうだったというかちょっとピリっとした雰囲気だったので。
違ったならｽﾏｿ。

>>773
糞名無し乙！

あ、別に喧嘩したって言ってる訳じゃないですよ。
単にピリピリしだした気がしただけで、自分が過敏だっただけです。

>>769
ｵｰ、さんくす！
一応、margin-left は16pxで指定してるのですが...

足りなかった?

(♥´∀｀)σ)∀｀)ﾉ>775

ﾌﾟﾆﾌﾟﾆ...(´･ω･`)σ)∀｀)ﾉ>>773

>>773
女の子が「糞」なんていっちゃだめ！「老廃物」といいましょう。

何でこんなにコテばっかなの？

>>781
誰が誰かわからないから捨てハンでもなんでもつけようぜという流れが以前にあったのですよ。

>>777
absolute指定をやめた方がいいかなという意味です。(^_^；)
なんとなくメインコンテツンツが浮動しているのが気になるので・・・

left: 220px;　← いらない
margin-left: 16px;　← margin-left: 220px; に変更
position: absolute;　← いらない
width: 500px;　← できれば外して欲しい（幅固定のこだわりがあればいいけど）

>>660
どれぐらいの幅をご希望ですか？
それともリキッドがいいのでしょうか？

>>771
766と言ってる事矛盾してるんだが、何が言いたいんだ？
ワザと遣ってるのか？キチンと自分の言葉に責任もて

>>784
矛盾してないと思うが。
それほど難しい言い回しでもないし
もへいですら理解できてるよ？

>>785
いや、もへいですらって、煽るなよ(´･ω･｀)
とりあえず、次郎は荒らしを止めるべきだな

関係ないけど一番ｶﾞﾝｶﾞｯてるのはもへいたんより446だという事実
しかし、446はソースを具体的に説明すべき時と簡単に説明しべき所をわきまえないと
783くらいは、抽象的に説明しもへいに考えさせるべき

>781
テンプレートを作るスレだからじゃない？

作者がトリップつけてるから。

>>787
誰もテンプレ作らない罠

>788
スレの流れからして、そろそろ誰かが作ってくれる。

そんな期待をしてるのですが。

>>786
>次郎は荒らしを止めるべきだな

前スレから見てるけど荒らしてないよ
叩く人がやたら多いみたいだけど
前は次郎も先生みたいなことしてたよ

素でビビッたw
俺の話題で引っ張るなよw
荒らし認定上等ですよん。

>>790
まぁ、次郎はいい事も言うがその分煽る事も言う、その煽りを止めればいいんだけどな

煽りの無い２ちゃんねるをご希望ですか？(w

半年ＲＯＭしてから書き込みましょうね。(w

くだらん話をだらだらやるな。

moheiさん、ﾄﾞｿﾞｰ。
↓

│　　('A`)ﾉノ
│　　　ノ
└→⊂
　　　　>＞

>>787
テンプレート1つも作ってないくせにトリップ付けてます…orz
テンプレートを作ろうにも今度作る予定のサイトのデザインと被りそうです。
とりあえず作れたら作ってみます。

あと下がりすぎなのでageときますね。

みんながsageで書いてるのになんだねそれは？
下がり過ぎると何があるんだね？
理由を詳しく教えて下さいよ。
ageると厨もワサワサ湧くよ。




あ！漏れの事だね。

>>795

sageで進めてるスレを意味無くageるのはやめておけよ。
今は何もageるようなトピックは無いと思えるし。

スレ住人以外に何を告知したかったの？

sageる意味を知らない初心者だろ
あんまイジメるなよ

>>783

left: 220px;　← いらない(マジすか?ww外します!!
margin-left: 16px;　← margin-left: 220px; に変更(220px おk!
position: absolute;　← いらない(ありゃぁ、これっていらないのか...メニューはいいけど...
width: 500px;　← できれば外して欲しい（幅固定のこだわりがあればいいけど）(幅を固定したいのですが、、、広げた方がメリットがあるのかなぁ?

>>783

> absolute指定をやめた方がいいかなという意味です。(^_^；)
>なんとなくメインコンテツンツが浮動しているのが気になるので・・・

ん？absolute指定はダメなら、相対指定の relative にした方がいいですかな?
間違ってたらｺﾞﾒｽ...

>799
自分の好きなようにやれ。
お前は誰でもいいなりになるところがイカン。何がしたいのかさっぱりだ。

固定云々に関してだが、
幅固定をしている大多数の人間は自分の環境以外に対する配慮が抜けてる。
横幅2000pxの環境でそのページをみた場合にどうなるかとか考えてるか？
文字最小サイズを14pxにしている人にはどう見えるかとか考えてるか？

こんなこといわれたからってじゃあ横幅固定はやめようなんて弱腰、俺は嫌いだ。
もへいはもへいのやりたい道を見つけろって

>>799
top: 130px;　← これもいらないね

width: 500px;
　　　　↑
これなしだと、狭く見たい人（あるいは元々画面が狭い人）と広く見たい人の両方に対応
できるからね。
もちろん、もへいﾀｿが俺っちのデザインはこの幅以上だとビローンとしてダメなんだって
主張するならそれはそれでかまわないYO。

positionで絶対指定すると、ブラウザの設定によっては見にくくなることが多々あります。
（よく出くわすのが、ビルダーのレイヤー機能（position指定）を使ったサイト）

だからposition指定は極力、避けた方がいいというのが私の考え。
今回のメニューぐらいのposition指定でずれることはないと思うので、こちらはOKだと思います。

多分、しょこらﾀｿはfloatでのデザインは難しいので、こちらのposition指定を薦めたのでしょう。

>>800
まだrelativeの方がましだと思うけど（いや、よくわからんけど）、やらずにすむなら
やらない方がいいかと思います。

>>801
そういうアドバイスいいです。
どんどんよろしく。
なんだか最近、先生がいないからな〜・・・

>801
了解です！自分なりに作成します。
ただ、とんでもない間違いをする事あるので あまりにも常識外れなミスしたら指摘おながいします。(汗

>>802
すごい！positionを外したけど問題なし!
そのかわり、、、
margin-left: 220px;
margin-top: 95px;
を指定しました。

最初 float での例がでてそれで作って position の例がでたらそっちに書き換えてまた次は float か。なにがしたいんだおまえは

>>805 ん？positionですよ。でも#contentはpositionはいらないので外しました。

とりあえず、うpです。。
http://majix.dip.jp/~naoto/2chtemp/test.html#.2ch.net


./test.css

ずーっと気になっていたんだけどさ、

アイコン提供
　　　◆CHUTA/ht4w氏

って書き方の方が自然ではないかい？
人物名のリストだしさ。
気にするのは俺だけかもねー。

>>807は意味不明なのでスルーして下さい。

>>793-795
殺伐とした中、笑ってしまった。

793 名前：Name_Not_Found[sage] 投稿日：2005/06/13(月) 19:22:46 ID:???
煽りの無い２ちゃんねるをご希望ですか？(w

半年ＲＯＭしてから書き込みましょうね。(w

くだらん話をだらだらやるな。

moheiさん、ﾄﾞｿﾞｰ。
↓

794 名前：Name_Not_Found[sage] 投稿日：2005/06/13(月) 19:40:19 ID:???
│　　('A`)ﾉノ
│　　　ノ
└→⊂
　　　　>＞

795 名前：あぼ〜ん[あぼ〜ん] 投稿日：あぼ〜ん

>809
何でそこ「あぼ〜ん」なのよw

>>810
調べたら2chブラウザの連鎖あぼーん機能でした。

>>809
ワロタ

>>808
意味わかるよ。サイトと比べてみ。

ちょっと、何このWEB板に似合わない伸び方してるスレ・・・
>>1が一瞬2002/05/28に見えたよ

さて、すこやかな朝だ。

>もへー
CSSは自分なりにいいとおもったらそれでいいよ。
そのうち慣れてくる。うん。


ああ、でもそれだとこのスレ終わってしまう…

みんな、おはやう。

>>807
アイコン提供にしたほうがいいかも!(アイコンでいいのかな?ドット素材提供だったりして...)

>815
大丈夫!そんなに俺は成長早くないしw うん。
しばらくは、テンプレート配布サイトを開発すると思うょ...
テンプレートも並行して作って行くのもイイと思うけどな…

次郎ﾁｬｿは「作」の文字の事を言ってるんだろ？

>>795-798
すみませんでした。
首吊ってきますorz

俺が言ったのは>>817でフォローしてもらってるとおり「作」の文字の事だよ。
このリストの<dd>要素は人名ばかりだけど、一つだけケツに「作」が付いているじゃない。
何の誤解も生まれないし問題も無いかもしれないけど、俺は読んでて引っ掛かる。

今までこのリストをさんざん弄ってきて、誰も突っ込まないから、やはり気になるのは俺だけっぽい。
MOHEIﾀｿが気にならないならそのままでもイイと思われ。ﾉｼ

>>818
すまん言い忘れた。

　ｲ�`!

ﾉｼ

CSSで<dd>のスタイルを早く設定したほうがいいと思われ…………

>>819
了解です。修正して来ます。


###話しが変わりますが、こんな案を考えました###

<dt>テンプレート作者</dt>
<dd>
<ul>
<li>◆CHUTA/Ht4w氏</li>
<li>◆ydvqgY8tdE氏</li>
<li>HPENTC ◆5dgbPjIkY2氏(太郎)</li>
<li>配布サイト作成協力</li>
.......(以下ry
</ul>
</dd>
.........(以下ry
</dl>

とかやってみるてst

</dd>
.........(以下ry　　←なにこれ？
</dl>

>823
全部書くとソース長くなるので...
略しっていう意味です。伝わってなかったらｽﾏｿ。

</dd>
.........(以下ry
</dl>

..(以下ry には、配布サイト作成協力やらが入ります。

>>820
ありが�d

>>822
それだったら普通に
<dl>
<dt>テンプレート作者</dt>
<dd>◆CHUTA/Ht4w氏</dd>
<dd>◆ydvqgY8tdE氏</dd>
<dd>HPENTC ◆5dgbPjIkY2氏(太郎)</dd>
<dt>配布サイト作成協力</dt>
<dd>･･･(略</dd>
</dl>
で良いような・・・。

>825
え、マジで!?リストにする意味は無かったか...

ま、使うか使わないかは様子を見ます。

茂平っていくつ？

>828
え、年齢って関係あったのか!?
永遠の未成年(mうわ何を言わすdrftgyふじこ
…(　´∀｀)

スルーしてくれw

前スレでも言ったような....

>>830
大学生とはきいたけど歳は聞いてない希ｶﾞｽ。
っていうか、もしかしたら年上かも…（汗

>831
しょこら氏は二十歳過ぎた!?

|ω・｀）……昔晒した自己紹介ページみたらわかるよふふふ

>833
あー、あのブログみたいのね。
探して来る..

さて、帰ってきたわけだが....

>835
ごはんにする？お風呂にする？

>836
もう、食った。サンクス。

久しぶりにUPですが、なんか見ていて目がチカチカするのは俺だけでしょうか..?
もしかしたら、配色が（・Ａ・）ｲｸﾅｲ!?

http://mohei.dip.jp/~naoto/2chtemp/#.2ch.net

./test.css

デザインは俺、センス0だからコメントできない。

アイコン提供
◆CHUTA/ht4w氏作　← 作は入らないのでは？
_______________________________________________________________________

h2
{
padding-right: 0.3em;
padding-left: 0.3em;
padding-bottom: 0.3em;　← まとめて、padding: 0.3em;
padding-top: 0.3em
}
_______________________________________________________________________

<ul>を使いたがっているのって、まさかインデントとかリストマークが使えると
いう理由じゃないよね？

padding-left: 25px;
background: url(../bac/shii05_white.png) no-repeat left 50%;

見出しの背景を
204 0 136
38 0 204
204 68 0
のどれかにしてみ

>838
久々に見に来た。かなり進んでたんだね〜。乙。
色に関しては閲覧側の環境にも左右される部分も大きいので
何とも言えないけど、背景をもう少し暗くしてみたらどう？

#FFFだとちょっと眩しすぎるので、若干グレーに近づけると
ちかちかする感じが減るかも。
私は白背景のときは、#F0F0F0ぐらいでよく作ってるよ。

あとはメニューのリンクの色と、コンテンツ側のリンクの色も
同じ系統の色にするなら、同じに色にしてしまうとか…。
コンテンツ側のリンクの色が全体の中でちょっと明るい気がする。
ここらは好みだと思うので、ﾓﾍｲﾀﾝの好きなようにしたのでいいと思います。

後半が意味不明だった。
メニューのリンクの色とコンテンツ側のリンクの色が
同じ青系統だけど、ちょっと違うだけなので、
いっそ同じでもよいのでは？という意味です。

メニューはメニューだから色をわける！ということであれば、
ｽﾙｰしてください。