哲やんブログ

1月 20

Dreamweaverのバグ？Fireworksのバグ？

WEBネタ No Comments »

DWCS5.5から正式（？）にHTML5でのサイト構築が可能になりましたが、不具合に遭遇。
ドキュメントタイプをHTML5で作成するを選択した場合、ソースは以下のようになります。

<!DOCTYPE HTML>
<html>
<head>
<meta charset=”utf-8″>
<title>無題ドキュメント</title>
</head>

<body>
</body>
</html>

これを通常のＷＥＢを作るように記述します・・・例えば・・・

<!DOCTYPE HTML>
<html>
<head>
<meta charset=”utf-8″>
<title>無題ドキュメント</title>
</head>

<body>
テスト画像の表示
</body>
</html>

この後、イメージのプレースホルダー機能で、Fireworksで編集可能な画像の設定します。

<!DOCTYPE HTML>
<html>
<head>
<meta charset=”utf-8″>
<title>無題ドキュメント</title>
</head>

<body>
テスト画像の表示
<img src=”" alt=”" name=”" width=”32″ height=”32″>
</body>
</html>

この後、Fireworksで作成された画像をDreamweaverから読み込んで設定します。
このあたりの連携が優れていたのですが、ソースを見るとテキストデータに文字化けが・・・

<!DOCTYPE HTML>
<html>
<head>
<meta charset=”utf-8″>
<title>無題ドキュメンチE/title>
</head>

<body><p>チEト画像E表示 </p>
<p><img name=”test4″ src=”images/test4.gif” width=”32″ height=”32″ border=”0″ id=”test4″ alt=”" /></p>
</body>
</html>

これでは使い物になりませんね。
バグか仕様か・・・
どうしたら文字化けしないで連携が取れるのでしょうか？

ちなみにこの現象はHTML5で作成を始める時に限って起きます。

11月 18

jQuery Mobileが「1.0」になったので・・・

WEBネタ No Comments »

jQuery Mobileが「1.0」になったので、Adobe Dreamweaver CS5.5のjQuery Mobileを書き換えカスタマイズ。

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

11月 08

今シーズンの雪遊び計画スノースクート編

スノースクート　冬季限定 No Comments »

そろそろ今シーズンの雪遊び計画を立てないとと思っていますが、例年通り新潟県の上越になると思います。
ただ、常宿が今年の夏の豪雨で被害に遭い、今シーズンは営業しないとの連絡が入っていましたので、別の宿にしようと思っています。
相変わらず、正月の一度きりのスノースクート遊びになりそうですが・・・

Tagged with: スノースクート

10月 21

Adobe Dreamweaver CS5.5のjQuery Mobile 1.0 Beta 3対応方法－ホームボタンの追加

WEBネタ No Comments »

トップページ以外のページの左上にホームへ戻るボタンの設置方法です。

<haed>内に書き加えてください。

// 最初のページ以外の全ページにホームボタンを追加
$(document).ready(function(){
$(‘:jqmData(role=page)’).live(“pagebeforecreate”, function(evt){
var page = $(this),
home = $.mobile.firstPage;
if ( page.attr(‘id’) != home.attr(‘id’) ) {
page.find(‘:jqmData(role=”header”)’).append(
$(‘<a href=”#’ + home.attr(‘id’) + ‘” data-transition=”slideup” data-role=”button” data-icon=”home” data-iconpos=”notext”>Home</a>’)
);
}
});
});