0

.PSD形式のWebサイトテンプレートをダウンロードしました。Photoshopで変更を加え、スプライスを設定してから、[Webデバイス用に保存]をクリックしました。

Webサイトをエクスポートすると、imagesディレクトリとhtmlファイルが取得されます。これまでのところすべて大丈夫です。

次に、dreamweaverを使用してhtmlファイルを開きます。

私の質問は、サイトのテキストコンテンツを作成するための最良の方法は何ですか。画像はすべてテーブルの一部に埋め込まれています。

<tr>
    <td colspan="2" rowspan="8">
    <img src="images/storage.jpg" width="28" height="118" alt=""></td>
    <td colspan="4" rowspan="5">
    <img src="images/index_39.jpg" width="125" height="75" alt=""></td>
    <td colspan="4" rowspan="8">
    <img src="images/storage-41.jpg" width="81" height="118" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>

画像をテーブル要素の背景として設定しましたが、テキストを作成するための最良の方法、つまりテーブルにテーブルを作成する方法、またはdivなどはどうなるでしょうか。
私はcssについてあまり知らないので、例があれば私は感謝します

また、これを自動的に行うツール/ Webサイトはありますか？

ありがとう

4

3 に答える 3

1

テンプレートにはPSDファイルのみが付属していましたか？

通常、PSDファイルを使用すると、PSDから直接HTMLを生成するのではなく、グラフィック部分を編集してから必要な画像を保存し、HTMLに戻すことができます。

あなたはこれを行うための最良の方法を求めたので、私はあなたに私の意見に基づいて私の答えを与えます。

レイアウトにテーブルを使用することは、Webページをデザインするための良い方法ではありません。

表形式のデータには表を使用する必要があります。

コンテンツをHTMLで配置し、レイアウト/プレゼンテーションにCSSを使用する必要があります。

CSSについて学びたい場合は、次のことをお勧めします。

Macをお持ちの場合は、CSSEditをダウンロードして試すことを強くお勧めします。PCの場合、VisualStudio2008には優れたCSSエディターもあります。

于 2009-03-14T17:39:40.057 に答える
0

マークアップからわかるように、Photoshopから始めてWebサイトを作成するのは最善の方法ではないと思います。いくつかの簡単なチュートリアルを取り上げて、基本的なhtml要素を理解し、サイトスタイルのメインマークアップ（多くの場合、div要素を使用）を作成することから始めます。この後、希望のグラフィックを手で入力します。これは、はるかに保守しやすいWebサイトで終わります。

于 2009-03-14T17:18:14.680 に答える
0

詳細を知りたくない場合は、psdをhttp://www.psd2html.com/などのサービスに送信できます。彼らはお金のためにそれをします...

于 2009-03-14T17:25:19.077 に答える