ホームページ作成/ホームページ 作り方/ホームページ作成のノウハウ |初心者向け|中級者向け上級者向け
ホームページ作成辞典/Dreamweaverで作るホームページの作り方。

ホームページ作成 辞典
ホームページ作成

まずはじめに
Dreamweaverとは
ホームページの基礎知識
ホームページ作成の準備

ホームページの作り方
サイトマップを設定する
画面サイズの設定方法
背景の設定方法
文字の色・種類の設定
画像の入れ方
リンクボタンの設定方法
レイアウトの配置方法
テーブルの編集のコツ

画像の作り方
画像の作成方法
WEBデザインの勉強

応用の知識
スタイルシートの設定
Javascriptとは
投稿フォームの作り方
インターネット上に公開
サーバーの準備
アップロードの方法

中級者向け上級者向け


ホームページ作成辞典 > 


ホームページ作成/中級者向け

中級者向けのトピックス

下記はホームページ作成辞典の中級者向けのトピックスです。
ドリームウィーバーの少し上級のテクニックと、WEBデザインのコツを紹介していきます。

Dreamweaverの機能
リンク切れを自動チェック
ファイル名を一括変更
全ディレクトリ内を一括置換
■テンプレートの機能

テンプレートの作り方
■テンプレートの作り方
■ライブラリーの作り方
■テンプレート更新の方法

WEBデザインのコツ
■フォントのデザイン
■色のデザイン
■空間デザイン

SEO対策について
■SEO対策とは
■基本的なSEO対策




ドリームウィーバーの機能/リンク切れを自動チェック

リンク切れを自動チェック

ボタン一つで全ページ分ののリンク切れをチェックしてくれて、修正もワンタッチで可能です。テキストリンクだけでなく、画像のリンク切れもチェックしてくれます。

リンク切れチェック

使い方は簡単。「サイト」→「サイト全体のリンクチェック」で一発チェックできます。
この機能を使うと、下のような画面が出てきます。
破損しているページと、その破損リンクが一覧で表示されます。(この画像では破損している画像が表示されています)
修正もワンタッチで可能!!非常にかんたんです。

リンクチェックと修正

修正したい破損リンクを選んで、クリックすると上記のようになります。
ここで、そのままリンクや画像を入れ替えることができます。
ここで入れ替えるだけで、ソースも自動的に変換してくれます。

下記の破損ページの方をダブルクリックすると、破損しているソースを一瞬で立ち上げてくれます。そして、リンク不切れしている部分にカーソルを置いてくれます。
これで細かな修正も可能というわけです。

かんたん修正

  ドリームウィーバーの機能/リンク切れを自動チェック 詳細



ドリームウィーバーの機能/ファイル名を一括変更

ファイル名を一括変更

ホームページのディレクトリや、画像のファイル名を変えたい場合、一つ変更するだけで全ページ分、いろんなリンクを変更せねばなりません。が、Dreamerverなら一発で変更できます。

画像やフォルダの名前変更

名前を変更する際には、この右側のサイトマップから変更しましょう。
変えたいファイルの上で、ゆっくりダブルクリックすると・・・名前を変更できるようになります。
名前を変更すると、自動的に下記のウインドウが表示されます。

ドリームウエーバー

更新ボタンを押すと、そのファイルが使われているページの、リンクを一括変更してくれます。
これで数時間かかるような作業でも一発で間違いなく変更できます。
非常に貴重な機能ですので、この機能はしっかり覚えておくことをお勧めします。

  ドリームウィーバーの機能/ファイル名を一括変更 詳細



ドリームウィーバーの機能/全ディレクトリ内を一括置換

全ディレクトリ内を一括置換

100Pあるホームページでも、どんなに階層が深くても、一括で置換することが可能です。
置換とは、○○○をいう文字を△△に置き換える、という機能の事です。

Dreameaver 置換

まずは、「編集」→「検索/置換」を開きます。
ショートカットキーはCtrl+Fです。この機能は良く使われる機能ですので、ショートカットキーは覚えておくことをお勧めします。


全ディレクトリ 一括置換

もしも、全ディレクトリ、全ページ、この置換を置換を行いたいのなら、検索対象を「現在のローカルサイト全体」と設定してください。正確に置換したいなら、検索の項目は「ソースコード」にして、変更される事をお勧めします。

これで一括置換してくれます。
が、一度行ってしまうともとに戻せなくなりますので(リドゥーが効かない)バックアップは必ず取っておきましょう。

  ドリームウィーバーの機能/全ディレクトリ内を一括置換 詳細





ホームページ作成辞典
ホームページ制作ロゴデザイン

ホームページ作成
Macromedia および Dreamveaver は、Macromedia, Inc. の米国およびその他の国における商標または登録商標です。
Powered by:Movable Type 3.151-ja