網站構建一

可信度網站的構建,參考了學姐之前的demo和另外一個網站的模型,主頁效果如下:



Genky的效果



其餘選項效果類似genkey.

頁面設計主要應用了HTML5和CSS3,Div和CSS技術。

下面記錄一下使用XAMPP完成登陸/註冊信息的記錄功能中遇到的問題:

  1. 想看到PHP文件的效果,必須要有web服務器的環境。開啓apache才能在localhost中有web服務器的環境。
  2. 在HTML中嵌入PHP,查看源代碼時,腳本的輸出會代替腳本本身。PHP解釋器會運行腳本,通過PHP,我們可以生成能在任何瀏覽器中查看的純HTML,用戶的瀏覽器並不需要理解PHP.PHP腳本在Web服務器上被解釋和執行,這與用戶機器上的Web瀏覽器中解釋並執行的JavaScript及其他客戶端技術室不同的。
  3. 在雙引號中,變量名稱將被變量值所替代。而在單引號中,變量名稱,或者任何其他文本都會不經修改而發送給瀏覽器。
  4. 使用fopen()打開文件時,$_SERVER['DOCUMENT']指向Web服務器的根,使用“..”表示文檔根目錄的父目錄。使用XAMPP時,根目錄爲htdocs,如果路徑設置爲"$DOCUMENT_ROOT/../orders/order.txt",那麼orders文件夾和htdocs是並列的,都在xampp文件夾內。
  5. 在windows中,換行符爲“/r/n”。
  6. 使用@抑制錯誤提示,可以提高用戶體驗。
  7. 使用php的時候,瀏覽器必須在localhost下纔可以。直接打開htdocs文件夾下的文件,缺少了web服務器的環境,瀏覽器不能正確解釋php。
登陸/註冊界面如下圖:



登陸和註冊界面之間可以互相切換,並不需要網頁跳轉。用到了":target"功能,完成表格之間的跳轉。此功能還不完善,目前可以做到把登陸註冊信息記錄到一個文本文件中。提交表單成功後,提示界面:




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章