HTMLか空手に詳しい奴ちょっとこい

1 ：忍法帖【Lv=40,xxxPT】：2011/05/31(火) 13:04:18.80 ID:53zqLDkG0

HTMLの練習がてらに空手のＨＰ作ったんだ、アドバイスくれ
　　　　http://neko.onasake.com/

ID:MHz/Pr8o0

2 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:05:22.41 ID:Bb6F6zNkP

猫おなさけ？

3 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:05:33.89 ID:cZRlUOJe0

こんなので吹いてしまった
疲れてるのかな

4 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:06:10.05 ID:hjYiXKWx0

なんぞこれ

5 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:06:22.79 ID:JeZZRzMjO

怪しい…

6 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:07:08.64 ID:tU+GHPve0

誰にとっても　まるで価値のないこんなものを作ろうとした動機は一体

7 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:08:20.20 ID:MHz/Pr8o0

がんばって作りました
ＨＴＭＬって難しいですね

8 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:08:28.25 ID:k/eYD6KW0

隠しリンクなしとか・・・

9 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:09:05.38 ID:PvX//84R0

HTMLと空手は関係ないだろって言おうとしたら関係あったわ

10 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:10:05.72 ID:30ciinug0

オレがやってた流派
通信から手がないぞ？

11 ：鰐 ◆WANIvSPbAo ：2011/05/31(火) 13:10:17.27 ID:QjigHfUN0

まずBGMに空耳ケーキを長そう

12 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:11:19.90 ID:XEZVF4E4O

糸東流です
まだ初段のザコだけど

13 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:11:55.28 ID:MHz/Pr8o0

>>6
ＨＴＭＬを学びたいのと、空手の流派がごちゃごちゃしてたので
それをみんなにわかりやすくするために作りました。
自分の勉強にもなり、みんなの役にも立てて一石二鳥だと思ったので。

>>8
ネタとかじゃなくて本気で作ったんですよ

>>10
一番下のその他に含まれてます。

14 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:12:02.85 ID:tU+GHPve0

でちょっと来たけど用件はなんなの？
アドバイスもクソもないんだけど

15 ：インジョブωお稲荷 ◆INJOB6im1I ：2011/05/31(火) 13:12:21.68 ID:5fJp0L0P0

不覚にもワロタ

16 ：鰐 ◆WANIvSPbAo ：2011/05/31(火) 13:12:36.61 ID:QjigHfUN0

伝統派は当てないって言うけど実際は当てるよね
それこそ中段なんてちょっと痛いぐらいに

17 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:12:49.07 ID:p6o5ZRAj0

背景空手っぽくしようぜ

18 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:13:04.91 ID:AXJsK91b0

何これ、エクセルで作ったのか？

19 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:14:32.44 ID:2WZGYMrG0

斜体の文字が点滅しながら左右に流れないとダメ

20 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:15:08.38 ID:aB1K45qc0

タイムスリップしたみたいだ

21 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:15:44.20 ID:MHz/Pr8o0

>>11
音楽を流すとか複雑なことはできません。

>>12
ウィキペディアをみて自分なりに説明を短くしてみたのですか、糸東流派これでよろしいですか？

>>14
どうすればこのＨＰが良くなるか教えていろいろアドバイスよろ

>>17
壁紙の設定ですか？ちょっと勉強してきますのでまっててください

>>19
がんばってみます

笑わせるつもりはありません、アドバイスよろ

22 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:16:01.48 ID:tU+GHPve0

確かになんか懐かしい気持ちにはなれるよね

23 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:16:34.05 ID:E1c/yoiUO

糸東流混ぜるな危険ってw
ちなみに型は糸洲と東恩納がメインで入ってるから糸東流って先生が言ってた

24 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:16:43.10 ID:1oUHTTIo0

背景はボインのねーちゃんにしようぜ

25 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:17:12.84 ID:L/glbsel0

サイトたちあげたいならHTMLよりWEBデザインを学べよ
ソースなんかぐちゃぐちゃでいいから使いやすく見やすいものを作ろうと心がけろよお

26 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:17:29.09 ID:2WZGYMrG0

ページ開いてから１０秒後に「ウンコオオオオオオ！！！！！」って音声を大音量でリピートしながら
画面全体に下痢の垂れた便器の写真を写すのがいいよ

27 ：鰐 ◆WANIvSPbAo ：2011/05/31(火) 13:17:54.99 ID:QjigHfUN0

http://heo.jp/tag/

28 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:18:31.58 ID:tU+GHPve0

マジレスするとtableにする意味がない
こういうのは定義リストでかく

<dl>
<dt>松涛館流</dt>
<dd>首里手を習った船越義珍が本土で広めた空手、松涛館流というのは俗称で正式には日本空手協会と言う。</dd>
<dt>剛柔流</dt>
<dd>那覇手である沖縄剛柔流が本土に広まったもの。</dd>
～～～～
</dl>

もしくは見出し側の列をthにする

29 ：忍法帖【Lv=2,xxxPT】：2011/05/31(火) 13:18:35.25 ID:LUeVJ3XO0

>>12
10年前位に俺も糸東流でやってたわ

まだ小学生のガキだった頃は、型主体の方が合ってたな

30 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:18:46.24 ID:AXJsK91b0

マジレスすると、サイトの見た目云々より、文字だけじゃはっきり言って内容がわからない。
youtubeでも組み込めば良いと思われる

31 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:19:09.67 ID:vpJF4OW50

たぶん参考にしたサイトが古い情報まんま載せてる
今後は鮮度の高いサイトも見たほうがいいと思った

32 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:19:24.64 ID:Gp5Lb1W/O

もしもしからでも見やすいな

33 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:19:49.39 ID:aB1K45qc0

流派だけじゃいまいち伝わらないから
空手の型？の画像でも載せたら？

34 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:21:34.85 ID:MHz/Pr8o0

返事がかけなくてすみません、今背景を空手風の画像にしようと思ってるのですが
ちょっとてこずりそうですからもう少しまってください

35 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:23:30.90 ID:tU+GHPve0

そんなもんに時間かけられても困るわけだが

36 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:23:44.61 ID:AXJsK91b0

<body background="****.jpg">のタグ打ち込むだけじゃないのか

37 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:23:47.05 ID:2WZGYMrG0

背景画像をはいいけど
それで文字が見づらくならんようにがんばってくれ

38 ：エアロダイン忍法帖【Lv=2,xxxPT】 ◆18l91MfJ0Y ：2011/05/31(火) 13:24:07.32 ID:C6FOXR5R0

松濤館って協会と連盟のふたつなかったっけ？

39 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:24:50.56 ID:tU+GHPve0

<body background="">とか懐かしすww

40 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:25:59.11 ID:E1c/yoiUO

でも四流派は同じ名称の型があるからなぁ
基本だと平安とか鉄騎とかローハイとか

41 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:26:05.89 ID:9BzD7C8z0

iPhoneだと文字化けして見れない

42 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:27:08.11 ID:k/K54Xu40

↓と比べて足りなところを学ぶといい
http://homepage3.nifty.com/abe-hiroshi/

43 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:27:46.93 ID:sP/NyYBK0

折角だしHTML5で何かするとか

44 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:28:18.72 ID:AXJsK91b0

空手着ｗｗｗｗｗｗｗｗｗｗ

45 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:28:24.25 ID:MHz/Pr8o0

できた！！俺すげえええ！

>>36
jpgを付けてなかったので何度やってもだめでした、ありがとうございました。

46 ：鰐 ◆WANIvSPbAo ：2011/05/31(火) 13:28:48.39 ID:QjigHfUN0

道着ｗｗｗｗｗｗｗｗｗｗｗｗｗ

47 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:29:06.55 ID:aB1K45qc0

まさかメモ帳とか
いやまさかな

48 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:29:44.05 ID:tU+GHPve0

>>41
文字コード　ワロタw

画像見てさらにワロタw
なんかこのスレすっげぇ懐かしいわ

49 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:30:03.21 ID:rMRtuFNm0

マジレスするとレイアウトが命

50 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:30:35.39 ID:vpJF4OW50

モダンな方向に進化させるのは間違いだな
背景黒で炎メラメラな方向にもっていくべき

51 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:30:41.90 ID:MHz/Pr8o0

>>42
そのように左側だけ分ける方法はどうするんですか？

あと、ＨＴＭＬの本とかに最初に何とか宣言を書くみたいに書いてたのですが
意味がいまいちわからなかったので省いたのですが、無くても作れたので気にしませんでしたけど
これって必要なんですか？

52 ：ジャミラス ◆G8iITiFbZA ：2011/05/31(火) 13:31:09.97 ID:Ls3uUYw10

