µn¤J
¡U
µù¥U
¡U
·|û¤¤¤ß
¡U
µ²±b
¡U
°ö°V½Òµ{
Å]ªk§Ì¤l
¡U
¦Û¸ê¥Xª©
¡U
¹q¤l®Ñ
¡U
«ÈªA¤¤¤ß
¡U
´¼¼z«¬¥ßÊ^·|û
®Ñ¦W
¥Xª©ªÀ
§@ªÌ
isbn
½s¸¹
5050Å]ªk²³Äw
|
NG®Ñ«°
|
°ê»Ú¯Å«~µP½Òµ{
|
Àu´f³qª¾
|
ÅRÆE^¶¯µ¼Öºë¿ï
|
TCP/IPºô¸ô³q°T¨ó©w(²Ä¤Gª©)
¡D
Web³]p¤Jªù¤â¥U
¤å¾Ç¤p»¡
¤å¾Ç
¡U
¤p»¡
°ÓºÞ³Ð§ë
°]¸g§ë¸ê
¡U
¦æ¾P¥øºÞ
¤H¤åÃÀ§{
©v±Ð¡Bõ¾Ç
ªÀ·|¡B¤H¤å¡B¥v¦a
ÃÀ³N¡B¬ü¾Ç
¡U
¹q¼vÀ¸¼@
Ày§Ó¾i¥Í
ÂåÀø¡B«O°·
®Æ²z¡B¥Í¬¡¦Ê¬ì
±Ð¨|¡B¤ß²z¡BÀy§Ó
¶i׾Dzß
¹q¸£»Pºô¸ô
¡U
»y¨¥¤u¨ã
Âø»x¡B´Á¥Z
¡U
x¬F¡Bªk«ß
°Ñ¦Ò¡B¦Ò¸Õ¡B±Ð¬ì¥Î®Ñ
¬ì¾Ç¤uµ{
¬ì¾Ç¡B¦ÛµM
¡U
¤u·~¡B¤uµ{
®a®x¿Ë¤l
®a®x¡B¿Ë¤l¡B¤H»Ú
«C¤Ö¦~¡Bµ£®Ñ
ª±¼Ö¤Ñ¦a
®È¹C¡B¦a¹Ï
¡U
¥ð¶¢®T¼Ö
º©µe¡B´¡¹Ï
¡U
¨î¯Å
HTML µ{¦¡³]p¤Jªù¤â¥U
§@ªÌ¡G
Wendy Willard;
ĶªÌ¡G
楊雯祺
¤ÀÃþ¡G
¹q¸£»Pºô¸ô
¡þ
ºô¸ô
ÂO®Ñ¨t¦C¡Gµ{¦¡»y¨¥
¥Xª©ªÀ¡G
¬ü°Ó³Á®æÃ¹§Æº¸
¥Xª©¤é´Á¡G2001/10/1
ISBN¡G957493456X
®ÑÄy½s¸¹¡Gkk0031547
¶¼Æ¡G568
©w»ù¡G
590
¤¸
Àu´f»ù¡G
79
§é
466
¤¸
®Ñ»ùY¦³²§°Ê¡A¥H¥Xª©ªÀ¹ê»Ú©w»ù¬°·Ç
µ´ª©®Ñ
µ´ª©®Ñ¡G½T©w¤£¦Aª©ªº°Ó«~¡A¶È´£¨Ñ®ÑÄy¸ê°T°Ñ¦Ò¡C
µû»ù¼Æ¡G
(½Ð±N·Æ¹«²¾¦Ü¬P¬P³B¶i¦æµû»ù)
¥Ø«e¥§¡µû»ù¡G
¤å¦r³sµ²
½Æ»s»yªk
HTML µ{¦¡³]p¤Jªù¤â¥U
¹Ï¤ù³sµ²
½Æ»s»yªk
¤À
¨É
¤º®e²¤¶
¦PÃþ±ÀÂË
內容簡介
誰該讀這本書呢? 既然這本書是針對任何沒有接觸過或只懂一點HTML知識的人,因此,任何想學HTML的人,都適合來讀這本書。假如您是位想要為您家人設位網站的家庭主婦,那恭喜您,您來對地方了;假如您是位想了解網路架構技術的專業人士,那這本書是為您量身訂作的;假如您是位對寫HTML有興趣的人,這本書就是您的最佳選擇。 您不需要知道如何撰寫電腦程式和如何架構一個網站才能學會HTML,您也不需要學會它們來幫助您更了解這本書。 引人之處 每一個單元都提供有提示、秘訣和注意讓您做參考,對一些必要的地方做更詳細的解釋。詳細的html碼都會列在灰色的框中,並且我們會對其中某些特定的標籤及屬性等,以附註的方式再加以解釋。 在很多單元裡都會包括「請問專家」這一個部份,我們在這部份會就一些可能會造成迷惑的地方用問答的方式加以討論。另外,每一個單元都會有「練習」這一部份,讓您能藉由一步步的引導來練習到目前為止所教的內容,並且這些練習的材料都是來自我為Woolwich Historical Society(在緬因州的Woolwich)所做的一個專案而來的。 重點回顧是每一個單元的最後一部份,目的在於給您再一次複習這一單元中教過的所有概念,這一部份的答案統一放在附錄F中。 您可以從Osborne’s Web Site(www.osborne.com)或是這本書的相關網站(www.willardesigns.com/html)下載以Woolwich Historical Society為範本的練習內容,您若要更新附錄D中的內容(就是排憂解惑這一部份)或是佈告,你也可以在這個網站中下載。 在這整本書的撰寫過程中,我們所著重的都是如何提供您一個連續、易懂的html撰寫法,讓您能在很短的時間內學會並且真正寫出一個網頁。就像我在這裡曾說過無數次的,學習HTML並不困難也不會超出您的能力。我為你決定開始學習HTML鼓掌致賀,並且我也鼓勵你在學習過程以及對網路的熱情中,盡力去開發Internet在未來的無限可能性。 內容架構 這本書可分為三部份—HTML基礎技術、HTML相關技術和補充資料。 第一部分「HTML基礎技術」, 將告訴您如何開始以HTML來編寫一個令人印象深刻網頁的全部知識。這一部份又分成十一單元,每一單元各自獨立且環環相扣。在每一單元中都包含著一個或多個可以讓您一步步跟著學習的範例,並可藉此複習單元中的內容。 第二部分「進階網頁技術」 介紹與HTML網站製作相關的其他領域。如果你只對HTML有興趣,儘管跳過這一部份。如果你想知道學完HTML,下一步會遇到什麼,我建議你讀一讀第二部份。第二部分各單元都包括一節「更上一層樓」,提供更多相關資源,對該主題有興趣的人可據此更深入探索。 第三部分「補充資料」
目錄
第一部分 HTML基礎技術 模組一:起步~走 了解環境 1-2 解析網站 1-2 網頁瀏覽器(Web Browsers) 1-6 放眼未來 1-7 計劃 1-8 認清觀看者 1-9 確定目標 1-10 網站架構 1-11 網站內容 1-11 便利性與流暢性 1-11 使用HTML編輯器(HTML Editors) 1-13 文字模式的HTML編輯器 1-13 WYSIWYG HTML編輯器 1-15 那一種類型的編輯器最好? 1-16 跟內行人學學 1-17 練習1-1:架個網站 1-18 練習小結 1-20 重點回顧 2-21 模組二:基本的網頁架構 命名慣例 2-3 在瀏覽器中預視 2-4 了解標籤 2-5 標籤類型 2-6 屬性 2-7 必要的標籤 2-8 XHTML的三種風格 2-9 大小寫 2-11 引號 2-12 套疊(Nesting) 2-12 空格和分隔 2-13 使用特殊符號 2-17 加入註解 2-18 練習1-2:在你網站上建第一個網頁 2-18 練習小結 2-21 重點回顧 2-21 模組三:顏色 了解顏色的十六進位值 3-2 使用色彩的名稱 3-5 使用Web-safe顏色 3-6 指定文件顏色 3-8 練習3-1:改變你網頁的顏色 3-10 練習小結 3-11 重點回顧 3-12 模組四:文字 文字段落格式化 4-2 分段記號 4-2 分行記號 4-4 預設格式 4-7 引言區塊 4-8 水平分隔線 4-9 對齊方向 4-12 練習4-1:格式化文字段落及網頁元件 4-16 練習小結 4-20 使用標頭 4-21 加強文字的語氣 4-24 邏輯化標籤 4-24 實體化標籤 4-25 字體的變化 4-27 字型 4-30 大小 4-32 顏色 4-36 練習4-2:為你網頁上的文字加點變化 4-37 練習小結 4-39 重點回顧 4-41 模組五:超連結 加入不同網頁的超連結 5-2 絕對路徑 5-4 相對路徑 5-5 加入網頁中的超連結 5-9 插入定錨點(anchor) 5-10 定錨點的超連結 5-11 其他種類的超連結 5-14 電子郵件(E-mail) 5-15 新聞群組 5-16 FTP&檔案下載 5-17 練習5-1:加入超連結 5-18 練習小結 5-23 改變網頁文字連結前後的顏色 5-24 設定超連結 5-26 Tab鍵的設定 5-26 熱鍵的使用 5-27 目標視窗 5-28 練習5-2:設定超連結 5-29 練習小結 5-32 重點回顧 5-32 模組六:圖片 在網頁前景中使用圖片 6-2 圖片檔的類型 6-3 使用已有的圖片 6-3 設計自己的圖片 6-6 練習6-1:為你的網頁上加入圖片 6-6 練習小結 6-8 設定圖片的高度及寬度 6-10 無法看到圖片時的替代文字 6-12 圖片的超連結 6-15 整張圖片的超連結 6-15 部份圖片的超連結 6-17 使用框線 6-25 圖片和文字的位置 6-26 結束文字的對齊 6-31 在圖片周圍加入空白區域 6-33 練習6-2:改變圖片的特性 6-35 練習小結 6-39 以圖片做為背景 6-39 練習6-3:加入一張背景圖片 6-45 練習小結 6-47 重點回顧 6-48 模組七:多媒體 了解外掛驅動程式,ActiveX Controls和輔助應用程式 7-2 外掛驅動程式在你電腦中放置的位置 7-3 決定檔案類型、副檔名及適合的plug-in 7-5 連結多媒體 7-6 嵌入多媒體 7-9 Embed的使用 7-9 Object的使用 7-15 Embed和Object的聯合使用 7-18 Java Applets 7-20 練習7-1:在網頁嵌入聲音檔 7-21 練習小結 7-24 重點回顧 7-24 模組八:項目清單 有序清單的使用 8-2 無序清單的使用 8-6 練習8-1﹕在你網頁上加入清單 8-7 練習小結 8-12 定義式清單的使用 8-12 清單的套疊 8-14 練習8-2:在你的網頁中加入兩種不同類型的清單 8-16 本章總結 8-22 重點回顧 8-22 模組九:表格 了解表格 9-2 建立一個基本的表格 9-3 表格架構 9-4 空格內容 9-5 設計表格 9-10 邊線 9-10 空格的間隔 9-15 寬度及高度 9-16 對齊 9-22 顏色 9-23 背景圖片 9-24 表格說明 9-24 練習9-1:建立一個基本的表格 9-26 本章總結 9-30 設計空格 9-30 對齊 9-31 寬度及高度 9-33 顏色 9-35 禁止斷行 9-38 合併欄位 9-39 合併列 9-41 練習9-2:設計空格內容 9-42 本章總結 9-45 使用更高段的技巧 9-46 把各行分組並對齊 9-46 把各組分組並對齊 9-49 用表格來做網頁的版面 9-51 無接縫表格 9-54 套疊表格 9-55 練習9-3:使用無接縫及套疊表格 9-58 本章總結 9-62 重點回顧 9-63 模組十:分割畫面 了解窗框 10-2 支援框架的瀏覽器 10-3 建立一個基本的多視窗網頁 10-3 直式窗框及橫式窗框 10-4 設定窗框內容 10-8 設計窗框 10-10 命名 10-10 邊線 10-11 文字與框之間的距離 10-13 捲軸 10-14 重新設定大小 10-16 窗框與窗框間的連結 10-17 標的 10-18 基礎標的 10-19 套疊窗框 10-19 建立浮動式窗框 10-22 為不支援窗框瀏覽器建立一個 替代內容 10-25 練習10-1:建立一個基本的多視窗 10-26 練習小結 10-29 重點回顧 10-30 模組十一:表單 認識表單 11-2 建立基本的表單 11-2 文字輸入 11-4 圓鍵選項 11-10 方格選項 11-12 選擇清單 11-13 上傳檔案 11-17 隱藏欄 11-18 按鍵 11-18 練習11-1:建立一個基本的表單 11-22 練習小結 11-26 表單的處理 11-27 Action屬性 11-27 Method及enctype屬性 11-30 其他設定技巧 11-31 表格 11-31 Tab鍵及熱鍵 11-32 標示 11-33 分組 11-35 表單輸入限制 11-37 練習11-2:設計表單 11-38 練習小結 11-44 重點回顧 11-46 第二部分 進階網頁技術 模組十二:自己動手繪 繪圖軟體 12-2 Adobe 12-3 Macromedia 12-4 Jasc的Paint Shop Pro 12-5 影響繪圖製作的因素 12-5 平台 12-6 目標觀眾統計 12-6 HTML 12-8 瀏覽器 12-10 顏色 12-12 頻寬 12-12 檔案格式 12-17 術語 12-17 GIF 12-21 JPEG 12-23 PNG 12-25 選擇最適合的檔案格式 12-26 練習12-1:儲存網頁圖片 12-27 練習小結 12-29 更上一層樓 12-29 重點回顧 12-29 模組十三:網頁內容 確保電腦上的可讀性 13-2 寫出有效的連結 13-3 友善列印的網頁 13-5 練習13-1:網頁內容最佳化 13-6 練習小結 13-7 更上一層樓 13-10 重點回顧 13-10 模組十四:JavaScript 認識JavaScript 14-2 JavaScript醫療站 14-4 隱藏文件內容 14-5 術語 14-5 JavaScript邏輯 14-9 程式碼範例 14-11 加入現在日期與時間 14-11 非填不可的表單項目 14-12 隨使用者的接觸改變網頁中的東西 14-13 設計新視窗 14-17 練習14-1:使用JavaScript啟動新瀏覽器視窗 14-19 練習小結 14-21 重點回顧 14-21 更上一層樓 14-22 線上資源與語法 14-22 書籍 14-22 模組十五:CSS串接樣式表 認識CSS 15-2 CSS1 V.S. CSS2 15-3 選擇器(Selector) 15-4 屬性 15-4 宣告與規則 15-5 通用類別(Universal Classes) 15-5 參數類型(value types) 15-7 架構 15-9 進階概念 15-12 網頁規格化 15-12 文字顯示 15-13 背景 15-16 表格 15-18 清單 15-19 控制留白 15-19 框線 15-20 定位與網頁排版 15-20 供其他媒介使用的規格化 15-21 練習15-1:創造樣式表 15-22 練習小結 15-25 重點回顧 15-26 更上一層樓 15-26 模組十六:公諸於世 網域名稱 16-2 尋覓適合的主機 16-3 個人網站 16-3 商業網站 16-4 搜尋引擎與搜尋目錄 16-6 為網站的處女秀做好準備 16-7 練習16-1:加入meta標籤 16-10 練習小結 16-10 上傳網頁 16-11 視窗FTP 16-11 麥金塔FTP 16-14 Web-based FTP 16-16 測試你的網站 16-17 登錄網站 16-18 行銷秘訣 16-20 讓網站活起來! 16-21 練習小結 16-21 重點回顧 16-22 更上一層樓 16-22 搜尋引擎與搜尋目錄 16-22 第三部分 補充資料 附錄A:快速索引 一般屬性 A-2 core類型群組 A-3 events類型群組 A-3 intl類型群組 A-4 基本的網頁架構 A-4 文字 A-6 超連結 A-8 圖片與多媒體 A-9 項目清單 A-12 表格 A-13 窗框 A-15 表單 A-16 style sheets和scripts A-19 注意: A-19 附錄B:特殊符號 標準的HTML特殊符號表 B-2 附錄C:排憂解惑(常見問答集) 我的網頁一片空白! C-2 瀏覽器上只看到編碼! C-3 圖片無法顯示! C-3 我更改了字型,可是沒有出現變化! C-4 特殊符號無法顯示! C-4 連結無效! C-4 我的網頁在這個瀏覽器上一級棒,用另一種瀏覽器卻糟糕透了! C-5 當我連結圖片時,旁邊出現許多 有色的小橫線! C-6 網頁最上方出現奇怪的符號! C-6 使用瀏覽器觀看,卻沒看到更新後的網頁! C-7 我的網頁一整頁全都____________ (自己形容吧) C-7 用IE觀看,我的網頁背景是白色的,用Netscape卻不是! C-8 我的表單在不同瀏覽器上的效果有天壤之別! C-8 還是有問題! C-9 附錄D:可連結的圖片、多媒體及軟體等位址 圖片、Clip Art、多媒體 D-2 軟體 D-2 HTML Editors D-2 Graphics Editors D-3 Animation & Multimedia Editors D-3 Scripts and Code D-4 附錄E:檔案類型 附錄F:重點回顧解答 模組1﹕起步~走 F-2 模組2:基本的網頁架構 F-2 模組3﹕顏色 F-3 模組4:文字 F-3 模組5﹕超連結 F-4 模組6:圖片 F-5 模組7﹕多媒體 F-5 模組8﹕項目清單 F-6 模組9﹕表格 F-6 模組10﹕窗框 F-7 模組11:表單 F-8 模組12:自己動手繪 F-8 模組13:網頁內容 F-9 模組14:JavaScript F-9 模組15:CSS串接樣式表 F-10 模組16:公諸於世 F-11
作者簡介
作者簡介 Wendy Willard,加州巴莎迪那市設計藝術學院畢業(Art Center College of Design)。Willardesigns公司的創立及所有人,該公司業務包括各類行業的網頁創新設計及開發、網頁觀念的教育、輔導等。,對網頁設計和發展的教學及演講行程,遍及美、歐兩地。 譯者簡介 楊雯祺,國立清華大學外語系畢,喜歡閱讀及戲劇表演,並專長於網頁設計相關工作。
¹q¸£ºô¸ôì²z¡U²Ä¤Cª©
¦h´CÅé³]pªº 13
²V¦X¶³¦w¥þ¬[ºc¡U¹s«H
¹q¤l°Ó°È»PChatG
WordPress
«Øºc¦h¯²¤áSaaS¬[
Docker«Ø¸m»P°õ
ºô¯¸Â^¨ú¡U¨Ï¥ÎPyt
·Qn SSR?§Ö¨Ï¥Î
¸Ñ±K·j´M¤ÞÀº¡G¤Àµü§Þ
¬°¤F«O»Ù±zªºÅv¯q¡A·sµ·¸ôºô¸ô®Ñ©±©ÒÁʶRªº°Ó«~§¡¨É¦³¨ì³f¤C¤ÑªºÅ²½à´Á¡]§t¨Ò°²¤é¡^¡C°h¦^¤§°Ó«~¥²¶·©óŲ½à´Á¤º±H¦^¡]¥H¶lÂW©Î¦¬°õÁp¬°¾Ì¡^¡A¥B°Ó«~¥²¶·¬O¥þ·sª¬ºA»P§¹¾ã¥]¸Ë(°Ó«~¡Bªþ¥ó¡B¤º¥~¥]¸Ë¡BÀH³f¤å¥ó¡BÃØ«~µ¥)¡A§_«h®¤¤£±µ¨ü°h³f¡C