一.作業要求:
模仿swpu的登入網頁:
使用的編譯軟體:vs code
二:模仿步驟:
1.在vscode中新建乙個html,css檔案:
2.開啟網頁:
3.分析網頁布局:
4.檢視網頁的源**:
5.新增**:
將原網頁中中的內容複製到css檔案裡:
發現報錯:
將值設定為0:
將原網頁中的的**複製到html的對應的中:
在html的中將外在屬性資源新增進來:
使用瀏覽器開啟,暫時介面如下:
新建乙個資料夾images用於儲存:
新增頭部:
頭部載入成功:
獲取背景:
在原網頁中獲取背景:
在css中修改每個的相對路徑。
初步完成後的:
修改賬號登入框的背景:
到這裡,頁面就基本做完了,剩下的就是驗證使用者名稱和密碼是否為空:
使用js靜態驗證:
如果使用者名稱和密碼正確的話,網頁轉到:
HTML PHP MySQL 製作登入頁面
登入頁面 登入驗證.php 頁面 name post username password post userpassword if name null password null require once 登入驗證資料庫連線.php db new connectdb db getconn db ne...
Login登入頁面的製作流程(摘要)
我的qq號 1539832180。歡迎一起討論學習。第一步 拿到設計圖,先別急著切,先分析。因為切圖不只是切圖,設計不只是設計。你得考慮四方面的因素 1.合理的切圖,語義準確,注釋明了。寫好注釋是關鍵。2.切圖的同時更要考慮程式巢狀問題。因為你切完圖的頁面是交給程式設計師的,而程式設計師是看的不是設...
頁面製作流程
1.看效果圖,首先要了解頁面,然後出現問題即時與設計人員溝通。2.做好html框架的規劃,搭建html框架 要求結構化和標籤語義化 新增語義化的命名。3.根據上一步的框架,寫html框架和css樣式的報告。以有利於加快專案進度和方便後期管理。4.編寫html框架 即為頁面中的文字內容和 需要考慮 結...