>>35
まずテメェがくっだらねぇ人生生きるのやめろよｗｗｗ誰得ｗｗｗｗぷぎゃ０－ｗｗｗｗ
>>36
単純な脳みそだな＾＾両親の低脳さも予想できるほどだｗｗｗカスｗ
>>37
知識がなにと教えることもできなくて恥ずかしいねｗプｗ
>>38
こんなとこじゃなくてググって確認しろ、この　ク　ソ　コ　テ　ｗ　ｗ　ｗ　殺すぞｗｗ
>>39
お前の人生くっだらねえなｗｗｗ
>>40
はぁ？ｗｗｗｗｗなにいってんだコイツ。空手なんて殴ってりゃ勝ちなｗｗしねバカｗｗｗ
>>41
そんなゴミ機種に頼るからだクズｗ
>>42
お前の脳が足りないよ（総合的な意味でｗ
>>43
そういうくっだらねぇ発言はいりませんｗｗｗｗ

http://hibari.2ch.net/test/read.cgi/news4vip/1306805602/

このスレこいよ低脳どもｗｗｗｗ
高貴な俺様が全レスしてやんよｗｗｗｗ
ビビってこええか？ｗｗｗｗｗｗｗ

53 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:32:24.97 ID:tU+GHPve0

>>51
いると言えばいる
それ以前に文字コードが指定されてないから
文字化けが起こる環境がある

54 ：エアロダイン忍法帖【Lv=2,xxxPT】 ◆18l91MfJ0Y ：2011/05/31(火) 13:32:29.07 ID:C6FOXR5R0

ブーメランブーメラン

55 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:32:40.57 ID:W1H85H2Zi

コードくらい指定しろよ…
iPhoneから見えないからアドバイスできねぇ

56 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:33:08.60 ID:AXJsK91b0

>>51
html　フレーム　でググレ

57 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:33:38.90 ID:MHz/Pr8o0

>>53
コード指定ってなんですか？
その○○宣言ってのがそうですか？
それならしてきます

>>55
いまからしてきますのでまっててください

58 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:34:08.49 ID:qB39iO2n0

久々にわろた

59 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:35:13.03 ID:k/eYD6KW0

無駄にフレームとか導入しても工事中のリンクが増えるだけだ

60 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:35:33.80 ID:tU+GHPve0

>>57
宣言と文字コードは別もん
宣言↓
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

文字コード指定↓
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

61 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:36:59.60 ID:tU+GHPve0

あー正確には
上のがhtml宣言で
下のが文字コード宣言

62 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:38:08.46 ID:tU+GHPve0

あ　違うわ　上のは
文書型宣言？DOCTYPE?なんかそんなんだ

63 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:39:05.39 ID:MHz/Pr8o0

文字コード指定はどこに書けばいいんですか？body内ですか？

64 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:39:58.41 ID:tU+GHPve0

本もってるなら読めよ
head内だ

65 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:40:56.85 ID:NRxRF6taP

>>42
おい、チープすぎるだろ。
本物のサイトかよｗｗｗｗ

66 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:41:24.80 ID:S1Pu/B4C0

帯と文字がかぶって読みにくい白帯にしてくれ

67 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:41:40.53 ID:X9dJcFN50

タイムスリップしたみたいだ

68 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:41:59.55 ID:MHz/Pr8o0

できました、アイフォンの人どうですか？見えますか？

69 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:42:31.15 ID:XEZVF4E4O

流派の起源とかは昔聞いたけどもう忘れたからなんとも言えないｗｗｗｗｗｗｗｗ
ただ混ぜるな危険はなんとなくわかる気がする
大学で伝統の別流派の部活に入ったけど糸東はコンパクトな動きが基本だから他流派のダイナミックな動きに慣れるのが大変だった
糸東は型のイメージ強いし実際俺も型の方が断然好きだからより一層協会とかとは合わないのかもね

70 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:45:18.05 ID:9BzD7C8z0

>>68
みれたわ

71 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:45:49.56 ID:MHz/Pr8o0

>>70
よかった
どうですか？

72 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:49:13.67 ID:MHz/Pr8o0

>>42を参考にしていろいろがんばってみます

73 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:49:55.29 ID:aB1K45qc0

まずどこをどうしたいか

74 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:50:35.31 ID:9BzD7C8z0

>>71
チープだけど頑張ってるのはわかったわ

75 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:50:38.45 ID:NRxRF6taP

>>1
冗談抜きで一回絵で描いてみろ。
メニューと本文、トップのイメージとロゴの配置がきまればいい。
いきなり組むのはなれてないと無理だ。

次に、内容のタイトル列挙してみろ
http://www.civil.ibaraki.ac.jp/civil2k/map/tree.html
こんな感じでツリーにする。そうするとメニューが決まってくる。
ボリュームも見えてくる。
お前じゃフォローもらって作ったとしても10回更新したあたりで作り直しになるわ。

めんどくせえと思うならやらんでもいいが。

クリックってなんれすか(＾ｑ＾)
↓
2chでやりたいこと一応できた(ﾟ∀ﾟ)ｱﾋｬﾋｬﾋｬﾋｬ
ってなる以上に遠い気がする。

76 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:51:06.53 ID:tU+GHPve0

なんかいっつも阿部博のページ出てくるけど
ネタとして出てくるだけで
教材としてはぶっちゃけカスだよね

77 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:52:08.74 ID:MHz/Pr8o0

>>73
最終的には立派なＨＰにしたいんです

>>74
ありがとうございます、これからもがんばります。

>>75
絵を描いてみてもそれに到達する技術がないので
とりあえず阿部寛を目指してみます。

78 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:52:52.55 ID:AXJsK91b0

>>76
こんなページの方がいいのか？
http://gzone.jp/

79 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:53:47.65 ID:/1ZeJ+yI0

俺のホームページ晒しても良い？

80 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:54:23.44 ID:tU+GHPve0

>>78
htmlの記述としてはそっちの方が何ぼかまし

81 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:54:46.81 ID:8JpW0bRm0

本部は首里手かっていうと？

82 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:55:51.32 ID:L4Kg72Bf0

最近のホームページはとにかく見づらいだよな
阿部寛くらい淡々としてるほうが見やすくていい

83 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:56:37.68 ID:k/eYD6KW0

黒田勇樹は関係ないだろ

84 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:57:06.44 ID:MHz/Pr8o0

フレームって難しいな、これは骨が折れるぞ

85 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:58:16.72 ID:Agix4U26i

1流派1ページで選手や大会、道場など
掘り下げた内容にして全体をツリー構造に

86 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:58:17.50 ID:Z+OGWbVw0

GzのページなんかロースペックのPCだとまともに見れないし
見れないページなんかもってのほか

87 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:58:25.52 ID:tU+GHPve0

いまどきframeなんて覚えなくていいから

88 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 13:59:24.03 ID:aREiotJn0

ナビゲーションバーのあるサイト作ろうと思ってるんだけど
ナビゲーションバーの部分と内容の部分は別のhtmlにわけてフレームで内容の部分だけ変えるもの？
それとも全部のhtmlにナビゲーションバー同じように表記して毎回読み込ませるもの？

89 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:00:22.39 ID:k/K54Xu40

>>76
いや、0から作り始めるならまず阿部寛のHPを目標にするのが妥当。
HP作るだけならレンタルブログで十分だし。
いきなりCSSとかレイアウトの話とかしてもしようがない。

>>77
まずは、デザインよりも前に掲載する内容を詰めるといいよ。
「伝統派空手（本土四代流派）」など項目ごとにページを作るとか。
ページを作っていくうちにHTMLタグの意味を理解するようにしてさ。

90 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:00:23.40 ID:Agix4U26i

フレームはやめろ

phpで共通メニュー呼び出せ

91 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:00:51.96 ID:8JpW0bRm0

てか沖縄系が殆んどないのはいかんでしょ

92 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:00:59.20 ID:/1ZeJ+yI0

シカトされたけど俺のホームページみてくれよ
かなりクールでスタイリッシュだから
http://bokunohomepage.web.fc2.com/

93 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:01:20.57 ID:Z+OGWbVw0

基礎から覚えていくのが普通だろ
いきなり凝ったやつ作らせようとしてるのはなんなの？

94 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:02:01.08 ID:tU+GHPve0

>>89
tableレイアウト使ってるようなサイトが教材として使えるかよ
しかも空のTDで隙間とるようなサイト真似してどうすんねん

2chのネタまに受けてアホなこと言ってんじゃねーよ

95 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:04:52.66 ID:Od2tRIuj0

取り敢えず無駄に右クリック禁止しようぜ

96 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:06:14.34 ID:vx3gkkY3P

>>92
前回からちょっと進化してるじゃん

97 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:07:17.18 ID:EW1v6DV00

>>94
見た目のことを言っててソースの話なんか誰もしてないのに

98 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:07:58.23 ID:b2ZzZ07a0

連続 br を何とかしろ話はそれからだ

99 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:09:23.86 ID:tU+GHPve0

>>97
俺もお前と話した憶えないけど誰?

100 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:11:54.66 ID:pwcXxIlE0

background=karate.jpg
　　　　　　　~~~~~~~~~~~

ダブルクオーテーションで囲ってないと違和感が

