DEDE Dreamweaver ウェブサイト ホームページ 模造 実操作

2018年最もホットなプロジェクト：テレマーケティングロボットがあなたの参加を待っています

DEDE Dreamweaver ウェブサイトの作成プロセスは WordPress ウェブサイトよりも少し複雑ですが、スキルを習得すれば操作も非常に簡単です。これまで「初心者がDEDE Dreamweaver Webサイトを構築するための詳細な操作手順」と「DEDECMS Dreamweaver Webサイトのバックアップとアップロードスペースの操作手順」についてお話してきました。今日は、DreamWeaver ウェブサイトのホームページをコピーする実際の操作プロセスを詳しく説明し、DreamWeaver ウェブサイトの作成方法をすぐに習得できるようにお手伝いします。

1. コピーしたい対象のウェブサイトを見つける

いわゆる模倣とは、他者が作成したテンプレートを使用し、それを模倣して変更し、独自の Web サイトのコンテンツにすることを意味します。そのため、まずターゲットの Web サイトを見つける必要があります。ここで私はたまたまウェブサイトを見つけました。

2. ローカルDreamweaverプログラムのインストール

（1）ダウンロードしたDreamweaverウェブサイトインストールプログラムの場所を見つけて、アップロードファイル内のすべてのファイルをAPMserverのルートディレクトリにコピーします。

（2）ローカルウェブサイトの設定を開きます。 （3）データベース設定に関しては、ローカルに構築されている場合は、データを変更する必要はありません。ホスティングサービスプロバイダーに配置する場合は、「データベースホスト」、「データベースユーザー」、「データベースパスワード」、「データ名」などを適宜変更する必要があります。

通常、購入後、ホストプロバイダーがこの情報を提供します。たとえば、bluehost ホスト (中国の公式サイト: https://cn.bluehost.com/) を購入すると、bluehost はこの情報を電子メールで送信します。見つからない場合は、ホストプロバイダーに問い合わせてください。

3. 新しいウェブサイトテンプレートを作成する

（1）APMserver-www-htdocs-templetsでテンプレートフォルダmubanを再作成します。

（2）新しく作成したフォルダmuban内に、CSS/Jと画像を保存するための2つのフォルダstyleとimagesを作成します。

4. 背景テンプレートのパスの変更

（1）ウェブサイトのバックエンドに入り、「システム - システム基本パラメータ - テンプレートのデフォルトスタイル」を見つけて、「default」を新しく作成したテンプレートのファイル名「muban」に変更します。

（2）「生成 - ホームページの更新 - ホームページテンプレートの選択」をクリックし、「default」を新しく作成したテンプレートmubanのファイル名に変更し、「ホームページHTMLの更新」をクリックします。

5. 対象ウェブサイトの関連コンテンツの分析

一般的に、Web サイトの主要部分には、ヘッダー、フッター、列、内部ページが含まれます。

6. 対象ウェブサイトの画像とCSS/JSファイルをダウンロードする

（１）対象ウェブサイトのソースコードを確認し、弊社が作成したウェブサイトと同じバージョンであるかどうかを確認します。ウェブサイトのホームページの空白部分を右クリックし、ウェブページのソースコードを表示して、以下に示すタグを見つけます。

このウェブサイトのバージョンは gb2312 で、私たちが作成したウェブサイトのバージョンと同じなので、対象ウェブサイトのコードをそのまま使用できます。

（2）右クリックして保存するか、Ctrl+Sを押して「名前を付けてページを保存」を選択し、新しく作成したフォルダにWebページを保存します。

（3）保存したフォルダ内のPHP、CSS、JSファイルをコピーして、新しく作成したテンプレートスタイルファイルに貼り付けます。

（4）対象ウェブサイトから画像をダウンロードする

インターネットから「キャッシュされた画像ビューアー」をダウンロードし、キャッシュをクリアしてから対象のウェブサイトを更新し、左下のダウンロード状況を確認し、すべてダウンロードされたら「すべて表示」をクリックして表示します。

次に、「保存ディレクトリ」を変更して作成した「muban」フォルダの「image」にダウンロードした画像を保存し、「保存」をクリックします。

7. ウェブサイトのコードの模倣

（1）対象のWebサイトを開き、Webページのソースコードを表示し、コードをDreamweaverにコピーして、「muban」フォルダにindex.htmファイルとして保存します。

（2）ウェブサイトのバックエンドに移動し、「ホームページの更新」をクリックします。真似したホームページの効果をご覧いただけます。

上記の内容は主に対象ウェブサイトのホームページをコピーする方法を解説したものです。ホームページコンテンツの差し替えや詳細設定については、以下の記事で詳しくご紹介いたします。

原題: DEDE Dreamweaver サイトのホームページをコピーする実際の操作

キーワード: Dreamweaver ウェブサイトチュートリアル