SlideShare a Scribd company logo
1 of 30
網站解剖學 The Anatomy of a Website Edit by Lindsay  2010/5/24
身為網站的工作者 ,[object Object],[object Object],[object Object]
換個角度思考 其實網站的組成,是可以跟人類的身體做對照的!
最常看到的解剖圖
 
比較特別一點的
 
Designer DNA:  Schemas and DTDs ,[object Object],[object Object]
演化論 ,[object Object],[object Object]
Skeletal Structure: The Structural Markup ,[object Object],[object Object]
骨頭的用處 ,[object Object],[object Object],[object Object]
網站的細部骨頭:微格式( Microformats ) ,[object Object],[object Object]
Mechanical Muscles: Client-side Scripting ,[object Object],[object Object],[object Object]
Client 端的腳本語言 ,[object Object],[object Object]
Nervous Reactions: The Web Browser ,[object Object],[object Object]
The Heart: Content and the Community ,[object Object],[object Object],[object Object]
壓力測試 ,[object Object],[object Object],[object Object]
Blood Vessels: Information Architecture ,[object Object],[object Object]
資訊 ( 血液 ) 的完整流通 ,[object Object],[object Object],[object Object]
所以看書很重要
Sexy Skin: Aesthetics and Web Design ,[object Object],[object Object],[object Object],[object Object]
有沒有『皮』差很多 有皮 沒皮
Brain Retain: Server-side Scripting and DBMS ,[object Object],[object Object],[object Object]
long and short-term memory  ,[object Object],[object Object]
採取行動 知道  Who? What? Why? ,[object Object],[object Object],[object Object]
Nature versus Nurture 性質與培養 ,[object Object],[object Object],[object Object]
Life  生存 ,[object Object],[object Object],[object Object]
參考文章 http:// sixrevisions.com /web-technology/anatomy-of-a-website/
最後 ,[object Object],[object Object]
Q&A 問雨答

More Related Content

Viewers also liked

Didática dinâmica: componente para a aprendizagem ativa
Didática dinâmica: componente para a aprendizagem ativaDidática dinâmica: componente para a aprendizagem ativa
Didática dinâmica: componente para a aprendizagem ativaRosária Nakashima
 
Palestra Motivacional da Convenção Contabilidade CRC PI
Palestra Motivacional da Convenção Contabilidade CRC PIPalestra Motivacional da Convenção Contabilidade CRC PI
Palestra Motivacional da Convenção Contabilidade CRC PIAnderson Hernandes
 
Publicação de Março
Publicação de MarçoPublicação de Março
Publicação de MarçoLeigos
 
EXPO PARA EL RECUERDO
EXPO PARA EL RECUERDOEXPO PARA EL RECUERDO
EXPO PARA EL RECUERDOconchita55
 
apropiacion de Tic en Uniguajira
apropiacion de Tic en Uniguajiraapropiacion de Tic en Uniguajira
apropiacion de Tic en Uniguajiraguest548ec2
 
Bruce Lee – the legend of martial art (ERIK SULG)
Bruce Lee – the legend of martial art (ERIK SULG)Bruce Lee – the legend of martial art (ERIK SULG)
Bruce Lee – the legend of martial art (ERIK SULG)St1al
 
Part two
Part twoPart two
Part twoskent11
 
Monografia PSM
Monografia PSMMonografia PSM
Monografia PSMIvan Elia
 
La Adolescencia
La AdolescenciaLa Adolescencia
La AdolescenciaPauldur1
 
ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า) Dek-d.com - b...
ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า)   Dek-d.com - b...ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า)   Dek-d.com - b...
ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า) Dek-d.com - b...yoboy
 

Viewers also liked (19)

1886 6445-1-pb
1886 6445-1-pb1886 6445-1-pb
1886 6445-1-pb
 
Didática dinâmica: componente para a aprendizagem ativa
Didática dinâmica: componente para a aprendizagem ativaDidática dinâmica: componente para a aprendizagem ativa
Didática dinâmica: componente para a aprendizagem ativa
 
Gestiones de utilidad publica
Gestiones de utilidad publicaGestiones de utilidad publica
Gestiones de utilidad publica
 
Topoguía Galego
Topoguía GalegoTopoguía Galego
Topoguía Galego
 
Palestra Motivacional da Convenção Contabilidade CRC PI
Palestra Motivacional da Convenção Contabilidade CRC PIPalestra Motivacional da Convenção Contabilidade CRC PI
Palestra Motivacional da Convenção Contabilidade CRC PI
 