101 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:13:21.29 ID:vmySIaBO0

<html>
<MARQUEE direction="right" scrollamount="5">
　　　　-＝　∧＿∧<BR>
　　-＝≡　（　○ε○）<BR>
　　　　-＝（　つ┯つ<BR>
　　 -＝≡/　 / //<BR>
　 -＝≡（_＿）/ ）<BR>
　　 -＝ (◎)￣））<BR>
</MARQUEE>
</html>

1.メモ帳に貼りつける
2.拡張子をhtmlにして開く
3.走る

102 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:13:21.99 ID:EW1v6DV00

阿部寛のサイトは
最近のサイトはごちゃごちゃしすぎてるのにこのサイトはシンプルすぎ
ってことで挙がったサイトだろ
誰もソースが優れてるって挙げたサイトじゃねーよ

103 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:13:31.31 ID:AurtDFxj0

本土四代流派
これは本当に"四代"なのか？

104 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:13:44.66 ID:Agix4U26i

個人的にはAppleのリチウムイオンバッテリーのページか、
Googleのヘルプページや公式ブログが見やすいと思うの

105 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:14:27.24 ID:NRxRF6taP

>>88
>>90

php includeでググれ。
そしてパスで苦しめ。

106 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:17:00.75 ID:2WZGYMrG0

少なくとも空手について調べていてこのサイトに行きついたやつは
調べたいことをすぐに見つけられるような構造にさえなってれば
その実装の仕方に対してとやかく文句をつけることはないんじゃね

107 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:19:25.55 ID:7pWPvTx20

おっ背景画像ついたのか

字が読みにくくなった

108 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:23:38.27 ID:aREiotJn0

>>105
求めてたものぴったりだ
パスも書いてあることわかるしなんとかなりそうありがとう

109 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:24:02.00 ID:k/K54Xu40

>>102
そうだな。
今回みたいに0からHP作る人に技術だけ教えても何も「？」で終わる。
まず、どういうふうに情報の載せたらいいのか、
項目（サイトマップ）の作り方を学ばないとHPなんて作れやしないしな。
そこで阿部寛のHPが登場だ。
んで今必要な人は空手に詳しい人よ。

110 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:25:01.59 ID:8JpW0bRm0

>>103
四大やな・・・・

111 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:29:07.23 ID:8JpW0bRm0

とりあえず白蓮会館はフルコンに入れた方がいい
ちなみに少林寺拳法を破門になった人が作った

日本拳法にボクシング追加
空手は糸東流の影響

112 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:29:29.01 ID:EW1v6DV00

で、>>1はどこいった？

113 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:33:15.14 ID:tU+GHPve0

>>102
おまえがすっきりしてるの話をしてるかもしらんが
俺は教材としてはカスだよねとしか言ってないんだが？
実際カス以下だし

114 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:33:36.48 ID:8JpW0bRm0

あと沖縄の三大流派とその他沖縄空手の追加

115 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:36:24.38 ID:AurtDFxj0

ニーズだわな
このサイトに来るやつは空手を知りたいんじゃない
強くなりたいんだ

116 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:40:50.61 ID:NRxRF6taP

>>113
EW1v6DV00がデザイナー目線でtU+GHPve0がコーダー目線。ワロタ。
とりあえず動けばいいんじゃないか？
素人からすれば必要なスキルっておおすぎるし。
楽しいと思える順序でよくね？
文法クソでもデザインカスでも自己満足できれば次に進めると思うわ。

とりあえず絵とツリーだけはやれといったが、
どうやら>>1は動いてるのが楽しいレベルのようだしな。

117 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:42:48.47 ID:MHz/Pr8o0

四大空手流派を訂正いたしました。
あと、壁紙や画像など少し変更いたしました。

118 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:42:52.86 ID:Sa+qCOEc0

>>116
デザイナー目線でもひどいもんだけどなw

119 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:43:38.41 ID:8JpW0bRm0

>>115
うーん
実際空手の歴史や体系を詳しく教えてるところは少ないんだよね
そもそも空手自体が曖昧なところがあるし

120 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:46:41.78 ID:k/K54Xu40

お、HP更新されてる
トップの風格がでてきていい感じじゃん

121 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:47:32.33 ID:NRxRF6taP

おい、空手寛になってるぞ。

122 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:49:27.60 ID:NxILrki80

懐かしさが漂うHPだな

123 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:49:41.50 ID:MHz/Pr8o0

白蓮空手、日本拳法の変更をしました、沖縄空手については今から追加いたします。

124 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:50:25.54 ID:EW1v6DV00

おい、テルマエ・ロマエ

125 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:51:29.32 ID:AurtDFxj0

>>119
ttp://caukeq.blu.livefilestore.com/y1px89gUzGzm24H3_-wtzfDOHoWpuzWq-RR-ghsBic6jgtYWulMKUaL75zcoisDTVvfMfnhIrI2cRw0Xj7EaMup0Q/%e4%ba%ba%e9%a1%9e%e7%b3%bb%e7%b5%b1%e5%9b%b32.jpg
百聞は一見にしかず、
空手の発祥・分派を系統図やら進化図やらにまとめれば一目瞭然。

ついでに開祖の顔写真も入れれば一気に資料性が増す。
本道場の写真や地図上での場所も入れればヴィジュアルに訴えてくる。
さらに歴史というからには年表も入れるとなおよい。

そして一般人には絶対わかりっこない「極」、この文字がなんで入っているのかとか
道着は柔道と空手で何が違うか、
帯に何か意味があるのか……

126 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:51:30.71 ID:IEneEy0b0

>>119
先生が色々自慢げに話していたのに実際に思い出そうとすると思い出せないもんだな

127 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:53:44.22 ID:MHz/Pr8o0

>>124
テルマエ・ロマエを阿部寛のＨＰみたいに画像の横にもってきたいのですが
うまくいかないのですけど、どうすればいいんですか？

128 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:57:07.62 ID:8JpW0bRm0

>>125
確かにこれなら一発で分かるな
そうなると歴史の表が厄介だな
捏ｚｹﾞﾌﾝｹﾞﾌﾝしてるところもあるし

129 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:57:37.94 ID:gc2NOjpj0

流派とかどうでもいいからパンチとかキックとか構えとか教えてくれたほうがありがたい

130 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 14:59:23.47 ID:Sa+qCOEc0

誰も教えてやらねーのかよw

131 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:00:13.64 ID:iGlyZfdX0

めんどう

132 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:00:17.63 ID:8JpW0bRm0

>>129
戦闘思想なー
酷く大雑把に言っていいなら首里手は伝統派、那覇手はフルコンの戦闘思想に受け継がれてる

133 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:00:24.70 ID:EW1v6DV00

>>127
阿部寛のサイトはtableで作ってあるから。
ただ画像の横に文字を持っていきたいなら画像　回り込みでぐぐれ

134 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:01:19.86 ID:eqGcLICQ0

実際基本の正拳突きや蹴りやるのが一番だがな
そう考えると感謝の正拳突き1万本はある意味理にかなってる

まあ組手用はそっからちょい崩す必要あるが

135 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:01:33.17 ID:Sa+qCOEc0

>>133
お前　ほんとは詳しくないだろ

136 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:02:00.28 ID:MHz/Pr8o0

沖縄空手も追加しました。

>>133
というと、中央にそろってるのはひとつひとつ中央にそろえているのではなくて
大きなtableに書き込んでそのtableを中央にそろえてるのですね？

137 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:02:21.11 ID:8JpW0bRm0

おい少林流と松林流は別もんだぞ
小林流とも違うぞ少林寺流も別

それに松林流は泊手

138 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:02:38.18 ID:rzH+rqnj0

tableﾜﾛﾀ

139 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:03:04.27 ID:NRxRF6taP

>>1が美少女ならな素材に困らないのに。
http://livedoor.blogimg.jp/kyanews/imgs/4/f/4fa3cdcc-s.jpg

140 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:03:16.69 ID:2iePprlI0

>>1
＞この度、当ＨＰにこられた方々が空手に少しでも空手を知ってもらいたいと思いＨＰを作成致しました。

スレタイ見てクスッときて、ページ開いてﾜﾛﾀ

141 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:03:21.85 ID:iGlyZfdX0

>>136
float属性って言うんだけど
スタイルシートを使うんだよね。でもみた感じ外部スタイルシートじゃないようだし

142 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:03:54.10 ID:eqGcLICQ0

今気づいたが伝統空手は中高生大会で防具とかつけてるぞ
面とか胴とか拳サポとか金的とか

143 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:04:49.57 ID:vpJF4OW50

このサイトにフローデザインはあわない
レトロにセンタリングするのが正しい

144 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:05:40.85 ID:HSbVO7Rv0

初心者にCSSから教えていくのは無謀じゃないか？

145 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:06:25.56 ID:iGlyZfdX0

>>144
はい

146 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:06:36.43 ID:k/K54Xu40

