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で、上ぞろえ、下ぞろえ等の設定をする必要はありますが、
比較的自由に画像をテキストに変えたり、
インラインフレームを入れたり、
本文部分をすっかり入れ替えたりできるようになります。
ぜひ、お試しください。
アドセンス広告メイン
関連記事
-
-
LINE(ライン)で思いもよらない友だちからのメッセージを防ぐためにチェックしておきたい3つの項目
1年以上前の記事です。内容が古い可能性があります。知り合いの女子でスマホを持って …
-
-
Webデザイナーピンチ!!15分でサイトが作れる「みんなのビジネスオンライン」
1年以上前の記事です。内容が古い可能性があります。中小企業経営者にとっては朗報、 …
-
-
iPhoneでOSのバージョンを確認する方法
1年以上前の記事です。内容が古い可能性があります。カメラでズームのできる無料アプ …
-
-
携帯SEO
1年以上前の記事です。内容が古い可能性があります。携帯サイトの依頼が来た。 しか …
-
-
Google Maps API
1年以上前の記事です。内容が古い可能性があります。Google Maps API …
-
-
ネットでもメディア操作は行われる?
1年以上前の記事です。内容が古い可能性があります。<痴漢行為>植草・元教授に懲役 …
-
-
カーナビの地図更新サービスの無料期間が終わりそうなので地図データをアップデートしてみた(ID取得編)
1年以上前の記事です。内容が古い可能性があります。1. ID取得編 | …
-
-
オールフラッシュ
1年以上前の記事です。内容が古い可能性があります。最近、Flashをずいぶん覚え …
-
-
アメブロ(Amebaブログ)をケータイで更新する方法
1年以上前の記事です。内容が古い可能性があります。今さらですが生徒さん及び娘がア …
-
-
「Google Chrome」で秘密のサイトへ行くならシークレットモード(Ctrl+Shift+N)が便利
1年以上前の記事です。内容が古い可能性があります。激速で人気のブラウザ「Goog …
- PREV
- 新手のリンクファーム
- NEXT
- 違法コピーの密告に100万ドル