AL8 Forum
   登錄註冊幫助


標題: [基礎] XHTML + HTML + CSS 入門讀物
 笨水水
 0000391
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

頭銜: Discuz Team

帖子: 370

精華: 4

積分: 330484 點

現金: 0 元

存款: 41175 元

閱讀權限: 70

註冊: 2004-2-12

狀態: 離線
 
發表於 2008-4-1 01:01  資料  個人空間  短消息  加為好友 
[基礎] XHTML + HTML + CSS 入門讀物

我之前好似講過架啦
書名係[HTML For the world wide web with XHTML and CSS] [作者: Elizabeth Castro]
英文黎,APC係旺角新世紀仲有分店果陣買架=.= 可以去圖書館搵下應該有
有好詳細既ATTRIBUTE解說,仲有D中立少少既history會提及到

若果想搵中文書暫時記憶中得萬里機構既HTML標籤書(書名唔記得,大概就係每個TAG都會列哂出黎講一次點用,但係要留意就係有d唔合標準)

再講多一次我對標準化既睇法:
若果仲係唔慣div佈局,其實唔需要太執著係唔係strict、xhtml定係IE先睇到
若果你只係做一個網頁出黎俾朋友之間睇下,個內涵係點無乜所謂

幾時先需要用標準化呢?主要對象係general public,例如學校網頁呀,出去網頁設計比賽果D俾可能要囉
不過若果係高要求既人,偶然花多少少時間係呢個方面睇多D寫多D,都會有幫助既,即使最後可能都寫唔到一個岩你心意既網頁出黎~

執執下野 心血來潮 又上黎講多次  見過既話唔駛回由得呢個post沉啦

[ 本帖最後由 笨水水 於 2008-4-1 01:05 編輯 ]




 AL8 Forum © All rights reserved.
頂部
 hamu278
 0024014
Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6
點擊查看 hamu278 的詳細資料

頭銜: Forum Legend

暱稱: 已激活的會員

自述: UID: 0024014

帖子: 5552

精華: 0

積分: 16212 點

現金: 2224 元

存款: 8535 元

閱讀權限: 70

註冊: 2005-6-18

狀態: 離線
 
發表於 2008-4-1 19:39  資料  個人空間  主頁 短消息  加為好友  添加 hamu278 為MSN好友 通過MSN和 hamu278 交談
連大公司既網頁都係IE Only果時先冇野講




提供 Discuz! 7.0 邀請碼
TECHNETCAL 免費空間 HKBNP 主機已轉 IP
 AL8 Forum © All rights reserved.
頂部
 kevin1250
 0027504
Rank: 1

頭銜: Newbie

帖子: 12

精華: 0

積分: 120 點

現金: 95 元

存款: 0 元

閱讀權限: 10

註冊: 2005-7-30

狀態: 離線
 
發表於 2008-4-2 10:14  資料  個人空間  主頁 短消息  加為好友 
遲d我會整一套screencast教xhtml + css, 我自己整ge網頁都符合web standards
唔知咁樣會唔會有人支持, 同埋多d人認識xhtml?




 AL8 Forum © All rights reserved.
頂部
 nickyykt
 0035676
Rank: 3Rank: 3Rank: 3
點擊查看 nickyykt 的詳細資料

頭銜: Conqueror

帖子: 264

精華: 0

積分: 1190 點

現金: 3 元

存款: 0 元

閱讀權限: 20

註冊: 2005-11-26

狀態: 離線
 
發表於 2008-4-2 17:03  資料  個人空間  短消息  加為好友 
回覆 #3 kevin1250 的帖子

符合web standard有幾難
同好structure係兩回事




 AL8 Forum © All rights reserved.
頂部
 小康@HK
 0027215
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7
點擊查看 小康@HK 的詳細資料

頭銜: Moderator

暱稱: 小康

帖子: 1219

精華: 0

積分: 13955 點

現金: 261 元

存款: 1019 元

閱讀權限: 100

註冊: 2005-7-26

來自: HK

狀態: 離線
 
發表於 2008-4-2 17:09  資料  個人空間  短消息  加為好友  添加 小康@HK 為MSN好友 通過MSN和 小康@HK 交談 ICQ 狀態 Yahoo!
支持..
其實網上都有類似資源




 AL8 Forum © All rights reserved.
頂部
 kevin1250
 0027504
Rank: 1

頭銜: Newbie

帖子: 12

精華: 0

積分: 120 點

現金: 95 元

存款: 0 元

閱讀權限: 10

註冊: 2005-7-30

狀態: 離線
 
發表於 2008-4-2 17:59  資料  個人空間  主頁 短消息  加為好友 


QUOTE:
符合web standard有幾難
同好structure係兩回事

問題係而家web standards都未符合, structure 又唔好 (仲係有好多table架構網頁)

QUOTE:
支持..
其實網上都有類似資源

