技術問答
技術文章
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2024 iThome 鐵人賽
DAY
25
0
佛心分享-IT 人自學之術
一個網頁的誕生!教你從基礎到自行完成設計網站
系列 第
25
篇
DAY25完成網頁前我們該注意什麼?
16th鐵人賽
Corrina
2024-10-09 23:20:32
255 瀏覽
分享至
缺乏響應式設計(這應該從一開始講到最後了吧)
網頁沒有針對不同裝置(如手機、平板和電腦)進行優化,導致在某些設備上顯示不佳。解決這個問題可以使用CSS的媒體查詢和框架如Bootstrap。
忽視網站速度優化
圖片未壓縮、未使用瀏覽器快取或內容傳遞網絡(CDN)等問題會使網頁加載緩慢。優化網站速度對使用者體驗至關重要。
缺乏適當的SEO(搜尋引擎優化)
沒有適當的標籤(如、標籤)、清晰的URL結構和內容優化,可能會影響網站在搜尋引擎上的排名。
未進行跨瀏覽器測試
不同瀏覽器之間可能有顯示差異,如果只測試了某一款瀏覽器,可能會導致其他瀏覽器上的使用體驗不一致。
不安全的表單處理
表單未對用戶輸入進行適當的驗證,可能會導致SQL注入或XSS攻擊。應始終進行伺服器端和客戶端的表單驗證。
忽略可訪問性(Accessibility)
沒有考慮到視力障礙或行動障礙者的需求,如缺少替代文本(alt text)或未提供適當的鍵盤導航,會使網站對部分使用者難以使用。
錯誤處理不充分
當出現錯誤時,如果沒有提供明確的錯誤信息或導向頁面,可能會影響用戶體驗。應該確保網站能有效處理錯誤並提供用戶友好的反饋。
以上這些都需要避免,最後的幾天就來實現我們撰寫的網頁吧!
留言
追蹤
檢舉
上一篇
DAY24也可以使用GitHub Pages來測試喔!
下一篇
DAY26完成網頁前我們該注意什麼?
系列文
一個網頁的誕生!教你從基礎到自行完成設計網站
共
30
篇
目錄
RSS系列文
訂閱系列文
1
人訂閱
26
DAY26完成網頁前我們該注意什麼?
27
DAY27響應式設計怎麼運用在現實生活中~
28
DAY28響應式網頁實作~
29
DAY29LocalHost跟H T T P有什麼差?
30
DAY30最後一步,製作網頁!
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19833
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
Windows本機administrator全部變成歡迎
現在Mail Server上雲365 Outlook不能向下相容?
(已解決)目前使用AWS的Lightsail服務,但沒使用RDS,一直被RDS服務扣錢
Entra如何修改proxyAddresses??
使用按鍵精靈完成ERP系統的單據輸入作業
Exchange online journal到外部....
SUPERSET 問題請教
熱門回答
現在Mail Server上雲365 Outlook不能向下相容?
使用按鍵精靈完成ERP系統的單據輸入作業
Exchange online journal到外部....
熱門文章
【實作】MCP Tool Poisoning 攻擊重現與防禦:用 Python 寫一個安全閘道來攔截惡意工具調用
2026 年前端工程師的生存戰:當程式碼不再是瓶頸,什麼才是你的核心價值?
別再把 AI Agent 學成碎片:一篇搞懂 Agent Systems 的四層技術棧
[POG-Task-05] 對待任務與提示詞如同程式碼一樣
我寫了一個 CLI 工具,因為教 PM 什麼是 /etc/hosts 比自己做還累
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}