DreamWeaver模倣ステーション学習記(1)

【PHP】Dreamweaver模倣サイト学習記(1)

模倣サイトとは、対象のWebサイトを模倣することです。模倣ウェブサイトは主にページのスタイルや機能を模倣しています。
通常、Web サイトの模倣と呼ばれるものは、Web サイトのバックエンドとして CMS (コンテンツ管理システム) を使用することであり、模倣されるのは対象の Web サイトの静的テンプレートです。 DEDECMS には比較的単純なタグがあり、PHP Web サイトを模倣する場合の最初の選択肢です。

---

準備

1. ターゲットサイト（サイトを模倣したいことを確認してください）

2. ソフトウェア

構築と設定が完了しました

• Dreamvear インストールと設定が完了しました
• Dreamvear ソフトウェアインストール設定完了
• CSS 画像ダウンローダー
Lao Li 模倣サイト専用ツール
• 
  手順

1. dede テンプレートを作成

Wampserver を起動し、www ディレクトリを開きます

1. 
   デデインストールディレクトリを開き、templets フォルダーを開き、dede テンプレートを作成します (ここでは try を例にします)
2. 
   try の下にそれぞれフォルダー (images、style) と htm ファイル (index、list_article、article_article) を作成します 注: 1. dedeテンプレートはすべて
2 に基づいています。dede は主に、index (ホームページ)、list_article (リスト ページ)、article_article (コンテンツ ページ) の形式で存在します
3. 3 スタイルの下には CSS、JS などが存在します
   
   
   
   2. Webサイトを分析し、dedeテンプレートを作成します

1. まずソースファイルを保存します

(1) Webページの空白部分を右クリックしてページのソースコードを表示し、ctrl+A、ctrl+Cを使用します。 DWでindex.htmを開き、ctrl+Vでソースコードを保存 コピペし、ソースコードページの青い文字をクリックすると、先ほどのスタイルフォルダに保存したcssとjsが開きます。

(2) ダウンロードした CSS 画像ダウンローダーを開き、①手順 1 で設定した画像へのパス、②ダウンロードする Web ページの URL、③ダウンロードを入力し、CSS 画像ダウンローダーを使用して画像を指定した場所に直接ダウンロードします場所、面倒な手順を大幅に節約

2. 次に、Web サイトを分析します。ホーム ページのナビゲーション バーには、



に対応する 3 つの項目があります。 3 つの列を作成して実装できます。更新するたびに必ず列を作成するか、「生成」をクリックしてください。そうしないと、Web ページ (注: 通常は連絡先ページ、オプションのカバー テンプレート) に問題が発生します。 3. コードを変換します (1) dede テンプレートを作成するには、コードの一部を置き換える必要があり、Lao Li 模倣サイトの専用ツールを開き、生成された dede コードを使用して次のコードを置き換える必要があります

(2) コード解析を通じて、for ループを使用してナビゲーション バーコードの置き換えを完了します

置き換え前

置き換え後
4. 更新とデバッグ
置き換えられた Web サイト、ホームページ、コラムは個別に更新されます。ブラウジングチェック、問題がなくなるまでデバッグ

以上、Dreamweaver 模倣ステーションの学習メモ (1) を内容も含めて紹介しましたが、PHP チュートリアルに興味のある友人の参考になれば幸いです。