第一回 [フレーム分割するためのスライス] | FireWorksとDreamWeaverでオーサリング

第一回 [フレーム分割するためのスライス]

誰も聞けない聞いてはいけない
HTMLオーサリング技法

~ファイアワークスとドリームウィーバーでオーサリング~

画像を多用して解りやすく仕上げた都合上、

静止画だけなのに、ブロードバンドコンテンツです。


うちのデザイナさん、かろうじてFireWorks使えます。
ですが、WEBレイアウトの仕組が今一つでございます。
今日もまた一つお仕事(?)が舞い込んで参りました。
せんせー、どうやんの~(死)


1 そして、こんなファイアワークスの原稿がきました。

どうやら、上段、下段が固定で、真中の青と赤の間がスクロールだそうです。

真中スクロールっちゅうことは、フレームを別けることは確定です。

インラインフレームの場合はまた違うけど、今回は単純に3分割フレームとして考えましょう。


2 真中は横スクロールなので、後で作りこむとして、上下の部分をまず、ファイルとして別けました。




3 んでもって、スライスとビヘイビアの埋め込みをします。

参考に上の部分だけね。


4

そして、スライス結果をHTMLに出力します

ポイントは、サイト構成とフレーム構成を考えて、相対リンクを崩さないようにImageとHTMLの関係を
考えつつ出力です。

私の場合ですと、全て相対パスで組みますので、

DocumentRoot
-index.html(フレームの親玉)
-menu.html(上部メニュー)
-main.html(真中のメインコンテンツ)
-foot.html(下部)
-images(ファイアワークスのスライスイメージ用ディレクトリ)

と想定して出力します。こんな感じですね。


次はDreamWeaverで作業!


N
G

こりゃあ、すっぱいですな。

ここまでやっちまうと、もはや1ページでしかできんぞ、おい。
どうすんだ、これ。



Written by Takayuki [email protected] 2002/12/05 Updated.
作成日
2008.04.12 (土)
最終更新日
2008.05.04 (日)
作成者
Takayuki Hirosawa
  • speed_fish 引っ越ししてからつなげていなかったとても古いnetgearのnas。今日つなげようとしたらlan経由で全くつながらず。windows10が勝手にsmb1を切り捨ててたと判明するまでに3時間。httpでもpingでもつながるのにos… https://t.co/Ejd7om16t0 2018-04-24 11:41:09
  • speed_fish modxからevoが切り離しかー。まあrevoとはもう別物感溢れてたし良いんじゃないでしょうか。やりやすくなるといいなー。 2017-04-28 20:33:09
  • speed_fish Chromeの57から頻発している、ERR_BLOCKED_BY_XSS_AUDITOR。試してみたけど、hidden含め入力項目にJavaScriptが入っても発生。HTTPS化していないフォームはまあ当然発生かな。 2017-04-10 18:00:57
  • speed_fish modxサイトをcloudflare化でeFormで引っかかる。中身みたらsite_urlでリファラーチェックしてました。ssl flexibleを使おうとしてたので、eFormを改造。パラメータにsiteurlを追加しましたとさ。#modx #cloudflare #eform 2017-03-04 00:44:09
  • speed_fish メモメモ。MODxでAMP対応するスニペット。 GETのURLが気に食わないのでリライトかな。 https://t.co/Oa9qzQ5dOr 2017-02-03 01:10:54