係咩? 可唔可以provide條link黎睇, 不過我諗住screencast用廣東話講 @o@




 AL8 Forum © All rights reserved.
頂部
 banana_sim
 0032794
Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8
點擊查看 banana_sim 的詳細資料

頭銜: Super Moderator

暱稱: bananasims

自述: bananasims

帖子: 11814

精華: 0

積分: 24330 點

現金: 230 元

存款: 81018 元

閱讀權限: 110

註冊: 2005-10-15

來自: QC Canada

狀態: 離線
 
發表於 2008-4-2 18:01  資料  個人空間  主頁 短消息  加為好友 
回覆 #6 kevin1250 的帖子

XHTML + CSS 由 2000 年講到而家,你想有幾少




是感的
I-Circle Forum
 AL8 Forum © All rights reserved.
頂部
 CARO
 0088366
Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6Rank: 6
點擊查看 CARO 的詳細資料

頭銜: Forum Legend

自述: 失暈的小雞雞

帖子: 3030

精華: 0

積分: 18996 點

現金: 130 元

存款: 0 元

閱讀權限: 70

註冊: 2007-10-4

狀態: 離線
 
發表於 2008-4-2 18:23  資料  個人空間  短消息  加為好友 
心郁想整番個 teach website 添




所在論壇: 吹水台
所在主題: 你地個firefox用咩themes??
操作理由: 呃 poz !? 未死過, 就 積分+1 現+1
 AL8 Forum © All rights reserved.
頂部
 笨水水
 0000391
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

頭銜: Discuz Team

帖子: 370

精華: 4

積分: 330484 點

現金: 0 元

存款: 41175 元

閱讀權限: 70

註冊: 2004-2-12

狀態: 離線
 
發表於 2008-4-2 23:06  資料  個人空間  短消息  加為好友 


QUOTE:
原帖由 banana_sim 於 2008-4-2 18:01 發表
XHTML + CSS 由 2000 年講到而家,你想有幾少

非標準HTML點只係 7年既事丫

要過validator老實講真係唔難  
但係應該用table又唔用,唔應該用就用左,br同p交替咁用
呢D其實都係標準化既其中一個考慮點
初學又何必為左標準打斷摸索路向?




 AL8 Forum © All rights reserved.
頂部
 banana_sim
 0032794
Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8
點擊查看 banana_sim 的詳細資料

頭銜: Super Moderator

暱稱: bananasims

自述: bananasims

帖子: 11814

精華: 0

積分: 24330 點

現金: 230 元

存款: 81018 元

閱讀權限: 110

註冊: 2005-10-15

來自: QC Canada

狀態: 離線
 
發表於 2008-4-3 00:00  資料  個人空間  主頁 短消息  加為好友 
回覆 #9 笨水水 的帖子

最難係適當使用 HTML,我有時都遇到困難,例如少少連結應唔應該用 <p>,呢啲真係幾煩。
個人經驗,過到 Validator 真係無乜用,個網頁邏輯結構(Logical Structure)都係唔符合佢個要求…
我而家仲未分到幾時應該用 font-weight: bold、幾時用 <strong>;
text-decoration: italic 同 <em>
呢啲邏輯結構真係好難明

[ 本帖最後由 banana_sim 於 2008-4-3 00:03 編輯 ]




是感的
I-Circle Forum
 AL8 Forum © All rights reserved.
頂部
 笨水水
 0000391
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

頭銜: Discuz Team

帖子: 370

精華: 4

積分: 330484 點

現金: 0 元

存款: 41175 元

閱讀權限: 70

註冊: 2004-2-12

狀態: 離線
 
發表於 2008-4-3 00:50  資料  個人空間  短消息  加為好友 


QUOTE:
原帖由 banana_sim 於 2008-4-3 00:00 發表
最難係適當使用 HTML,我有時都遇到困難,例如少少連結應唔應該用 <p>,呢啲真係幾煩。
個人經驗,過到 Validator 真係無乜用,個網頁邏輯結構(Logical Structure)都係唔符合佢個要求…
我而家仲未分 ...

係  尤其係div百足咁多爪 所以我先會話若果唔係好熟手 不如先實現效果  結構呢D慢慢再學 因為就咁睇tag睇attribute就當係validated而實質上又未做哂全套 不如開開心心寫好成個外觀仲好




 AL8 Forum © All rights reserved.
頂部
 kevin1250
 0027504
Rank: 1

頭銜: Newbie

帖子: 12

精華: 0

積分: 120 點

現金: 95 元

存款: 0 元

閱讀權限: 10

註冊: 2005-7-30

狀態: 離線
 
發表於 2008-4-3 01:39  資料  個人空間  主頁 短消息  加為好友 
其實網頁都係寫比人睇,最緊要能夠提高 user experience,例如點樣可以簡化操作、提供一目了然既介面。畢竟你既網頁架構怎麼好,訪客都只係睇網頁既整體外觀,鬼得閒理你點樣code。咁當然站在設計者角度,網頁結構係重要。而另外,網頁既搜尋引擎優化,即係所謂既SEO,例如加標題、圖片、關鍵字等,都係重要。 (所以結論係要寫一個專業網站要顧慮好多野)

