ホームページ制作講座

ホームページ制作のHTMLやCSS、JavascriptやDTDとかDreamweaverなどWEB制作について

DreamWeaver

正規表現の記号をDreamWeaver 検索および置換を利用して一括置換してみましょう。

今回のホームページ制作講座では記号部分を正規表現での置換する一連の流れについてドリームウィーバーの置換機能で一括置換に関して説明しています。 [第1の工程] ここではドリームウィーバーを使用して、起動して対象HTMLファイルを表示してみます。 [第2…

DreamWeaverでコーディング高速化機能 コードナビゲータ

DreamWeaverでマークアップ作業中に、もはやCSSの編集なくしてホームページ作成は極めて難しいことが多いのですが、CSSセレクタの編集も、数が増えるとなかなかプロパティや値の修正に手間がかかってしまいます。 そこでプロユースのHTMLエディタDreamWeaver…

Dreamweaverのリンク切れチェック機能の活用

アンカーテキストのリンク先がない場合、いわゆるリンク切れのときにはいくつかのデメリットがあります。・顧客に注意を受ける・検索エンジンからの評価が微妙に低くなる・閲覧ユーザーをがっかりさせるなど。リンク切れのチェックはDreamweaverを利用しての…

Dreamweaver一括置換でアンカーリンクのみを外す

ワイルドカードを利用したDreamweaverの一括置換の応用で、異なるリンク先とアンカーテキストのたくさんのリストのアンカーリンクを一括で削除します。これはテーブル内にある大量にあるアンカーテキストとアンカーリンクがすべて別々のテキストとリンク先UR…

Dreamweaverソースコード行番号の表示方法

Dreamweaverでソースコードを編集する際、左側に行番号が表示可能ですが、非表示になってしまっている場合の行番号の表示・非表示の設定方法メニュー...........................を入れる。これでソースコード編集画面の左側に行番号が表示される。

Dreamweaverで作成されるファイル拡張子steについて

ファイル拡張子のsteとは、HTMLオーサリングソフトのサイトの管理を行うためのプロジェクトファイルのサイト定義ファイルのこと。 拡張子steのファイルを開くには、XML形式のデータなのでテキストエディタで開けますが、本来は、ファイル形式で管理できるよ…

Dreamweaverサイト管理情報の書き出しと読み込み

Adobe Dreamweaverのサイト管理情報はファイル拡張子.steで管理可能です。ファイル拡張子のsteとは、HTMLオーサリングソフトのサイトの管理を行うためのプロジェクトファイルのサイト定義ファイルのことで、Dreamweaverで編集したサイト管理設定を個別にエク…

Dreamweaverワイルドカードでの検索・置換

Dreamweaverでの検索や置換作業では、単一キーワードだけではなく、連番などを含んだ文字列を検索したり置換えしたい場合があります。例えば拡張子のみをPNGからJPEGに変更したいときや、共通のファイル名を別の名称に変更したときなどです。基本的にはDream…

DreamweaverでFTP接続アップロード

WEBサイトのサーバーアップロードは、FTPソフトを使用した方がいろいろな意味でよいと思いますが、一行のみの更新などではいちいちFTPソフトを起動してアップロードするよりも、Dreamweaverで更新してすぐにアップロードした方が手間がかからないかもしれま…

テンプレート解除と切り離し-Dreamweaver

HTMLマークアップエディタのDreamweaverにはテンプレートなる便利な機能ファイルを作成して、特定のブロックのみをすべてのページに対して同一ファイルで管理することができます。拡張子は、dwt(dreamweaver template)です。 しかし、ページによっては個別に…

アセット-DreamWeaverアセット各機能

今回は、DreamWeaverアセットパネルの各機能についてまとめみます。 アセットパネルには、対象サイト内で定義されたファイルやURL、ライブラリーやJavascript、色やテンプレートなどというったサイト定義に帰属する情報を格納しています。挿入やドラッグドロ…

DreamWeaverCS4テンプレートとは

HTMLエディターアプリケーションであるDreamweaverにはテンプレート機能があります。 テンプレートとは、その名のとおり雛形ファイルを意味し、拡張子はdwtというファイルが作成されます。 まずはテンプレートファイルの作り方です。 テンプレートファイルの…

DreamWeaverCS4エラートラブルシュート

HTMLオーサリングで、DreamWeaverを使用する方も多いと思いますが、『DreamWeaverCS4エラーのため次のトランスレータがロードされませんでした』なるエラーダイアログが表示された時のトラブルシュートになります。1・DreamWeaverを終了します2・以下パスに…

rssフィードを埋め込む

rssフィードをWEBサイトに設置する方法です。 WEBサイトの更新頻度を自動的に行うために、rssフィードを利用してみましょう。 やり方としては、ちょっとしたプログラムソースを使用して関連記事などのrssフォードをサイト内に設置します。 いくつか方法があ…

依存ファイルDreamWeaverCS4

DreamWeaverCS4は慣れるまで時間がかかりそうだ。ドリームウィーバーに限らすPhotoshopもIllustratorもCS4は、以前のCS3の操作性が完成されていたのではないかと感じたぐらいだ。 これまでのctrl+tabでのタブ切り替えが使えなくなったのはきつい。 話は戻っ…