PSを使用して2分でxhtml+cssウェブサイトのホームページを作成します

xhtml+css のウェブサイト再構築、ウェブ標準などについては、記事が多すぎるので繰り返しません。xhtml+css ページを作成する最も簡単な方法を投稿します。方法は非常に簡単ですが、知っている人は多くないかもしれません...少なくとも Google で検索しても見つかりません。

始めましょう:

1. Photoshop CS2 を開き、デザインした Web サイトのホームページを開きます。スライスツールで切ります。

写真：

2. [ファイル] -> [Web 形式で保存] をクリックします。ショートカット キーは ctrl+alt+shift+s です。右上隅にある小さな逆三角形の画像をクリックし、[出力設定の編集] を選択します。

写真：

3. 図に示すように、2 番目のドロップダウンで [スライス] を選択し、[CSS の生成] を選択して、次のドロップダウンで [ID 別] を選択します。

写真：

4. [OK] をクリックして設定ウィンドウを保存し閉じます。[Web 用に保存] ウィンドウで、[保存] ボタンをクリックします。[保存の種類] で [HTML と画像] を選択します。ファイル名を入力して [保存] をクリックします。

写真：

5. タスクを完了します。コードを見てください。xhtml+css ですか?

写真：

ハハ、とても簡単です。xhtml+css ページを作成しただけです。もちろん、実際のアプリケーションでは、このような自動生成されたページはまだあまり良くありません。

私は、Dreamweaver8 + EditPlusを使用して作成することをお勧めします