少し前に、Web サイト制作に不慣れな友人が、自分が作成した Web サイトを見せて、Web サイトのコードの問題を解決するのを手伝ってほしいと頼んできました。どちらのサイトも同じ製造方法を使用しており、発生する問題もまったく同じです。どのような方法で作ったのか聞いてみると、PSで作った後、スライスしてHTMLを自動生成した結果、HTML内に区切り文字が大量に出てしまったとのことで、まずwwwというサイトを作りました。最終的に、彼はインターネットで解決策を探し、スライス時のスライスが不均一であることが原因であることを知り、Web サイト www.suoying.net を作成するときに、厳密にピクセル単位でカットしました。スライスの要件はありますが、結果は同じであり、依然として多くの区切り文字があります。
実は、正直に言うと、純粋なテーブルを使用して Web サイトを構築していたときに同じ問題を抱えていましたが、その後 DIV+CSS の使用に慣れてしまったため、この問題は脇に置いて、解決策を検討しませんでした。
友人にこの質問をされて、ふと思い出したので時間を見つけて調べてみたところ、怪しい点を発見しました。おおよそ次のような状況です。
最初に PS を使用していくつかのランダムな絵を描き、次にいくつかのストロークを使用して HTML を生成しました。最初の状況は次のとおりです。
この場合、区切り文字は表示されません。
2回目のカットを数回行った後の状況は次のとおりです。
ここで問題が発生します...区切り文字がたくさんあります
それで私は一歩一歩後ずさりして、ここに着いたとき、セパレーターは消えました。 (つまり、以下の3つのフィルムはすべて削除されます)
一歩進むと区切り文字が表示されます。
最後から３本目がハイライトのようです。
注意深く分析した結果、セパレーターが表示される考えられる理由は、3 番目のカット中に、自動スライスによって生成された 5 番目と 2 番目のスライスの間の分割線をスライスが覆ったことであることがわかります。このステートメントを証明するために、以下に示すように、3 番目のナイフを右に 1 歩移動すると、セパレーターが消えました。
これまでのところ、私の分析が正しければ、セパレーターが存在する理由は、手動スライスが自動生成されたスライスセパレーターをカバーしているためであるため、解決策は 3 つあります。
1. 手動でスライスする場合は、自動生成されたスライスの分割線を覆わないでください (少し非現実的だと思われます)。
2. 自動スライス生成を無効にします (無効にする方法が見つかりませんでした...少し弱いです...)。
3. スライスを必要としない Web ページの作成方法に変更します (最も現実的です (笑))。