12月30日

■Webの馴れ初め(日本語間違ってるかもしれん

ちょうど10年くらい前に作ったページ
写真がヘタすぎて泣けるw
kyoto2002

floatだとかそんな気の利いたものは授業(3~4日)でやらなかったので、
全部テーブルでレイアウトという今からすればだいぶ力技な書き方。
もちろんCSSって何?な状態なので、背景色とか書体なんかもHTMLに直書き。

あの時も記述が間違っていて並びが崩壊していたっけ、
と10年後にしみじみと思い出す羽目になろうとは・・
tableとかfloatとかレイアウトに関係するあたりが鬼門の様です、わたし。
 

<html>
<head>
<title>kyoto 2002 vol.1</title>
</head>
<body bgcolor="#000000">
<center>
<table height="338" width="840" border="0">
<tr>
<td height="169" width="120"><img src="kyoto03/fern169.jpg"></td>
<td height="342" width="244" colspan="2" rowspan="2"><img src="kyoto03/shrin342.jpg"></td>
<td height="169" width="244" colspan="2"><img src="kyoto03/garden1244.jpg"></td>
<td height="342" width="244" colspan="2" rowspan="2"><img src="kyoto03/approach342.jpg"></td></tr>
<tr>
<td height="169" width="120"><img src="kyoto03/shisendo1169.jpg"></td>
<td height="169" width="120"><img src="kyoto03/pond169.jpg"></td>
<td height="169" width="120"><img src="kyoto03/lantern169.jpg"></td></tr>
</table>
<font face="arial" color="#FFFFFF" size="6">Kyoto 2002<font size="5"> vol.01</font>
<table height="338" width="840" border="0">
<tr>
<td height="342" width="244" colspan="2" rowspan="2"><img src="kyoto03/ladle342.jpg"></td>
<td height="169" width="120"><img src="kyoto03/window169.jpg"></td>
<td height="169" width="120"><img src="kyoto03/shade2169.jpg"></td>
<td height="342" width="244" colspan="2" rowspan="2"><img src="kyoto03/garden2342.jpg"></td>
<td height="169" width="120"><img src="kyoto03/flower7169.jpg"></td></tr>
<tr>
<td height="169" width="244" colspan="2"><img src="kyoto03/ginsyadan244.jpg"></td>
<td height="169" width="120"><img src="kyoto03/handrail169.jpg"></td></tr>
</table>
<table height="10" width="840" border="0">
<td align="left"><a href="page0803.html"><font face="arial black" size="3" color="#FFFFFF">back</font></a></td>
<td align="center"><a href="home02.html"><font face="arial black" size="3" color="#FFFFFF">photogallery home</font></a></td>
<td align="right"><a href="page0902.html"><font face="arial black" size="3" color="#FFFFFF">next</font></a></td>
</table>
</center>
</body>
</html>

コード全部いれると子窓になるのか。

12月9日

■タグセレクタが正しく表示されない件の顛末

タグセレクタが出ない
#contentsの中のセレクタが表示されない=プロパティ(下段)も表示されない

1)
テーブルを作るときは↓を必ず記述すること。
cellpadding=”0″ cellspacing=”0″
記述しないでセル内のオブジェクトにmarginつけるとDwでタグセレクタがでず、
プロパティの編集(プロパティインスペクタ?)もでない。
テーブルの親(contents)までは出る。

ついでに。↓を記述しないと枠線は消えない。
border=”0″

2)
テキストのインデントは4桁まで。
◯ text-indent: -9999px;
✕ text-indent: -99999px;
5桁にすると1)と同じ現象が起きる。

ちなみにダイアログからは5桁で入力可でそのままCSSに記述される謎仕様。
両方ともHTML/CSSの記述的には問題なく、ブラウザ表示上も問題なし。
が、何が気に入らないのかDwの機嫌を損ねるらしい。
ライブビュー表示にすれば回避出来るのだが、そのデメリットは謎。

Dwのバグの様に見えるが、敢えてそいう仕様にする理由があるのかも。

■id/classの使い分け
idとclassの使い分けは基本的にはどっちでもOK。
同じプロパティを使いまわす場合はclassが便利。

同じid名は1回しか記述できない、プロパティが同じでもダメ。
めんどくさければ全部classでもいいんじゃないのか、とか。

■更新に時間かかるんだけど
サーバーに上げても更新されてない時は強制リロードしてみる
F5:キャシュを読んでからリロード
Ctrl+F5:キャッシュを無視して強制リロード

■覚え書き
1)
フッターの整理
2)
右のメニューが下端で出っ張るのはエレベーターメニューで
http://www.passione-style.com/sample/contents_js/009/#
http://grow.weblike.jp/immature_design/javascript/159.html
3)
Gmenuの番号を1~6で合わせる(photo2がみっつのとこ)
4)
ヘッダーのタイトルにリンク貼る
display:block; ←これ書かないとリンクにならないよ!