如何在asp.net網頁中使用photoshop登錄？

Question

我在photoshop中設計了一個登錄頁面，以png格式保存圖像。但我不知道如何在asp.net網頁中使用這個圖像。請幫助解決這個問題，或向我展示資源或我可以設計良好登錄的方式，而不會影響打磨的外觀和功能。

感謝

Answer 1

將PSD模板更改爲CSS模板並不像看起來那麼容易。包含可能的步驟。

您必須執行以下步驟。

• 切片在您的PSD模板中的圖像。
• 導出圖像
• 嘗試儘量減少使用photoshop生成的切片儘可能少。你應該嘗試使用CSS儘可能地重新創建效果。
• 您可以先嚐試使用表格結構，這是Photoshop導出切片和HTML的默認方式。
• 稍後，創建一個少佈局的表格。一旦你創建了表格佈局，它應該很容易。

我假設，你知道如何找到教程，關於我上面提到的步驟。

Answer 2

您需要Photoshop圖像切割成若干個小的圖像，然後使用CSS樣式。我建議你學習html和css。

你可以看看這個tutorial關於如何從Photoshop文件創建一個網頁。

Answer 3

切片psd file或複製合併，並使用<div>和css將其轉換爲html頁面。並將它命名爲indexloginpage.html轉換後.html你在photoshop中創建了相同的內容。

將indexloginpage.html重命名爲indexloginpage.aspx並在Visual Studio中打開此文件。 根據您的要求應用代碼。