>>127
http://homepage3.nifty.com/abe-hiroshi/top.htm
ここのソースの35行あたりからのtableタグ一式をコピペして、
その中に初めて見る単語があるからそれをググって学べ「rowspan」とか。

147 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:06:50.48 ID:Agix4U26i

divで大枠組んで幅固定にしたほうが
見やすいと思う

一時期は可変幅も良かったけど
ワイド画面増えてからは固定幅の方が
安定する

148 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:07:53.21 ID:6FMOMXtt0

その他のその他省略したら無意味じゃんｗｗｗｗ

149 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:08:14.99 ID:8JpW0bRm0

沖縄三大流派は小林流と剛柔流と上地流にしたほうがいいかも
三戦は上地もあるな

たぶん中国の少林寺とはあまり関係ないかもしれんから消した方がいいかも

150 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:08:22.02 ID:MHz/Pr8o0

>>137
すみません、ウィキってきます

>>140
スタイルシートってＨＰを整えるんですかね？

151 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:09:55.32 ID:8JpW0bRm0

>>150
ウィキの情報は少ないぞー

152 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:10:10.71 ID:Sa+qCOEc0

ここはクラシカルにalign="left"でいくべき

153 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:10:23.44 ID:iGlyZfdX0

>>150
スタイルシートは
装飾みたいなもの。

154 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:11:00.62 ID:rzH+rqnj0

>>150
まずHTMLってどんなモンだと思う？

155 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:11:37.46 ID:NRxRF6taP

>>1

<div align="center"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</A><font color=red>new!</font></div>
確認してないが問題ないはず

156 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:12:41.98 ID:iGlyZfdX0

大文字Aって意味あるの？

157 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:14:26.95 ID:7pWPvTx20

158 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:14:43.43 ID:Sa+qCOEc0

ない

159 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:15:22.09 ID:NRxRF6taP

>>156
いや大文字の意味ないよな。aでいい。
<a>の閉タグだし。

160 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:16:23.02 ID:Gp5Lb1W/O

空手寛吹いたｗｗｗｗｗｗｗ

161 ：忍法帖【Lv=2,xxxPT】：2011/05/31(火) 15:18:53.83 ID:b4mlQmkp0

各流派名からリンクさせて、創始者や創設年等を載せてはどうだろう？

162 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:19:26.25 ID:IEneEy0b0

>>129
突きは全身を使う
つま先と膝を前に向け前膝を曲げる
動く時は重心に注意して姿勢を保つ、手を動かすのは足をついた後でいい
突き手よりも引き手に力を入れることで速く突く

蹴りは膝上げろ

構えは左構えで左手は常に相手の顔面に向ける、両手を体につけない

163 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:20:52.37 ID:xFSDqjtn0

>>1000いく頃にはフルフラッシュになってて
アクションスクリプトとかの話題になってんだろうな。

164 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:22:15.26 ID:MHz/Pr8o0

>>153
どういうことですか？
整えるんですか？

>>154
ＨＰを作る言葉じゃないんですか？

>>155
ありがとうございます。

本などを参考にして作り始めたので<h1></h1>などを使って項目の大文字を書いたのですが
これと文字のサイズを大きく作るのとはどう違うのですか？
あと<p>の意味がよくわかりませんでした、これを使わなくてもかけますし、違いがわかりません。

165 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:24:15.74 ID:xFSDqjtn0

そんなあなたに文法チェッカー
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

166 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:25:58.65 ID:MHz/Pr8o0

>>165
今の自分には意味がまったくわかりませんが、参考にさせて頂きます。

あとメモ帳に限界を感じてきたのですが、htmlのソフトとかあるんですか？

167 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:27:01.36 ID:xFSDqjtn0

フォトショとかイラレはもってないんだっけ？
あるならいらないかもだけど
ボタンとか各パーツのフリー素材
http://www.free-graphics.com/

168 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:27:03.46 ID:8JpW0bRm0

俺は出かけるから空手のことは他の人に頼む
スレ残ってたらまた来る

169 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:27:04.50 ID:iGlyZfdX0

>>164
別にクルマに乗る時には普通に使えるだろ？
クルマにステッカー貼る奴もいるじゃん？
そのクルマも普通に使えるだろ？
ステッカー部分がスタイルシートって感じ

170 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:27:09.36 ID:NRxRF6taP

>>163
FLASHはわからんから500ぐらいで脱落しそうだわ・

>>164
わからんもんはこれで↓
http://www.htmq.com/html/index.shtml

<h1></h1>とかは見出し用。
本でいうと各セクションのタイトルみたいなのがあるだろ。それに該当する。
情報を探すときにこれ目印にして探すだろ。検索エンジンも同じようなことするらしい。
SEOの観点からみて1個だけにしとる。もう効果が薄いといわれてるが0じゃないみたいだし。
<h1></h1>は同じページ内に1個にしておいたほうがいい。

171 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:27:21.13 ID:2WZGYMrG0

ezHTML

172 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:27:25.24 ID:HSbVO7Rv0

>>164
<h1>等は見出しであってブラウザ等で大きさが変わるんだっけ？覚えてない

173 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:28:03.33 ID:xFSDqjtn0

>>166
terapadでぐぐってみて

174 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:28:21.49 ID:Agix4U26i

pは段落

175 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:29:31.54 ID:NRxRF6taP

>>166
crescent eve使ってる。
DW不要な時用。

176 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:30:05.47 ID:WJOEqS/q0

俺も最近HP作ってみたんだが
スタイルシートってのは使ったほうがいいの？

177 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:30:08.83 ID:iGlyZfdX0

俺手打ちなんだけどやっぱある方がいいかな

178 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:30:13.36 ID:rzH+rqnj0

>>164
質問の前半部分にかかるんだけど、HTMLってのはタグ使って「これタイトルだから！」とか
「これ本文だから！」って宣言するだけの言葉なんだよ

つまり、「文章の構成」ぐらいにしか使わないんだ、本来の目的としては
色々変な機能はついてるけど、それは「もっとオサレにしたい！」って奴等が試行錯誤して作り出した代物
でも文章の構成にしか使わないはずの物にそんな機能持たせるのはおかしいだろって考えた奴等が
CSSってモンを作った
CSSを噛ませると、「タイトルはこういう装飾で」「この文章はこういう配色で」ってのが細かに設定できるようになる
(後でソースを)見易い、汎用性()のあるサイト作ろうと思ったら、HTMLでここタイトル！とかここ本文！とか設定して、
CSSで見た目オサレにするってのが一般的な使い方

だと俺は認識してる
まとめらんねー

179 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:31:11.51 ID:iGlyZfdX0

>>176
使わなくてもいいよ
スタイルシートを使えばみた目が変えられる

180 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:31:20.66 ID:k/K54Xu40

>>164
<h1>第1章</h1>
　<h2>その1</h2>
　　<p>段落文</p>
　　<p>段落文</p>
<h1>第2章</h1>
　<h2>その1</h2>
・・・

本に例えるとこんな感じで「h1～6」は見出しで<p>は段落タグ。
HTMLのタグの並びは本みたいな構成になる。

181 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:31:55.85 ID:Sa+qCOEc0

>>178
マークアップだから指定のほうが正しいと思われ

182 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:32:25.60 ID:rzH+rqnj0

>>181
そうだな
ありがとう
その言葉が最も適切だ

183 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:33:19.75 ID:xFSDqjtn0

>>176
CSSつかったほうが便利だし、ソースも管理しやすくなるよ。
htmlできるならすぐ覚えられるから。

184 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:33:49.51 ID:t9LZmniRi

Adobeで一ヶ月無料ダウンロードしたら結構いいもん作れるだろ

185 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:35:17.02 ID:Sa+qCOEc0

pを使うとなんで改行されるねんとか
言ってたあの頃の僕らは若かった

186 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:35:17.67 ID:WJOEqS/q0

>>179,>>183
なるほど
てか管理しやすくなるのか
そりゃいいね

187 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:36:00.73 ID:NRxRF6taP

>>176
メンテしやすいよ。いろいろあるけどたとえば、
<H>タグとかの中でいちいち装飾用のタグ打ち込まれているものを模様替えする場合、
1つひとつ直す必要あるだろう。
CSSだとclassとかIDといった単位でリンクしているから、一括で変更ができる。
同じ名前のJPGを上書きでいいじゃんと思うかもしれんが、サイズ変えたりもできるからやっぱりCSSが楽。

レイアウトそのものもCSSで組んでおけば、上と同じような理由でCSSファイルのみ変更すれば勝手に変わる。
右メニューのページを左メニューにしたりはすぐできる。

頻度高いの覚えたら何の問題もないけど、最初は覚えるのが増えて大変だよな。

188 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:36:29.30 ID:MHz/Pr8o0

>>167
ありがとうございます使わせていただきます。フォトショップは持っていません。
あったら便利なんですか？

>>168
助かりました、またよろしくお願いします。

