ki:blog

右手に萌えを、左手にネタを。

<< 強さの原点 * :: main :: むしろ後ろめたい >>

改装完了

も、いい…とりあえずこれで。フライングですが完了ということで。
色々変わってますが内部的な話はさておきとりあえず、

▼色替えが出来ます。
ページ最下部(アバウト下)で色が切り替えられます。IEだと状態も保存してくれます。
というか、MozillaもOperaも対応な筈なのに記憶してくれない…。なんでだ何が悪いんだ…!

▼携帯対応しました。
見るだけなら出来ます。
ただ改行とかが変かもしれません。携帯によると思います。
当然ながらファイル容量の大きいファイルは携帯によっては開けません。ドリはデフォルト名で表示されます。

▼ファイルアドレス変更
一通り整理したのでアドレス変わってます。
あとバナーをjpg→gifにしたのでこっちも変わってますが、jpgもこそりupしてあるのでそのままでも良いです。ただgifの方が綺麗ですけど。

技術的な話。 

いくつか紹介しておきますねー。興味ある人はどうぞ(笑)

▼携帯対応
1.SS
よくJavaScriptを使ったブラウザの「戻るボタン」を実装すると思うんですが、携帯の場合これが出来ないんですね。JavaScriptが使えないので。
そこで、JavaScriptが使用できない環境では指定アドレスへ、使用出来る環境では戻るボタンの機能を実装させます。
<a href="../top.html" onclick="history.back();return(false);">BACK</a>

2.ドリーム
当然同じ理由で名前変換も出来ないので、デフォルト名を入れておきます。
文章<script><!--(変換スクリプト)
--></script><noscript>名前</noscript>文章
こうすればいいってさっき気付いた(笑)
※このときソース内に改行が入ると、名前と続く文章の間に微妙な隙間が入るので気をつけてください。

3.htmlとcssの分離
ソースはタグだけで書いてます。これにクラスを付けて、装飾は全てスタイルシートで。構文チェックでhtml構文91点、css構文オールクリア。
メリットはどんな環境でも見れること。だから携帯でも見れるんですが。携帯だとcssを無視するので、純粋に構文だけ表示されます。
こうしてhtmlとcssを分離することで、同じcssで複数のhtmlを管理したり(例:SS)、逆に同じhtmlで複数のレイアウトが可能になります(例:TOP)。本体と飾りが別なのは着せ替えでなんとなく分かるんじゃないかなー、と。(基本スクリプト+色スクリプト数種類で作ってます)

あとは細かいのでやめておこう…。俺もう疲れたよパトラッシュ。

まぁ殆ど自己満足です。このサイトには必要ねーもん(笑)ただ最近のWeb製作には必要なスキルなので頑張ってみた。>css
あとはJavaScriptとか出来たら特技:Web製作って言えるんだけどなぁ…(笑)鬼門だ…。
庭球 :: comments (0) :: trackbacks (0)

Comments [↑NEW]

Comment Form

Trackbacks