ソーシャルメディア 新しいDreamweaverテンプレートを作成する方法 - ダミー

新しいDreamweaverテンプレートを作成する方法 - ダミー

ビデオ: Dreamweaverのテンプレートとは? 2025

ビデオ: Dreamweaverのテンプレートとは? 2025
Anonim

他のタイプのページの作成に使用するのと同じ新規ドキュメントダイアログボックスを使用して、Dreamweaverで新しいテンプレートを作成します。 Dreamweaverテンプレートを作成するには、次の手順を実行します。

  1. ファイル→新規を選択します。

    [新規ドキュメント]ダイアログボックスが開きます。

  2. 左側のリストで、[空白ページ]オプションをクリックします。

  3. ページ・タイプ・リストで、「HTMLテンプレート」を選択します。

    <! - 1 - >
  4. レイアウト領域で、空白のページを作成するか、あらかじめデザインされたCSSレイアウトを選択するかを選択します。

    Dreamweaverの多くのCSSレイアウトオプションは、新しいページデザインを作成するための大きな出発点となります。

  5. [作成]ボタンをクリックします。

    新しい空のテンプレートが作成され、メインワークエリアで開き、[新規ドキュメント]ダイアログボックスが閉じます。

  6. ファイル→保存を選択します。

    テンプレートを編集可能な領域がなく、実際に保存するかどうかを尋ねる警告が表示されます(無効にしていない場合)。 [OK]をクリックして警告ダイアログボックスを閉じ、続行します。編集可能な領域を持たないテンプレートは便利ではないため、Dreamweaverではこの警告が表示されます。手順9で編集可能領域を作成する方法が見つかります。

    <! - 2 - >
  7. [OK]をクリックして現在のページを保存します。

    [テンプレートとして保存]ウィンドウが開き、[テンプレート]フォルダが開きます。ローカルサイトフォルダにTemplatesという名前のフォルダがまだない場合は、最初のテンプレートを作成して保存するときにDreamweaverが作成します。

    Dreamweaverテンプレートを正しく動作させるには、DreamweaverテンプレートをローカルサイトフォルダのTemplatesという名前のフォルダ(大文字 T )に保存する必要があります。これは[ファイル]パネルに表示されます。フォルダ名を変更したり、Templatesフォルダをサブフォルダに移動すると、テンプレートが正しく機能しなくなります。

    <! - 3 - >
  8. 他のDreamweaverファイルと同じように、画像、テキスト、その他の要素を追加して、ページのデザインを作成します。

    他のウェブページと同じように、テンプレートにページデザインを作成することを忘れないでください。テンプレートから作成されたページで置き換えられる画像やテキストを含めるか、ページのスケルトンを作成するかは、あなた次第です。

  9. 編集可能な領域を作成するには:

    1. 画像、テキストブロック、またはコンテンツ領域を選択します。

      しばしば、ページの全領域を選択して、そのセクション内のすべてが編集可能になるようにすることが最善の方法です。タグとCSSでページを設計した場合は、mainContentクラススタイルでスタイル付けされたタグなど、セクション全体のタグを選択することをお勧めします。

      タグで囲まれたセクションを選択する便利な方法は、ページのその領域のどこにでもカーソルを置き、ワークスペースの下部にあるタグセレクタを使用してタグを選択することです。

    2. 挿入→テンプレート→編集可能領域を選択します。

      新しい編集可能領域ダイアログボックスが開きます。

    3. 新しい編集可能領域に名前を付けます。

      見出し や メインコンテンツなど、コンテンツの種類を特定するものを選択します。 編集可能と定義した領域は、テンプレートから作成されたページで変更可能な領域になります。 1つのテンプレートに複数の編集可能な領域を設定することができます。編集可能な各領域の名前は異なる必要があります。名前はスペースや特殊文字を使用できませんが、アンダースコアとハイフンは大丈夫です。

    4. OKをクリックします。

      アクアブルーボックス(ボックスの左上にアクアブルーのタブがあります)が編集可能領域を囲んでいます。新しい編集可能領域ダイアログボックスに入力した名前がタブに表示されます。

  10. ページのデザインが完了し、編集可能な領域をすべて追加したら、[ファイル]→[保存]を選択してテンプレートを保存します。

    新しいテンプレートページを保存するか、既存のページをテンプレートとして保存すると、Dreamweaverによって自動的にテンプレートが追加されます。 dwt拡張子を入力し、ファイルをTemplatesフォルダに保存します。