>>169
ＨＰではどのような影響がでるんですか？
ロマエのリンクを画像の右に持ってくるのもスタイルシートの力なんでしょうか？

>>170 >>172
これいいですね、お気に入りに入れますね
ようするに<h1>を検索してくるってことなんですね

>>173
ぐぐってみます

>>174
<br>と違うんでしょうか

>>175
専門用語はよくわかりませんが、ぐぐってみます

189 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:36:57.25 ID:xFSDqjtn0

最近、SNSやブログ、Twitterが主流だから
こういう個人サイト見ると「侍魂」とか隆盛の頃を思い出すなあ。

190 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:38:54.52 ID:rzH+rqnj0

アレだ
<h1>は「涼宮ハルヒの驚愕」で
<h2>が1-aとか4-bとか
そんな感じ
多分

191 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:41:52.93 ID:xFSDqjtn0

>>188
Photoshopは写真を加工するのに便利。
サイト作りにおいては、先にPhotoshopにボタンとか画像を配置して
それを分割してhtmlで組み直す…みたいなこともできる。

Illustratorはイラスト描くのに便利。
見た感じイラストは使わないみたいだからいらないかもだけど、
自作だから著作権的に自由度が高い。

代替としてフリーでbimpってのがあるよ。

192 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:41:57.74 ID:t9LZmniRi

pが段落でbrが改行

193 ：忍法帖【Lv=1,xxxP】：2011/05/31(火) 15:42:10.96 ID:OayP36jsi

>>92
860踏んじまったよ…

194 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:42:38.42 ID:mwiC9K5yO

型はサンチンとセイパイさえマスターすればおけ

ゲキサイやサイファは邪道

195 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:43:22.19 ID:Sa+qCOEc0

>>191
もしかしてgimpか？

196 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:44:28.23 ID:NRxRF6taP

>>188
><br>と違うんでしょうか
<br>は改行の記号。
<p>は段落。

作文で1字下げるだろ。下げなくてもいいところもあるだろう。

下のコピペして表示が変わるか確認してみたらいい。

初心者
昔々ある村におじいさんとおばあさんが住んでいました。<br>
おじいさんはキャバクラへ、おばあさんはホストクラブへ行きました。<br>

ちょとまちがい
<p>昔々ある村におじいさんとおばあさんが住んでいました。</p>
<p>おじいさんはキャバクラへ、おばあさんはホストクラブへ行きました。</p>

正しい方法
<p>昔々ある村におじいさんとおばあさんが住んでいました。<br>
おじいさんはキャバクラへ、おばあさんはホストクラブへ行きました。</p>

197 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:45:17.53 ID:iGlyZfdX0

>>188
スタイルシートの影響としては、～～流の線の形を変えられたりできる
色もね。他にはいろいろあるんだけど、簡単にいえばこんな感じ

198 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:46:51.10 ID:2iePprlI0

例えばxmlとして表すと

<本>
　<表題>タイトル</表題>
　<ページ番号="1">
　　<本文>
　　　空手です。
　　</本文>
　</ページ>
</本>

みたいに、各要素の意味を表してるのが html。項目をマークアップするもの。
ついでに、各タグに見え方が予め設定されているので、そのように見える。
CSS（カスケードされたスタイル定義シート）　は、これらに例えば

　ページ { 上から何センチ、色は何色、境界線は何色幅はどれぐらい }
　本文 { 両端何センチ、色はこうで、フォントはこう、サイズは・・・ }

みたいに設定するもの。　要点はこれ

199 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:47:37.44 ID:Sa+qCOEc0

>>198
それを一目で理解できるhtml初心者が何人いるんだよ

200 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:48:11.47 ID:2iePprlI0

>>199
一目で理解する必要ないだろ。読み込めよ

201 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:49:42.78 ID:MHz/Pr8o0

とりあえずテルマエ・ロマエを画像の横に持っていくためにがんばってみます

202 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:50:52.44 ID:Sa+qCOEc0

>>200
読み込んでも意味わからんだろ
大体htmlとcssの説明に
xmlという別のもんがでてきてるじゃねぇか

203 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:52:43.52 ID:Sa+qCOEc0

いや回り込みだけならこれでいけるって
<img src="--.jpg" align="left">

204 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:53:18.03 ID:8JpW0bRm0

予定少し伸びたからもうちょっと

沖縄空手の中に沖縄三大流派作った方がいい
小林流　剛柔流　上地流　で

首里手の主な流派は小林流など
中国拳法の影響は薄い方
日本の剣術は関係あるか微妙なので消した方がいい
主に士族階級のための空手

泊手は主な流派は松林流
いろいろとはっきりしないためあまり触れない方がいいかも
どちらかというと首里手に近い

ちなみに三戦は中国に型がそのまま残ってる中国のもの

御殿手は琉球王家の長男のみに伝えられていると言われているもの
空手かどうかはわからない

205 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:54:21.48 ID:NRxRF6taP

>>201
すまん俺の書いたの、下に持っていくやつだったｗｗｗ

これで。
<div align="center"><img src="karate.jpg">
<a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</A><font color=red>new!</font></div>

206 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:55:37.10 ID:2iePprlI0

>>202
なんで突然お前はケンカ越しなんだよ。
１つの単語よりざっくり意味を追えよ。そして知らない項目は自分で調べてなんぼだろ。
アウトラインで手引いてもらったら、詳細は自分で調べるとか普通じゃね。興味を持つ能動的な人間なら

207 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:55:48.77 ID:k/K54Xu40

>>201
ほい。参考にしな
http://upload.multinavi.net/html/test.html

208 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:56:35.18 ID:Sa+qCOEc0

>>206
教え方下手っていわれない？お前
このぐらいでけんか腰とか2chやめた方がいいぞ

209 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:56:57.32 ID:rzH+rqnj0

>>206
必要ねぇのに新しい要素継ぎ足したこの場合は、アウトラインの引き方が滅茶苦茶下手だと思うの

210 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:57:32.71 ID:MMLiZjV20

ゲームや漫画に出てくる架空の空手流派入れろ

211 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:57:45.80 ID:S4crOmNZ0

現職のWebコーダーだけど質問ある？

212 ：忍法帖【Lv=10,xxxPT】：2011/05/31(火) 15:57:59.20 ID:J54IMXyo0

心身を鍛錬するはずの空手なのに
キレるとか、しかも2ｃｈで
凄くカッコイイですね。
そういう私は空手歴１２年

213 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:58:29.91 ID:iGlyZfdX0

>>211
コーダーって何よ
午後の？

214 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:58:46.31 ID:9EcbCr2p0

＞この度、当ＨＰにこられた方々が空手に少しでも
＞空手を知ってもらったらいいなと思いＨＰを作成致しました。

日本語でおｋ

215 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:59:13.55 ID:NRxRF6taP

お前ら落ち着けｗｗｗｗｗｗ
誰か師範呼んで来いｗｗｗｗｗｗｗｗｗｗ

216 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 15:59:36.48 ID:ml9DhaIUO

月心会所属です

217 ：忍法帖【Lv=1,xxxP】：2011/05/31(火) 15:59:58.09 ID:ca9AJ0LC0

この二つにどう共通点があるのかと思ったらこんなことか

218 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:00:12.31 ID:HmkFy1MP0

君ィ！

219 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:01:43.88 ID:MHz/Pr8o0

http://neko.onasake.com/
画面の左にもっていこうとすると、なぜか画像がセンターじゃなくなってしまう・・・
<Center><img src="karate.jpg" ALIGN=left>てろてろ<BR CLEAR=all></Center>
ちゃんとcenterで画像もかこってるのになんでならないんですか？

220 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:01:48.11 ID:mPt3EPvL0

てろてろ？緊急地震速報？

221 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:03:19.71 ID:S4crOmNZ0

>>219
文章を左にやって、画像を画面の中央に置きたいってこと？

222 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:04:07.64 ID:HmkFy1MP0

希望のレイアウトを一旦絵にするといいよ

223 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:04:54.76 ID:MHz/Pr8o0

>>221
間違えました、画像の右側に文章を持って生きたいんです。
そして画像は真ん中のままです。阿部寛のサイトのようにしたいんですよ

224 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:04:57.15 ID:8JpW0bRm0

>>218
大山先生は天国にお帰り下さいｗｗｗ

225 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:05:24.21 ID:Sa+qCOEc0

>>219
floatの特性
説明するのがマジめんどい
ので>>207方式でやれ

226 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:07:09.65 ID:6gkmGxcw0

http://validator.w3.org/check?uri=http%3A%2F%2Fneko.onasake.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
がんばりましょう

227 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:09:59.80 ID:S4crOmNZ0

>>226
W3Cのは英語で分かりにくいから、
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
こっちを使ってバリデートしてみたほうが伝えやすいかも。

228 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:11:00.83 ID:ztDWLipz0

http://www.tagindex.com/
覚えろ

229 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:12:09.56 ID:MHz/Pr8o0

>>207
>>225
見落としてました、ありがとうございます。

