FireworksのHTML書き出し方法
1年以上前の記事です。内容が古い可能性があります。
今となっては昔の話ですが、FireworksでのHTML書き出し時のお話。
忘れないうちに書いておく。
みなさんは、FireworksでHTMLを書き出しするときはどうしてますか？
スペーサー使ってますか？
そもそも、スペーサーって何？って人もいるかもしれません。
スペーサー(SPACER)とは、HTML書き出し時にレイアウト崩れを防ぐために、
FireWorksが勝手につけてくれる1px×1pxの透明GIFファイルのことです。
ちなみにファイル名は「spacer.gif」。
書き出し後に画像のあるディレクトリを覗いてみると、きっと見つかるでしょう。
これを、テーブルの一番上(もしくは一番右)のセルに貼り付けて、
レイアウトが崩れないようにしています。
(そもそも、テーブルタグをレイアウトに使うのはオススメできないのですがそれは置いておいて)
さて、こうやって作り出したHTMLをDreamweaver(かつてドリームウェーバーと言っていましたが間違いです。ドリームウィーバー「夢をつむぐ」が正解です。)へ持っていって、編集します。
テキストはなるべく画像じゃないほうがいいので打ち直します。
画像だったテキストを打ち直すと文章がリフロー(文字が溢れ出る)しちゃうこともありますが、
そうなるとさあ大変。レイアウトがぐちゃぐちゃに。
そんなときは、書き出し時にスペーサーなし(ネストテーブルスペーサーなし)をえらんで書き出ししましょう。
Dreamweaverで開くと画像の切れ目に罫線が入ってますが気にしない。
（var.8ではこの問題は解決しているようです）
検索置換で「undefined」を「0」に置き換えれば直ります。
準備OK!!
この形式で書き出したHTMLファイルを使うと、
valignで、上ぞろえ、下ぞろえ等の設定をする必要はありますが、
比較的自由に画像をテキストに変えたり、
インラインフレームを入れたり、
本文部分をすっかり入れ替えたりできるようになります。
ぜひ、お試しください。
アドセンス広告メイン
関連記事
-
-
さすがに変なところから電話やSMSがきたので美女子アカウントを友達から外した【Facebook】
1年以上前の記事です。内容が古い可能性があります。いや、だから会ったことのない女 …
-
-
ワンクリックアップデートでワードプレス終了。「更新の必要はありません この WordPress のデータベースはすでに最新のものです」と出て先へ進めなくなった時の対処法
1年以上前の記事です。内容が古い可能性があります。いや、ビックリしました。 これ …
-
-
「ワークフォースマネジメント」とは何のこと？
1年以上前の記事です。内容が古い可能性があります。「アクティビティストリーム」に …
-
-
安いからという理由だけで買ったDVDドライブでCDを破壊
1年以上前の記事です。内容が古い可能性があります。ずいぶん前に起こった出来事をふ …
-
-
情報収集なら「ツイート検索」+「RSS登録」が最強!!
1年以上前の記事です。内容が古い可能性があります。百式管理人さんのもうひとつのブ …
-
-
セキュアなままでニンテンドーDSのWi-Fi通信を可能に【前編】
1年以上前の記事です。内容が古い可能性があります。現在、僕の自宅のワイヤレスLA …
-
-
タスクマネージャーでプロセスを調べてみた part5
1年以上前の記事です。内容が古い可能性があります。自宅でパソコン教室に使っている …
-
-
アメブロ「アメーバブログ」が勝手にリダイレクト。フリープラグインに設置した「FBLkit」が原因
1年以上前の記事です。内容が古い可能性があります。WordPressに移転してそ …
-
-
左下クイック起動アイコンに「デスクトップの表示」を再登録する方法
1年以上前の記事です。内容が古い可能性があります。すべては以下のリンク先で解説し …
-
-
HTML5対応HTML構文チェック（バリデート）サイト「Another HTML Lint5」
1年以上前の記事です。内容が古い可能性があります。Dreamweaverなど、H …
- PREV
- 新手のリンクファーム
- NEXT
- 違法コピーの密告に100万ドル
