「Dreamweaver」のソースビューにちょくちょく緑色の波線が表示されるのにお気づきでしたでしょうか？
実は、自分は全く気づいていませんでしたが、教室の生徒さんからちょっと聞かれたので気になったので調べてみました。

□ Dreamweaverで質問です。 コードビューで緑の波線がでてしまいます。マウスをのせるとエラーメッセージが表示されてしまうのですが。。。 - ホームページ制作Q&A - DESIGNMAP

Dreamweaverで「ブラウザの互換性」という機能があり、緑の波線はその機能による警告です。

こんなヤツがひょうじされます。 

タグ ：

Dreamweaver

ドリームウィーバー

ブラウザ

ブラウザ互換

波線

Webデザイン

今更テーブルによるデザインレイアウトのサイトを編集するなんてことがあるとは思っていませんでした。
逆にそこまで対応できる人がなかなかいないからこその需要なのかもしれません。 

ということで、テーブルでデザインされたサイトの修正作業をしました。
今でこそありえないのですが、CSSが使えるようになる以前はテーブルタグを使ってWebサイトのレイアウトデザインをしていたんです。
その時に重宝していたのがDreamweaverの拡張テーブルモード。
テーブルの構造が目に見えてよくわかるのでテーブルレイアウトのデザイン修正をするのに便利なモードです。


Adobeの製品を買うならこちら。

タグ ：

Dreamweaver

ドリームウィーバー

拡張テーブルモード

右クリック

メニュー

ボタン

訓練校の生徒さんの中に「サイト定義」のことがさっぱりわからないという方がいました。
素朴な疑問ながらもそういえばよくわけわからんなということで、解説してみることにしました。

タグ ：

Dreamweaver

ドリームウィーバー

サイト定義

FTP

ホスト設定

サーバー設定

先日、Dreamweaverでのサイト定義をひと通り説明していきましたがDreamweaverを持っていない人にとっては何の意味も成しません。
まあ、当然ですよね。
で、Dreamweaverを持っていない方のためにフリーウェア（フリーソフト） のFFFTPでサイト定義を作る方法をお話します。
なお「サイト定義」という言葉はDreamweaverでしか使っていません。FFFTPの場合は「ホストの設定」といっています。

□ ダウンロード - FFFTP (エフエフエフティーピー) - SourceForge.JP 

タグ ：

FFFTP

サイト定義

ホストの設定

Dreamweaver

フリーソフト

フリーウェア

Webサイト

最後はホームページの公開手順。
サイト定義が済めば、Dreamweaverでサイト編集を済ませたら即時にアップロードできるようになります。
さらに、同期設定等を使えばより楽にサイトが管理できるのですが、ここでは最初の公開時にアップロードする方法のみとさせて頂きます。
後の機能に関しては以下の本でも買って勉強してみてください。

タグ ：

FC2

FC2ホームページ

サイト定義

Dreamweaver

ホームページ作成

Webサイト作成

さてさて、FC2ホームページでサーバーをレンタルしたら今度はDreamweaverの設定になります。
ここさえ終わらせれば、晴れてホームページ公開となるわけです。
ただし、FC2ホームページの無料版ですと、FC2へのリンクがフッター部分に必ずついて回るので、
もし、これが気になるようでしたら有料サービスも考えたほうがいいかもしれませんね。

タグ ：

FC2

FC2ホームページ

サイト定義

Dreamweaver

ホームページ作成

Webサイト作成

すみません。
学校用のメモとして記事立てさせて頂きます。
それなりに需要があるんじゃないかと思っているのですが。。

タグ ：

FC2

FC2ホームページ

サイト定義

Dreamweaver

ホームページ作成

Webサイト作成

デザイナーからちょっとした注文が入ったので久しぶりにFlashをいじってみた。
Flashのコンテンツの上にHTMLのボタンを配置したいらしい。


何も設定しないとこういった形でFlashが上に出てしまう。

タグ ：

Flash

フラッシュ

html

z-index

wmode

transparent

Dreamweaver

ドリームウィーバー

SWFObject

なんか知らない間にプロット・ファクトリーWebサイトにIE（インターネットエクスプローラー）でアクセスするとレイアウトが崩れるようになっていた。
以前はちゃんと表示されていたはずなので、CSSの記述に問題があるとは思えない。
そこで、いろいろ調べてみると、過去に書いたこんな記事を見つけた。

□ Dream Weaver CS3はユニコードがお好き

CS3より前のバージョン（Dream Weaver 8等）ではCSSに文字コード指定が入っていないので、 Dream Weaver（ドリームウィーバー）CS3でCSSを編集する場合はCSSの文字コードに注意しましょう。

Dreamweaver CS3以上をお使いの方はご注意ください。

タグ ：

IE

Internet_Explorer

Dreamweaver

文字コード

デザイン

Dreamweaver（ドリームウィーバー）を使っていて「Google Chrome」でも動作確認がしたいと思った。
まず、「ファイル」→「ブラウザでプレビュー」→「ブラウザリストの編集」を選び「+」ボタンを押して「参照」を押すとアプリケーションを選ぶ画面になる。
ここで、大概のアプリケーションはCドライブの「Program files」内にあるのだが「Google Chrome」は見当たらない。
しかたがないので色々さがしてみるとなんととんでもない奥深くに見つかった。
その場所とは？

タグ ：

Google_Chrome

ディレクトリ

場所

Dreamweaver

Web覚書

こちらの記事で使った表組みやこちらの記事で使った表組みの簡単な作り方をお伝えします。
ポイントは「正規表現」。

正規表現ポケットリファレンス (POCKET REFERENCE)
著者：宮前 竜也
販売元：技術評論社
発売日：2006-02
おすすめ度：
レビューを見る

タグ ：

正規表現

表組み

ブログ

Dreamweaver

秀丸

以前、紹介すると言っていたWeb制作で使うツールをご紹介します。

Adobe Creative Suite 4 Web Premium 日本語版 Windows版
販売元：アドビシステムズ
発売日：2008-12-19
レビューを見る

タグ ：

FFFTP

TeraTerm

Dreamweaver

秀丸

WinMerge

Dreamweaverを使っていてこれだけは覚えておきたい正規表現です。
本当にこれだけです。すいません。

タグ ：

Dreamweaver

ドリームウィーバー

正規表現

unix

ワイルドカード

今となっては昔の話ですが、FireworksでのHTML書き出し時のお話。
忘れないうちに書いておく。

タグ ：

FireWorks

Dreamweaver

spacer

html

書き出し

McAfeeの期限切れが近づいているので、
ウイルスセキュリティに乗り換えてみた。

タグ ：

ウイルスセキュリティ

McAfee

ノートン

Dreamweaver

ソースネクスト