編集可能領域を指定する前にテンプレートを保存すると、テンプレートが編集可能領域なしでは役に立たないため、Dreamweaverでは警告が表示されます。テンプレートを保存する前に編集可能なリージョンを作成する必要はありませんが、編集可能なリージョンを1つ以上作成するまで、テンプレートから作成されたページは変更できません。後で編集可能領域を後で追加することができます。

Adob​​eは、Dreamweaver CCに新しいテンプレート挿入パネルを追加しました。テンプレートを扱うときは、メニュー項目の代わりにこの新しいパネルを使用できます。これらの機能は同じです:Editable RegionアイコンのようなTemplates Insertパネルの対応するアイコンをクリックするだけです。

新しいDreamweaverテンプレートを作成する方法 - ダミー

エディタの選択

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

Objective-Cでは、作成していないクラスであっても、iOSアプリケーションの既存のクラスに独自のメソッドを追加できます。クラスにメソッドを追加することは、特定の状況でのみ新しい動作が使用される場合に便利です。たとえば、特定のアプリケーション...

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーション開発の既存クラスにメソッドを追加する方法 - ダミー

IOSアプリケーションの開発では、Objective-Cを使用すると、自分が作成していないクラスであっても、既存のクラスに独自のメソッドを追加することができます。クラスにメソッドを追加することは、特定の状況でのみ新しい動作が使用される場合に便利です。たとえば、特定のアプリケーション(たとえば、...

In App Purchase機能がiPadアプリで動作する仕組み

In App Purchase機能がiPadアプリで動作する仕組み

Apple App App Purchase機能を提供します。これにより、アプリユーザーはアプリ内から仮想アイテムを直接購入することができます。複数のレベルや環境、または仮想プロパティを持つゲームアプリケーションを開発する場合は、アプリケーションにIn App Purchase機能を追加して、レベル、環境、またはプロパティをさらに販売することを検討してください。 App Purchaseで...

エディタの選択

効果的なホームビジネスWebサイトを作成する方法 - ダミー

効果的なホームビジネスWebサイトを作成する方法 - ダミー

素晴らしいかもしれませんが、製品やサービスをさらに販売するのに役立たない場合は、時間とお金の無駄です。自宅のビジネスにとって本物の資産であるWebサイトを構築するための、実証済みの方法をいくつか試してみましょう。難しいことではありません...

マスターCSSファイルを作成する方法 - ダミー

マスターCSSファイルを作成する方法 - ダミー

多くのデザイナーがマスターHTMLコードのCSSファイルを作成し、個々のサイトのニーズに合わせて、最初からウェブサイトを構築するプロセスをスピードアップします。あなたがより多くのウェブサイトを構築するにつれて、いくつかのスタイルは標準的なデザインプラクティスの標準的な部分になります。 ...

MSN adCenterのウェブマーケティングキャンペーンのアカウントを作成する方法 - ダミー

MSN adCenterのウェブマーケティングキャンペーンのアカウントを作成する方法 - ダミー

Bing検索結果と並んでクリック単価(PPC)広告はMSN adCenterを通じて提供されます。 adCenterを使用して、Webマーケティングのニーズに合わせてアカウントとキャンペーンを作成できます。 Microsoftは、Bing Travel、adCenter Desktopなどのプログラムを追加することで、PPCサービスのインターフェース、ツール、検索品質、およびボリュームを向上させるために歩み続けています。...

エディタの選択

地中海ダイエットレシピ:フルーツサラダ - ダミー

地中海ダイエットレシピ:フルーツサラダ - ダミー

果実は地中海で豊富に生育し、地中海沿岸に沿って、アメリカ人より一般的に果実を多く食べるため、地中海の高レベルの疾病予防に貢献しています。あなたの次の食事やパーティーのために健康的なサイドディッシュのフルーツサラダを作るには、いくつかの方法があります。果物は地中海で豊富に生育し、地中海沿岸に住む人々は一般にアメリカ人よりも多くの果実を食べるため、地中海の高レベルの疾病予防に寄与します。

地中海料理ダイスレシピ:クラシックジャイロとピタ - ダミー

地中海料理ダイスレシピ:クラシックジャイロとピタ - ダミー

ジャイロとピタサンドイッチは一般的なカジュアルな食品です地中海でピザや他の地中海のサンドイッチと同じように、今日はピタサンドイッチとジャイロのさまざまなバージョンが存在します。ピタスは蒸気で作られた中央のポーチ付きの丸いパンです。