*

DreamWeaverの便利な「ライブラリ機能」

公開日: : 最終更新日:2017/10/15 Webサイト作成

webサイト作成にはコピーとペースト(貼付け)作業をよく使います。

メニューやヘッダー(タイトルなど上の部分)、フッター(コピーライトなど下の部分)は、頻繁には書き換えをしませんが、たまにメニューの追加や削除、コピーライトの年変更などの作業があると思います。

ページが少ないうちは、1ページずつ修正しても手間はかかりませんが、数十ページになると大変!経験はありませんか!?

以前紹介した「DreamWeaver」には、これを解消してくれる便利なライブラリ機能があるのです。今回はサイドメニューで使ってみます。まずメニュー部分をドラッグ。

メニュー部分をドラッグ

次にウインドウのアセットを選択。

アセット機能

右下の+アイコンを押して、任意の名前をつけ保存。

image6

webサイトフォルダーの中にLibralyフォルダーができます。その中にメニュー部分のソースタグがあるので、DreamWeaverで開き変更したい部分を修正。

image4

更新すると、ライブラリ機能で作成したタグを貼りつけた全ページのメニュー部分が修正されます。

これはほんとに便利な機能!これからDreamWeaver使おうと思っている初心者の方はぜひお試しを。



ad

関連記事

php工房

問い合わせフォームを作る

ちょっと油断すると更新が遅れますね(笑 ところで、サイトに不可欠なのが問い合わせフォーム。

記事を読む

TeraPad

サイト作成に役立つツール

webサイト作成には、バナーやボタンなどが必要です。 ホームページビルダーには「ウェブアートデ

記事を読む

ページのコピーと貼付けで注意すること

以前も書きましたが、ホームページ作成にはコピーと貼付け作業を頻繁に使います。 サイトの構成を考

記事を読む

スマホ人口の増加

スマホのユーザーが増加中!なのに…

企業のウェブサイト(ホームページ)でも、まだスマートフォン対応していないものが多いですね。

記事を読む

無料テンプレート

webサイトのテンプレートはどれを選ぶ?

さて、サイトのテンプレート選びです。 googleで検索をかけると、たくさんでてきます。 い

記事を読む

トップバナー

トップのイメージ画像を入れ替える

サイトのイメージ画像とロゴを入れ替えましょう。 あらかじめテンプレートにはサンプル画像が入って

記事を読む

スマホの画面

スマホサイトに画像やメニューを表示させない設定

スマホの画面は表示範囲が狭いので、縦長のサイトになります。 縦スクロールは操作がしやすいとはい

記事を読む

電話番号にリンクを設定する

スマホサイトによくある、タップをすると電話がかけられるリンクを設定します。 スマホ画面では電話

記事を読む

画像を回り込ませる方法

スタイルシート(CSS)で画像を回り込ませる

赤枠部分のような、CSSで文字の右や左に画像を回り込ませる方法。ホームページ制作によく使いますね。

記事を読む

バナー画像をJavaScriptで切り替える

前回スマホ用の画像の話をしましたが、jQueryのJavaScriptを使ってサブページのバナー画像

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

サゴシ
神社参拝と釣り場の探索

気持ちがいい秋晴れ。この季節は日差しが強くても、風がひんやりしているの

アジ
アジングを始めて二週間で気づいたこと

アジングをやりだして約二週間。台風の影響はあったものの、連休もあり、朝

釣れたアジ
アジングは楽しい!常夜灯で入れ食い

最近はまっているアジング。仕事帰りに車で約40分の波止場へ寄りました。

釣ったアジ
朝マズメのアジングに行ってきた

今回は朝マズメのアジ釣りに行ってきました。早朝も夕方と同じように魚が釣

ガイドスルーを使っているところ
アジングにおすすめ「TICT ガイドスルー」

釣りのゴールデンタイム、夕マズメのアジングに行ってきました。

→もっと見る

PAGE TOP ↑