<center>
<table border="0" width="600">←ようするにここで作った枠の中に画像も文章も放り込んで枠ごとセンターにしてるっていみでしょうか？
<tbody><tr>
<td valign="top" width="300"><img src="test_files/test.htm" alt="画像" height="300" width="250"></td>
<td valign="top" width="300"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a><font color="red">new!</font></td>
</tr>
</tbody></table>
</center>

あとこれだとどうして画像の右側に文字が表示されるんでしょうか？
それを表してるものはどれなんですか？

230 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:12:13.79 ID:3EniBpAt0

2002年くらいの雰囲気がする

231 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:14:19.54 ID:AurtDFxj0

>>223
これだ！！

<table>
<tr>
<td><img src="http://neko.onasake.com/karate.jpg"></td>
<td width="300px">
この度、当ＨＰにこられた方々が空手に少しでも<br>
空手を知ってもらったらいいなと思いＨＰを作成致しました。<br>
<br>
てろてろ<br>
</td>
</tr>
</table>

232 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:14:25.31 ID:HSbVO7Rv0

>>229
ただテーブルの中に枠が2つ並んでるだけ
border="1"の方がわかりやすい

233 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:15:13.56 ID:6gkmGxcw0

>>227 lintだと厳しすぎなんだよね。
非推奨とかアクセシビリティ的によろしくないとこまで指摘してくれるから
倍以上のエラーが噴出する

234 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:16:28.25 ID:MHz/Pr8o0

ちょっと自分の理解力を超えてしまった・・・
画像の横に文章を持っていくことを理解するのに少し時間がかかると思います
すみません

235 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:16:44.33 ID:AurtDFxj0

<center>
<table border="0" width="600">←ようするにここで作った枠の中に画像も文章も放り込んで枠ごとセンターにしてるっていみでしょうか？
<tbody><tr>
<td valign="top" width="300"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a><font color="red">new!</font></td>
<td valign="top" width="300"><img src="test_files/test.htm" alt="画像" height="300" width="250"></td>
</tr>
</tbody></table>
</center>

<td>の並び順を変えると画像の左側に文字が表示される

236 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:18:40.49 ID:k/K54Xu40

>>229
>ようするにここで作った枠の中に画像も文章も放り込んで枠ごとセンターにしてるっていみでしょうか？

そうそう。
tableの枠を表示するとこんな感じ。
http://upload.multinavi.net/html/test2.html

セルでうまくレイアウトを整えてる
最初はこのやり方で十分

237 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:19:15.44 ID:Wu5Hmgli0

なんで空手？

238 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:19:19.83 ID:MHz/Pr8o0

テーブルを二つ並べると問答無用で横に並ぶってことなんでしょうか？
あとwidth="300"ってどういう意味なんですか？

239 ：忍法帖【Lv=2,xxxPT】：2011/05/31(火) 16:19:35.37 ID:aPY8ZH7k0

スレタイワロタ

240 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:19:50.99 ID:HSbVO7Rv0

よこはば＝３００

241 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:19:59.77 ID:Sa+qCOEc0

聞きすぎ
自分で理解しろよ
tableの構造はこんな感じ

┌table──────┐
│┌tr─────...┐│
││┌td.┐.┌td.┐││
││└─┘.└─┘││
│└─────.─┘│
└────────┘

行が増えるとこう
┌table──────┐
│┌tr─────...┐│
││┌td.┐.┌td.┐││
││└─┘.└─┘││
│└─────.─┘│
│┌tr─────...┐│
││┌td.┐.┌td.┐││
││└─┘.└─┘││
│└─────.─┘│
└────────┘

242 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:22:22.33 ID:NRxRF6taP

>>211
質問あるある。
HTML5いつから使う？

243 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:22:45.98 ID:MHz/Pr8o0

なるほど、真ん中でっかいテーブルの中に小さい横幅300のテーブル二つ並べてるってことなんだな。
ようやく理解した

244 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:29:03.08 ID:mPt3EPvL0

>>243
中のはセルって言って

245 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:30:58.32 ID:6gkmGxcw0

>>242
現役退いたコーダーだけど
HTML5規格が完成して、主要ブラウザの足並みが揃ったらだと思う。
それより前に業務で使うのはリスキー

246 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:31:18.17 ID:8JpW0bRm0

今度こそ出かける

247 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:32:27.50 ID:MHz/Pr8o0

一応できたけど、うーん・・・
テーブルが二つ並んでるので画像が左のテーブルに入ってるから画像がやや左にずれとる
<img src="test_files/test.htm" alt="画像" height="300" width="250">をつかったらなぜか画像が表示されなかったので
<td valign="top" width="300"><img src="karate.jpg"></td>と書いたのが原因だったんでしょうか？

248 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:32:35.97 ID:Sa+qCOEc0

>>245
コーダー辞めて何やってんの？
ディレクション？

249 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:33:39.08 ID:Sa+qCOEc0

>>247
img のsrcがおかしいやん
そこは自分で直せよ

250 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:34:10.19 ID:iGlyZfdX0

>>247
画像の左に空白のセルいれればいいんちゃう

251 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:35:12.78 ID:S4crOmNZ0

>>242
完全に使うようになるにはまだまだ先ですねえ。
大手メディアとかはがんがん対応させてるみたいですけど。

現状、HTML5対応を謳っているブラウザごとにタグの解釈や対応度合いがばらばらなので、
まだXHTML1.0やHTML4.01で十分だと思います。

252 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:35:38.91 ID:2iePprlI0

>>208-209
言　わ　れ　な　い

253 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:36:52.50 ID:X/ZvQIJo0

<table border="0" width=900">
<tbody><tr>
<td valign="top" width="300"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a><font color="red">new!</font><br>うんこ</td>
<td valign="top" width="300"><img src="karate.jpg"></td>
<td valign="top" width="300"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a><font color="red">new!</font><br>うんこ</td>
</tr>
</tbody></table>

これじゃだめか

254 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:37:27.15 ID:XCI1Y8Hf0

ホームページビルダーとグーグル最強のHPが作れる件

255 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:37:40.11 ID:MHz/Pr8o0

あーだめだ、これ以上はタグの意味がわからん。
無理に進まずに少し復習してみますね

256 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:38:59.14 ID:2U0yI+OP0

W3CのRec読まない奴は人間の屑

257 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:39:21.70 ID:iGlyZfdX0

>>255

>>253
でできるよ

258 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:40:14.85 ID:lVR/fbN60

こんな見た目で生意気にもcss使ってるのに、fontタグもあるとか、いったいどうしたいの？ｗ

259 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:40:33.17 ID:k/K54Xu40

>>251
だよね
単純に言うとIE6～8が消えないとHTML5は業務では使えない
これが一番腹立たしい

260 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:41:01.76 ID:MHz/Pr8o0

>>257
できるできないじゃなくて、自分が理解できてないのでそれでできてもしょうがないのです

261 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:41:03.12 ID:Sa+qCOEc0

>>258
それ広告のcss

262 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:41:18.63 ID:cANGc8Mx0

おい、躰道が入ってないぞ。

263 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:43:23.57 ID:lVR/fbN60

>>261
うわー、HTMLだけで組んでるのか……。大変だなこりゃ

264 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:43:29.50 ID:Sa+qCOEc0

IE6のせいでアルファpngすら使えない

265 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:43:31.04 ID:iGlyZfdX0

>>260
何がわからないの？
900の大きさの枠に
左に文字、真ん中に画像、右に文字が300ずつわけられてるだけじゃない？

266 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:43:42.27 ID:X/ZvQIJo0

いっそのことテーブルじゃなく１からフロートに関して覚えてみてはどうだろう
CSSでレイアウトしたほうが理解しやすいぞコードも見やすくなる

267 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:45:28.07 ID:lVR/fbN60

HTMLだけで思い通りにレイアウトして表示しようなんて、ぶっちゃけ無理っすよ？

268 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:46:32.79 ID:X/vGzS33O

松久(兄)に試合でボコされた事のある俺が来ましたよ

269 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:46:51.03 ID:NRxRF6taP

>>259
IE　　　数
9 10
8 1458
7 367
6 879
5.5 1
自分のサイト見たらこうなってた。
IE5.5いまだにあるんだな。

270 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:46:55.88 ID:6gkmGxcw0

>>248 そもそもITから身を引いてる。

>>260
貼られたサンプルを<html><body>～</body></html>でかこっただけのファイルを作って
現物とコードを見比べたらだんだん見えてくるはず。
属性の意味が分からなかったらその属性を取っ払ってみたらわかる。

271 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:48:28.50 ID:MHz/Pr8o0

ごめん、テルマエ・ロマエの無料で見れる一話読んでた。

272 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:50:00.78 ID:Sa+qCOEc0

mac IE5.5は酷かった
もはや災厄だった
cssでbodyの横幅を指定すると
縦の幅として指定されるとか異次元解釈が行われる

273 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:51:30.76 ID:5lCPTZ38O