Aothuat magic
Aothuat magicAothuat magic
Aothuat magic
 
Publicação de Março
Publicação de MarçoPublicação de Março
Publicação de Março
 
EXPO PARA EL RECUERDO
EXPO PARA EL RECUERDOEXPO PARA EL RECUERDO
EXPO PARA EL RECUERDO
 
apropiacion de Tic en Uniguajira
apropiacion de Tic en Uniguajiraapropiacion de Tic en Uniguajira
apropiacion de Tic en Uniguajira
 
Maneira de amar
Maneira de amarManeira de amar
Maneira de amar
 
Ewita Final Version
Ewita Final VersionEwita Final Version
Ewita Final Version
 
Bruce Lee – the legend of martial art (ERIK SULG)
Bruce Lee – the legend of martial art (ERIK SULG)Bruce Lee – the legend of martial art (ERIK SULG)
Bruce Lee – the legend of martial art (ERIK SULG)
 
Part two
Part twoPart two
Part two
 
บทที่1
บทที่1บทที่1
บทที่1
 
Monografia PSM
Monografia PSMMonografia PSM
Monografia PSM
 
Un día con Juan Pablo Meneses
Un día con Juan Pablo MenesesUn día con Juan Pablo Meneses
Un día con Juan Pablo Meneses
 
La Adolescencia
La AdolescenciaLa Adolescencia
La Adolescencia
 
Silverlight ppt
Silverlight pptSilverlight ppt
Silverlight ppt
 
ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า) Dek-d.com - b...
ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า)   Dek-d.com - b...ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า)   Dek-d.com - b...
ทำไเวลาด่ากัน ต้องปรั๊กปรำว่า อีตุ๊ด อีกระเทยด้วยอ่ะ( ดราม่า) Dek-d.com - b...
 

Similar to 網站解剖學

淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题 Lumend
 
一纸流年
一纸流年一纸流年
一纸流年dipoo
 
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗Drupal Taiwan
 
百度优化指南 V2
百度优化指南 V2百度优化指南 V2
百度优化指南 V2hanchengluo
 
网站大全对于用户的具体意义
网站大全对于用户的具体意义网站大全对于用户的具体意义
网站大全对于用户的具体意义Nowseore
 
Web信息架构
Web信息架构Web信息架构
Web信息架构rex song
 
支付宝CSS构架
支付宝CSS构架支付宝CSS构架
支付宝CSS构架Sofish Lin
 
Css schema by_sofish
Css schema by_sofishCss schema by_sofish
Css schema by_sofishWebrebuild
 
Bvod Overview Ch 20090715
Bvod Overview Ch 20090715Bvod Overview Ch 20090715
Bvod Overview Ch 20090715bvod
 
Bvod Overview Ch 20090715
Bvod Overview Ch 20090715Bvod Overview Ch 20090715
Bvod Overview Ch 20090715bvod
 
语义互操作与关联数据
语义互操作与关联数据语义互操作与关联数据
语义互操作与关联数据Shanghai Library
 
百度官方Seo优化指南V1.0
百度官方Seo优化指南V1.0百度官方Seo优化指南V1.0
百度官方Seo优化指南V1.0brianliuhg
 
数据库系统设计漫谈
数据库系统设计漫谈数据库系统设计漫谈
数据库系统设计漫谈james tong
 
百度互联网创业俱乐部搜索引擎优化指南
百度互联网创业俱乐部搜索引擎优化指南百度互联网创业俱乐部搜索引擎优化指南
百度互联网创业俱乐部搜索引擎优化指南liang47
 
腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享
腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享
腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享George Ang
 
4 平臺經營 - 鄭亦庭
4 平臺經營 - 鄭亦庭4 平臺經營 - 鄭亦庭
4 平臺經營 - 鄭亦庭HCGO
 
Data on the web
Data on the webData on the web
Data on the webisnull
 

Similar to 網站解剖學 (19)

淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题
 
Web教程2
Web教程2Web教程2
Web教程2
 
一纸流年
一纸流年一纸流年
一纸流年
 
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
 
百度优化指南 V2
百度优化指南 V2百度优化指南 V2
百度优化指南 V2
 
网站大全对于用户的具体意义
网站大全对于用户的具体意义网站大全对于用户的具体意义
网站大全对于用户的具体意义
 