新手,我諗由淺入深好d,如果唔係好快會對網頁設計失去興趣,我當年都係由學框架->Table->CSS。網絡仍然會係未來的大趨勢,而樓主所說的XHTML+CSS只係基本功,仲有d更challenging更需要學既野黎緊




 AL8 Forum © All rights reserved.
頂部
 nickyykt
 0035676
Rank: 3Rank: 3Rank: 3
點擊查看 nickyykt 的詳細資料

頭銜: Conqueror

帖子: 264

精華: 0

積分: 1190 點

現金: 3 元

存款: 0 元

閱讀權限: 20

註冊: 2005-11-26

狀態: 離線
 
發表於 2008-4-3 19:50  資料  個人空間  短消息  加為好友 
回覆 #12 kevin1250 的帖子

d人用table係因為dw同fp個圖形設計係咁...

QUOTE:
初學又何必為左標準打斷摸索路向?

我覺得與其學壞師再改不如一開始就學埋標準




 AL8 Forum © All rights reserved.
頂部
 笨水水
 0000391
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

頭銜: Discuz Team

帖子: 370

精華: 4

積分: 330484 點

現金: 0 元

存款: 41175 元

閱讀權限: 70

註冊: 2004-2-12

狀態: 離線
 
發表於 2008-4-4 01:13  資料  個人空間  短消息  加為好友 


QUOTE:
原帖由 nickyykt 於 2008-4-3 19:50 發表
d人用table係因為dw同fp個圖形設計係咁...
我覺得與其學壞師再改不如一開始就學埋標準

隨手拈來既例子好少唔會學壞師




 AL8 Forum © All rights reserved.
頂部
 nickyykt
 0035676
Rank: 3Rank: 3Rank: 3
點擊查看 nickyykt 的詳細資料

頭銜: Conqueror

帖子: 264

精華: 0

積分: 1190 點

現金: 3 元

存款: 0 元

閱讀權限: 20

註冊: 2005-11-26

狀態: 離線
 
發表於 2008-4-4 01:20  資料  個人空間  短消息  加為好友 
回覆 #14 笨水水 的帖子

w3c school唔會教錯人掛




 AL8 Forum © All rights reserved.
頂部
 banana_sim
 0032794
Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8
點擊查看 banana_sim 的詳細資料

頭銜: Super Moderator

暱稱: bananasims

自述: bananasims

帖子: 11814

精華: 0

積分: 24330 點

現金: 230 元

存款: 81018 元

閱讀權限: 110

註冊: 2005-10-15

來自: QC Canada

狀態: 離線
 
發表於 2008-4-4 11:12  資料  個人空間  主頁 短消息  加為好友 
回覆 #15 nickyykt 的帖子

W3School 本身都大把 HTML 錯誤...




是感的
I-Circle Forum
 AL8 Forum © All rights reserved.
頂部
 kevin1250
 0027504
Rank: 1

頭銜: Newbie

帖子: 12

精華: 0

積分: 120 點

現金: 95 元

存款: 0 元

閱讀權限: 10

註冊: 2005-7-30

狀態: 離線
 
發表於 2008-4-4 17:40  資料  個人空間  主頁 短消息  加為好友 
直接去w3c..官方網站唔會有錯




 AL8 Forum © All rights reserved.
頂部
 笨水水
 0000391
Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

頭銜: Discuz Team

帖子: 370

精華: 4

積分: 330484 點

現金: 0 元

存款: 41175 元

閱讀權限: 70

註冊: 2004-2-12

狀態: 離線
 
發表於 2008-4-5 01:27  資料  個人空間  短消息  加為好友 


QUOTE:
原帖由 kevin1250 於 2008-4-4 17:40 發表
直接去w3c..官方網站唔會有錯

我自己總括黎講,就係tag可以學得好正統  但係structure真係要講feel,table同div,依家分唔到,終會有一日分到




 AL8 Forum © All rights reserved.
頂部
 banana_sim
 0032794
Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8Rank: 8
點擊查看 banana_sim 的詳細資料

頭銜: Super Moderator

暱稱: bananasims

自述: bananasims

帖子: 11814

精華: 0

積分: 24330 點

現金: 230 元

存款: 81018 元

閱讀權限: 110

註冊: 2005-10-15

來自: QC Canada

狀態: 離線
 
發表於 2008-4-5 08:44  資料  個人空間  主頁 短消息  加為好友 
回覆 #18 笨水水 的帖子

tag 比較煩都係 <em> 同 <strong> vs CSS,太似喇




是感的
I-Circle Forum
 AL8 Forum © All rights reserved.
頂部
 kevin1250
 0027504
Rank: 1

頭銜: Newbie

帖子: 12