MathMLは関係ないですね

274 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:51:47.98 ID:HmkFy1MP0

もうイメージマッピングだけでつくろうぜｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

275 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:52:41.06 ID:MHz/Pr8o0

>>253でやったら画像はセンターにきたがテロテロうんこがちらばってしまったな。
テーブルの事がいまいちわからんからちょっとここら辺をいじってみる

276 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:53:02.40 ID:2iePprlI0

IE5.0だったか4の頃にあった、tableタグにMS独自の属性つけて
外部のリソースからデータを動的に流し込めるアレって、今でも機能してるんだろうか

277 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:56:46.59 ID:yV5yKle/i

jQueryつかおう

278 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:58:52.01 ID:6gkmGxcw0

>>275 頭の<table>が抜かってるのでテーブルが成立してない

279 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:59:37.64 ID:HSbVO7Rv0

おい、なんかうんこまみれになってるが大丈夫か？

280 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 16:59:37.76 ID:NRxRF6taP

おーい>>1
段ボール箱を想像しろ。

<tag>空手寛</tag> ←箱に入ってるみたいだろ。

その箱に右に寄せるとか左に寄せるとか書くわけだ。
で、箱は入れ子にすることができる。つまり箱の中に箱。さらに箱という感じ。

当然、外箱の中にある内箱は、動ける範囲が決まってる。
外箱にぶつかるまでだ。イメージだけだが
<外箱>　　　　　　　<内箱>寛</内箱>　　　　　　　　</外箱>センタリング

<外箱><内箱>寛</内箱>　　　　　　　　　　　　　　　</外箱>左寄せ

<外箱>　　　　　　　　　　　　　　　<内箱>寛</内箱></外箱>右寄せ
こうなるわけだ。

んで、外箱にはいろいろ書いてよい。一応ルールはあるが。
レイアウトだったり色だったり大きさだったり。
これを駆使してやるわけだ。
テーブルタグは構造が決まってるからそこ重点おいたら今の問題はクリアできるはず。

ついでに、<body></body>が一番外の箱だぞ。

281 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:01:51.03 ID:lVR/fbN60

テーブルセルの幅が300px指定なのに、画像の幅が311pxじゃ、どうやっても収まらんと思うんだぜ

282 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:02:02.83 ID:NRxRF6taP

>>280
ミスった。
×んで、外箱にはいろいろ書いてよい。一応ルールはあるが。
○んで、箱にはいろいろ書いてよい。一応ルールはあるが。

283 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:05:15.15 ID:lVR/fbN60

とりあえず、どういうページのデザインを目指してるのか、
画像にでもして見せてくれないと、アドバイスもできんわ

284 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:07:34.94 ID:NRxRF6taP

>>283
阿部寛HP
>>42参照

285 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:10:31.49 ID:Y5GiKczk0

空手とブーメランを組み合わせたまったく新しい格闘技のHP作ろうよ

286 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:10:55.85 ID:AurtDFxj0

一番手っ取り早いのはパクることだ
阿部寛のサイトのソース全部パクって文面だけ変える、
そうすればHTMLがじょじょにつかめる
ひたすらパクってマネすれば一ヶ月そこらでHTMLマスターになれる

287 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:11:42.85 ID:lVR/fbN60

>>284
いや、画像をセンターにしようとしてるが、阿部さんのページは画像センターじゃないし……

288 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:14:38.45 ID:NRxRF6taP

今更だけど、全部テーブルでレイアウトしたサイト作ったのを思い出した。
たしか文字の拡大縮小に耐えられないサイトになるんだよな。枠が広がって…。うあーってなるんだよな。

289 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:14:52.34 ID:MHz/Pr8o0

>>287
あっ・・・ああああああああああああああ！

290 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:30:42.68 ID:S4crOmNZ0

今の部分だと、

<table align="center" border="0" width=900">
<tbody><tr>
<td valign="top" width="311"><img src="karate.jpg" width="311" height="396" alt="画像"></td>
<td valign="top" width="300"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a><font color="red">new!</font><br>うんこ</td>
</tr>
</tbody></table>

これか

<table style="margin:0 auto;" border="0" width=900">
<tbody><tr>
<td valign="top" width="311"><img src="karate.jpg" width="311" height="396" alt="画像"></td>
<td valign="top" width="300"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a><font color="red">new!</font><br>うんこ</td>
</tr>
</tbody></table>

これにすれば、画像とテルマエロマエが画面の真ん中ぐらいに来るようになるよ

291 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:33:15.53 ID:MHz/Pr8o0

TBODYがよくわからん

<table border="0" width=900">
<tbody><tr>
<td valign="top" width="300"></td>
<td valign="top" width="300"><img src="karate.jpg"></td>
<td valign="top" width="300">「<a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a>」<font color="red">new!</font><br>2012年公開
</td>
</tr>
</tbody></table>

これを

<table border="0" width=600">
<tbody><tr>
<td valign="top" width="300"><img src="karate.jpg"></td>
<td valign="top" width="300">「<a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a>」<font color="red">new!</font><br>2012年公開
</td>
</tr>
</tbody></table>

こうすれば阿部さんみたいになると思ったがおかしくなった、根本的な考え方が間違いなんでしょうかね？

292 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:34:12.41 ID:S4crOmNZ0

あ、<table>タグの中のwidth="900"ってのは消しておいてね。

293 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:35:33.11 ID:Sa+qCOEc0

tbodyなんか別にいらん
tfootもtheadもねーのに

294 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:38:05.05 ID:IWh9pKi20

どう阿部さんっぽくしたいの？

295 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:39:12.82 ID:Sa+qCOEc0

>>1が何をしたいのかだれも理解できてない件

296 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:39:18.61 ID:NRxRF6taP

俺も目標が見えなくなった。どうしたいんだ。
フォローしてくれる人多いみたいだし、図ぐらい書いてみろよ。

297 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:39:35.46 ID:4Cepu2RTO

そのHTMLってのが何か知らんが似せるなよ

298 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:43:08.59 ID:XGLPK0OH0

>>259
ie6って予想外のタグに対応してないの？

299 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:44:08.82 ID:Llww1elY0

文字が横に流れててもおかしくないなこれ

300 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:45:27.26 ID:MHz/Pr8o0

いましようとおもってることは
二つならべた300のtableの上に600のtableを入れてそこに
ＨＰ代と説明を書きたいのだが、centerで600のtableごとはさんでしまうと
説明文までcenterよりになってしまうのをなんとかしたいんだ

301 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:47:18.79 ID:Sa+qCOEc0

>>298
世の中に予想外のタグに対応してるブラウザなんかねーだろ

302 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:47:29.41 ID:X/ZvQIJo0

具体的にどうしたいのかがわからないんだよな
ペイントでいいから図と補足だけでも書いてくれ

適当にＣＳＳで３カラム組んだが知識を少しかじった程度でするもんじゃないな
正しいのかわからん

303 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:47:49.38 ID:XGLPK0OH0

align="left"とかでいんじゃね
http://www.tohoho-web.com/html/attr/align.htm

304 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:47:50.39 ID:rzH+rqnj0

http://tonys.k-free.net/
これ目指そうぜ

305 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:48:26.45 ID:S4crOmNZ0

>>298
予想外のタグとは例えばどういうの？

>>300
イメージしたとおりになるかは分からないけど、>>290のを試してみて欲しいな

306 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:48:48.16 ID:MHz/Pr8o0

>>302
HTMLを使えるなるようにするのが目的だから
今のところ阿部寛のＨＰをそのまま模倣しようと思ってるだけ
模倣できたら別の形に変えていこうと思っています

307 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:49:02.77 ID:Sa+qCOEc0

>>300
そりゃcenter中に入ってんだから当たり前だろ
右のtdの中で左寄せにしたらええやん

308 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:49:39.82 ID:Nc+EXozX0

全体的なイメージが定まって無い状態で作ると大変だよ
ワイヤーかカンプ作ってからコーディングしたら？

309 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:49:49.66 ID:XGLPK0OH0

なんで阿部寛に拘るんだよｗｗｗｗｗｗｗｗｗ

310 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:49:57.76 ID:Tw/lgSfz0

tableレイアウト懐かしいな

311 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:50:24.82 ID:j8FTVzO60

糸東流なら3段までとったわ

312 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:52:50.72 ID:IWh9pKi20

<table align="center" border="0">
<tbody><tr>
<td colspan="2">説明文</td></tr>
<tr>
<td valign="top" width="311"><img src="karate.jpg" width="311" height="396" alt="画像"></td>
<td valign="top" width="300"><a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a><font color="red">new!</font><br>うんこ</td>
</tr>
</tbody></table>

こういうこと？

313 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:53:22.96 ID:NRxRF6taP

<tabel>←外箱
　<tr>←横1列で区切る箱1(つまり1段目)
　　<td></td>←内箱1
　　<td></td>←内箱2
　　<td></td>←内箱3
　</tr>
　<tr>←横1列で区切る箱2(つまり2段目)
　　<td></td>←内箱1
　　<td></td>←内箱2
　　<td></td>←内箱3
　</tr>
</tabel>