Web信息架构
Web信息架构Web信息架构
Web信息架构
 
支付宝CSS构架
支付宝CSS构架支付宝CSS构架
支付宝CSS构架
 
Css schema by_sofish
Css schema by_sofishCss schema by_sofish
Css schema by_sofish
 
Bvod Overview Ch 20090715
Bvod Overview Ch 20090715Bvod Overview Ch 20090715
Bvod Overview Ch 20090715
 
Bvod Overview Ch 20090715
Bvod Overview Ch 20090715Bvod Overview Ch 20090715
Bvod Overview Ch 20090715
 
语义互操作与关联数据
语义互操作与关联数据语义互操作与关联数据
语义互操作与关联数据
 
百度官方Seo优化指南V1.0
百度官方Seo优化指南V1.0百度官方Seo优化指南V1.0
百度官方Seo优化指南V1.0
 
数据库系统设计漫谈
数据库系统设计漫谈数据库系统设计漫谈
数据库系统设计漫谈
 
Semantic ui教學
Semantic ui教學Semantic ui教學
Semantic ui教學
 
百度互联网创业俱乐部搜索引擎优化指南
百度互联网创业俱乐部搜索引擎优化指南百度互联网创业俱乐部搜索引擎优化指南
百度互联网创业俱乐部搜索引擎优化指南
 
腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享
腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享
腾讯大讲堂18 让我们戴上有色眼镜--qzone前台架构的优化分享
 
4 平臺經營 - 鄭亦庭
4 平臺經營 - 鄭亦庭4 平臺經營 - 鄭亦庭
4 平臺經營 - 鄭亦庭
 
Data on the web
Data on the webData on the web
Data on the web
 

More from Shu Ting Hsieh

HPX88 - 腦洞大開的Uf工作坊心得20161126
HPX88 - 腦洞大開的Uf工作坊心得20161126HPX88 - 腦洞大開的Uf工作坊心得20161126
HPX88 - 腦洞大開的Uf工作坊心得20161126Shu Ting Hsieh
 
網頁設計心理學讀書心得分享
網頁設計心理學讀書心得分享網頁設計心理學讀書心得分享
網頁設計心理學讀書心得分享Shu Ting Hsieh
 
前端攻城獅?一堂適合小獅子的入門分享 20140729
前端攻城獅?一堂適合小獅子的入門分享 20140729前端攻城獅?一堂適合小獅子的入門分享 20140729
前端攻城獅?一堂適合小獅子的入門分享 20140729Shu Ting Hsieh
 
Google developer tool 簡介
Google developer tool 簡介Google developer tool 簡介
Google developer tool 簡介Shu Ting Hsieh
 
Designing Interfaces chapter 9
Designing Interfaces chapter 9Designing Interfaces chapter 9
Designing Interfaces chapter 9Shu Ting Hsieh
 

More from Shu Ting Hsieh (11)

HPX88 - 腦洞大開的Uf工作坊心得20161126
HPX88 - 腦洞大開的Uf工作坊心得20161126HPX88 - 腦洞大開的Uf工作坊心得20161126
HPX88 - 腦洞大開的Uf工作坊心得20161126
 
網頁設計心理學讀書心得分享
網頁設計心理學讀書心得分享網頁設計心理學讀書心得分享
網頁設計心理學讀書心得分享
 
前端攻城獅?一堂適合小獅子的入門分享 20140729
前端攻城獅?一堂適合小獅子的入門分享 20140729前端攻城獅?一堂適合小獅子的入門分享 20140729
前端攻城獅?一堂適合小獅子的入門分享 20140729
 
Google developer tool 簡介
Google developer tool 簡介Google developer tool 簡介
Google developer tool 簡介
 
Designing Interfaces chapter 9
Designing Interfaces chapter 9Designing Interfaces chapter 9
Designing Interfaces chapter 9
 
我的影集人生
我的影集人生我的影集人生
我的影集人生
 
溝通升級版201008
溝通升級版201008溝通升級版201008
溝通升級版201008
 
溝通升級版201007
溝通升級版201007溝通升級版201007
溝通升級版201007
 
溝通升級版201006
溝通升級版201006溝通升級版201006
溝通升級版201006
 
溝通升級版201005
溝通升級版201005溝通升級版201005
溝通升級版201005
 
認知簡報 20110915
認知簡報 20110915認知簡報 20110915
認知簡報 20110915
 

網站解剖學