技術文章
技術問答
My Project
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
文章
問答
Tag
邦友
鐵人賽
搜尋
2024 iThome 鐵人賽
DAY
25
0
佛心分享-IT 人自學之術
一個網頁的誕生!教你從基礎到自行完成設計網站
系列 第
25
篇
DAY25完成網頁前我們該注意什麼?
16th鐵人賽
Corrina
2024-10-09 23:20:32
324 瀏覽
分享至
缺乏響應式設計(這應該從一開始講到最後了吧)
網頁沒有針對不同裝置(如手機、平板和電腦)進行優化,導致在某些設備上顯示不佳。解決這個問題可以使用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鐵人賽
參賽組數
929
組
團體組數
32
組
累計文章數
13788
篇
完賽人數
161
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
17th鐵人賽
14th鐵人賽
12th鐵人賽
18th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
熱門問題
六個語言的 README,要一比一翻完整,還是只寫到「裝得起來」就好?
「相容 MySQL 協議」的引擎,你們是怎麼做能力偵測的?我們試了 42 種,結論有點慘
本地跑模型做評測,你們是怎麼給 context 長度設上限的?我們沒設,7.1 GB 的模型吃掉了 51 GB
熱門回答
六個語言的 README,要一比一翻完整,還是只寫到「裝得起來」就好?
本地跑模型做評測,你們是怎麼給 context 長度設上限的?我們沒設,7.1 GB 的模型吃掉了 51 GB
熱門文章
講到 IT 監控,你一定聽過 SolarWinds--但你真的了解它在做些什麼嗎?
gRPC 双向流长连接:原理、流程与完整示例
輕量級區塊鏈架構探討:共識機制的抉擇
Next.js - 具名槽位 & 平行路由
乞丐超人我買超市打折便當時突然發現我家社區夜班保全是美國新創CTO後我拜他為師,Day09:這東西這麼陽春,你真的敢拿給客戶用?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}