ここまではおｋなようだな。
内箱の<td>に
<td style="text-align:left">みたいな感じで入れてみろ。

314 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:54:03.07 ID:k/K54Xu40

>>298
HTML5対応はIE9からなんだよ
あと通常でもIE6はCSSに関してバグが多いんだよね
だからまともに表示してくれない

315 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:54:55.88 ID:fJnMUDJpP

ｈｔｍｌよりCSSだろ

316 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:55:25.82 ID:b2ZzZ07a0

IE6 はもう見捨てていいよ

317 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:56:41.18 ID:Sa+qCOEc0

>>313
そこは<td align="left">か<div align="left">だろ
ここはクラシックスタイルで通すべき

318 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:57:20.54 ID:JhwZTdQ80

すうぱーりんぺいとか型の種類とかも混ぜてみたら？

あと協会入れるなら連盟とかも入れた方がいいかもね

319 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:57:53.12 ID:S4crOmNZ0

IE6のユーザーがアクセスしてきたら
「最新のブラウザに移行することをオススメします。」って表示を出すようにしたはいいんだけど
訓練されたIE6ユーザーはこの表示がウザいと苦情を入れてくるから困る

320 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 17:59:04.30 ID:NRxRF6taP

>>316

>>269　俺のサイトだけ数字だが、IE6は結構いるみたいだぞ。

>>317
すまん。ごっちゃになってるｗｗｗｗｗ。

321 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:00:03.44 ID:MHz/Pr8o0

>>313
できた、センキュー

どっと疲れた・・・

322 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:01:14.29 ID:HmkFy1MP0

阿部寛のホームページって前からフレームだったっけ

323 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:01:33.66 ID:Sa+qCOEc0

上のテーブルが無意味すぎる件

324 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:03:37.76 ID:Sa+qCOEc0

>>320
>>1が理解してないのにstyleつかちゃったじゃんw

325 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:05:47.02 ID:MHz/Pr8o0

こんどは<P>が無効になってしまったぞ・・・一行目に段落をあけたいのだが<td style="text-align:left">が邪魔してるってことなのか？

326 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:07:12.60 ID:NRxRF6taP

>>324
すまねえ。
>>1　>>317で進めてくれ

コンセプトはは旧ブラウザにやさしいサイト。

327 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:09:59.93 ID:TRzR1LuN0

ギギギとかラララとか誰だよやったのｗｗｗｗｗｗｗｗｗ

328 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:10:01.63 ID:Nc+EXozX0

ソースだけ見ると携帯サイトみたいなつくりだな
HTMLの勉強になっているとは思えない

329 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:10:55.15 ID:X/ZvQIJo0

</p>←これはいってるか
あと<td style="text-align:left">は文字の行揃えの指定だちなみに左

330 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:11:04.87 ID:XGLPK0OH0

<p>タグ閉じれてねえじゃねえかｗｗｗｗｗｗｗｗｗｗｗ

331 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:11:32.09 ID:DCSoyUx80

ちょっとワロタ

332 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:11:43.67 ID:66AOj9Jz0

なるほど

333 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:12:28.83 ID:NRxRF6taP

すでに5時間。うむ。

334 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:13:05.50 ID:go5gMePIP

よくできてるね！テルマエ・ロマエの紹介部分がじつにいい

335 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:15:12.06 ID:NRxRF6taP

>>334
ワロタｗｗｗｗｗｗ

なんかね。
パソコンに慣れていない阿部さんが自分でHP更新するために、
右手の人差し指で一生懸命キーボードをつついてるように思えてきたよ。

336 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:20:28.95 ID:MHz/Pr8o0

思い切って上のテーブルなくしてひとつのテーブルの中に二つのテーブル入れてみようと思ったら

<center><table border="0" width=600">
<tbody><tr>
<h1>空手寛のホームページ</h1>
<td align="left">
<p>なるほど、これなら少し長めの文章でも問題ないかもしれませんね。うんこララララ・・・</p>
<br>ラララ
<br>ギギギギギ・・・
<td valign="top" width="300"><img src="karate.jpg"></td>
<td valign="top" width="300">「<a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a>」<font color="red">new!</font><br><s>2012年公開</s>
</td>
</tr>
</tbody></table></center>

文章が縦になってしまった・・・なんで？

337 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:25:52.03 ID:XGLPK0OH0

全体でwidthが600と指定されてるのに、
2,3列目で300+300=600すべて使っているため、1列目の入るスペースがない

<table border="0" width=600"> の 600　を 900とかにすれば…多分

338 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:26:34.44 ID:Sa+qCOEc0

>>1の理想

┌table──────┐
│┌tr─────...┐│
││┌td.───.┐││
││└───.─┘││
│└─────.─┘│
│┌tr─────...┐│
││┌td.┐.┌td.┐││
││└─┘.└─┘││
│└─────.─┘│
└────────┘

現実

┌table─────────┐
│┌tr────────...┐│
││┌td.┐.┌td.┐┌td.┐││
││└─┘.└─┘└─┘││
│└────────.─┘│
└───────────┘

339 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:27:17.63 ID:NRxRF6taP

>>336
>>313
どの箱作ったか考えてみろよ

340 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:27:33.67 ID:eBF+Ofyc0

極真空手と新極真空手は分けるべき

341 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:29:23.44 ID:MHz/Pr8o0

>>338
俺がいま直面した現実がまさにそれ

342 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:30:06.09 ID:Nc+EXozX0

外部コンテンツはターゲットブランク
<a href="http://www.enterbrain.co.jp/comic/TR/" target="_blank">テルマエ・ロマエ</a>

レイアウトが崩れるのは
<tr>の閉じ忘れとcolspan="2"の入れ忘れ

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">

<html><head><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<title>空手寛のホームページ</title>
<link rel="stylesheet" type="text/css" href="./空手寛のホームページ_files/tdftad.css"></head>
<body background="./空手寛のホームページ_files/kabegami.jpg">
<center><h1>空手寛のホームページ</h1>
<table border="0" width="600"">
<tr>
<td align="left" colspan="2">
<p>なるほど、これなら少し長めの文章でも問題ないかもしれませんね。うんこララララ・・・</p>
<br>ラララ
<br>ギギギギギ・・・
</td></tr>
<tr>
<td valign="top" width="300"><img src="./空手寛のホームページ_files/karate.jpg"></td>
<td valign="top" width="300">「<a href="http://www.enterbrain.co.jp/comic/TR/">テルマエ・ロマエ</a>」<font color="red">new!</font><br><s>2012年公開</s></td>
</tr>
</tbody></table></center>

343 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:30:28.81 ID:Sa+qCOEc0

>>341
わざわざわかりやすくタグ名で囲ってやってるんだからこれ見て理解しろ
その後に絶対つまずくけどとりあえずこれをクリアしろ

344 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:35:51.84 ID:Sa+qCOEc0

まずつまずき方がおかしい
やり直し

345 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:44:48.71 ID:S6kZPD++0

なんか途中から真面目になっててワロタ

346 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:45:22.77 ID:NxILrki80

最終的にどーなるのよ

347 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:45:53.96 ID:Sa+qCOEc0

>>346
フルフラッシュって聞いてるぞ

348 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:47:36.66 ID:MHz/Pr8o0

<p>を使うとなぜか一行目と二行目の間に二行分あくのだが、これはいったいなんだ？
ちなみに

<center><table border="0" width=600">
<tbody><td style="text-align:left"><p>なるほど、これなら少し長めの文章でも問題ないかもしれませんね。うんこララララ・・・</p>
<br>ラララ
<br>ギギギギギ・・・
</td>
</tbody></table></center>

こうなってる

349 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:49:27.43 ID:Sa+qCOEc0

なんだと言われても仕様です

350 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:53:47.26 ID:HmkFy1MP0

とりあえずこれが気になる
width=600"

351 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:54:17.94 ID:X/ZvQIJo0

一応ブラウザには素人がサイト設計しても読みやすいように
初期値が設定されていてだな・・・

352 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:56:25.85 ID:k/K54Xu40

>>348
タグにはそれぞれ初期設定といった特性みたいなのがある
まずそれぞれタグにどういう特性があるか使いながら覚えるといいさ
それを変更したい欲がでたらCSSを覚える時だ

353 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:56:54.59 ID:NRxRF6taP

おい>>1

http://vip2ch.biz/files/6813/0683/5618/karate.jpg
http://vip2ch.biz/files/6813/0683/5643/title.gif

作ってきた。よければ使ってくれ。

354 ：以下、名無しにかわりましてVIPがお送りします：2011/05/31(火) 18:58:44.13 ID:MHz/Pr8o0

今回は<p>はあきらめるよ、でもおかげで無駄だったタブを結構減らせたから良かったよ

>>353
ありがとうございます、使わせてもらいます