96's blog

WEBサイト制作科 6ヶ月コース

魅せる!iPhoneサイト

.htaccessでの振り分け

「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。

.htaccessファイルの作成

Dreamweaverやメモ帳などなんでもいいのでテキストで作成。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|iPad|Android)
RewriteRule ^$ /sp/ [R]
</IfModule>

最後の行も改行すること。

ファイル名を「.htaccess」で「○○/index.html」と同じフォルダに保存。

Dreamweaverでファイル表示

.○○のファイルは非表示なので、表示させる。

ファイルのパネルの右上のメニュー→[表示]→[非表示ファイルの表示]

f:id:webtm2013:20131119100253j:image

ロリポップサーバーを使う場合のパーミッション設定

.htaccessをアップロードしたあと、ロリポップ指定のパーミッションの数値を変更。

Dreamweaberでは、リモートサーバーを表示し.htaccessを右クリック→[権限の設定]→数値を「604」に設定。

f:id:webtm2013:20131119103908j:image

f:id:webtm2013:20131119100255j:image

忍者では

.htaccessを使うことはできない。

作例4

要素幅より長いテキストを...で省略

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;