作者簡介
 
日比野 新 
 
出生於日本京都府。高中畢業後，18歲時就擔任工程師。此後30年均從事商用軟體的提案、培育並錄用系統工程師和程式設計師等人才，以及用戶支援、系統維護及維修等工作。

• 推薦序一　穿破程式設計學習迷霧的一支「雙雕箭」 ／紀俊男(第11頁)
• 推薦序二　從接案中學會寫程式，更務實又有效率！ ／網站帶路姬(第15頁)
• 推薦序三　網頁開發不難，難在遇到一本好的入門書 ／陳柏融(第19頁)
• 前言　程式設計，沒有想像中那麼難(第23頁)
• 在閱讀本書以前(第28頁)
第一章　零基礎也能學會寫程式(第31頁)
• 1 成為斜槓青年的最快選擇(第32頁)
• 2 程式設計初學者的第一步：客戶在哪裡(第35頁)
• 3 從接案到收入進帳的流程(第37頁)
• 4 登陸頁面是什麼？想想廣告傳單(第39頁)
• 5 沒有萬用的頁面，得隨時更新改善(第41頁)
• 6 注意這些眉角，包你案子接不完(第43頁)
• 7 從新手進階到老手後，你會賺更多(第45頁)
• 專欄一 最強大的文字編輯器「Adobe Brackets」(第48頁)
第二章　開始寫之前，你得先知道這些事！(第51頁)
• 1 網路就像人類的語言，會說，但不是人人都懂其中原理(第52頁)
• 2 網站就是網頁的集合(第54頁)
• 3 谷歌人人在用，檢索技巧卻不是誰都會，你信不信？(第57頁)
• 4 寫程式一定要知道的三個詞彙(第60頁)
• 5 終於到準備階段了，先整頓作業環境！(第65頁)
• 6 頁面看起來很複雜，其實架構只有三個(第70頁)
• 【練習 1】範例檔案的顯示(第72頁)
第三章　製作頁面的骨架，置入文字和圖像(第79頁)
• 1 用 HTML 指定網頁文章結構(第80頁)
• 2 表示文章結構的「符號」(第82頁)
• 3 HTML 的架購，就像大箱子裡放小箱子(第85頁)
• 4 學習 HTML 的 24 個常用標籤(第88頁)
• 5 設定網頁中「開始的宣告」和「指定大箱子」(第91頁)
• 6 在 HTML 指定「兩個小箱子」(第94頁)
• 7 放進「第一個小箱子」的字元編碼和標題(第97頁)
• 8 「第二個小箱子」則要分三個部分來指定(第100頁)
• 9 用些小技巧，讓程式碼更容易閱讀(第103頁)
• 10 如何顯示特殊符號？(第106頁)
• 【練習 2】指定字元編碼，放進特殊符號和縮排(第109頁)
• 11 用次標題突顯重要字詞(第114頁)
• 12 善用段落和換行，更容易閱讀(第119頁)
• 13 添加摘錄、引用其他文章和資訊，更容易讓人信服(第122頁)
• 14 用文字尺寸和強調凸顯重點(第125頁)
• 15 條列重點，讓訴求更能打動瀏覽者(第127頁)
• 【練習3】活用次標題、條列與換行(第130頁)
• 16 在網頁中插入圖像(第134頁)
• 17 設定跳轉到其他頁面(第139頁)
• 18 使用「排版區塊」(第144頁)
• 19 設定「按鈕」，讓程式運作(第147頁)
• 【練習 4】插入圖像及按鈕、設定跳轉和排版區塊(第150頁)
• 20 學習 HTML 的 24 個常用標籤（後篇）(第155頁)
• 21 添加有意義的圖像和圖片描述(第157頁)
• 22 嵌入影片或 Google 地圖(第160頁)
• 23 自己製作的影片，一樣可以嵌入網頁(第163頁)
• 24 在網頁嵌入音檔(第166頁)
• 【練習 5】嵌入影片和音檔、加上圖片描述(第168頁)
• 專欄二 商標會改變人們的印象！從這些免費商標誌做網站著手(第172頁)
第四章　這樣設計，讓瀏覽者想一口氣讀完！(第173頁)
• 1 網站版型設計的基礎語言「CSS」(第174頁)
• 2 如何用 CSS 改變網頁外觀？(第176頁)
• 3 如何撰寫樣式表(第179頁)
• 4 版型設計上須知的六個基礎知識(第182頁)
• 5 調整文字的字體，讓設計呈現想要的氛圍(第185頁)
• 6 改變文字的顏色和粗細(第187頁)
• 7 改變文字大小，凸顯標題層次(第190頁)
• 8 調整文字對齊方式和頁面背景顏色，替文章增添節奏(第192頁)
• 【練習 6】用 CSS 調整文字大小、顏色、位置(第195頁)
• 9 九個技巧，頁面更吸睛(第202頁)
• 10 設定圖像的大小(第204頁)
• 11 指定「文繞圖」的位置(第207頁)
• 12 解除「文繞圖」的設定(第210頁)
• 13 加上圓角的邊框，增加柔和氛圍(第213頁)
• 14 利用「螢光筆劃記」來強調文字(第216頁)
• 【練習 7】設定文繞圖、添加圓角框和螢光筆劃記(第219頁)
• 15 在文字行距間留點空白，讓閱讀多點喘息(第226頁)
• 16 游標一碰到連結，文字設計就會改變(第229頁)
• 17 為連結加上彈跳的動畫效果，被點擊的次數就會增加(第232頁)
• 【練習 8】文字行距拉大、改變連結顏色、讓連結彈跳(第235頁)
• 18 讓網頁在手機上也容易瀏覽(第241頁)
• 【練習 9】讓網頁方便在手機上瀏覽、調整圖像尺寸、解除繞行(第246頁)
• 19 CSS 網頁設計的三大訣竅(第250頁)
• 20 設計以簡約為目標，善用「留白」(第252頁)
• 21 這三個方法協助你善用色碼(第253頁)
• 22 確認客戶提供的素材是否符合需求(第254頁)
• 23 檢視網頁於多種裝置的呈現樣貌，有更快的方法(第256頁)
• 專欄三 便利的圖像、插圖製作工具(第258頁)
第五章　只要加上「動作」，就能提升網頁完成度(第259頁)
• 1 用 JavaScript 增添「動作」(第260頁)
• 2 利用 JavaScript 來計算(第262頁)
• 3 JavaScript 程式碼可放在兩個位置(第265頁)
• 4 善用外部檔案，製作網頁更有效率(第268頁)
• 5 在 JavaScript 中使用的十個基礎語法(第271頁)
• 6 用彈出式視窗顯示「警告訊息」(第273頁)
• 7 只要克服了這一關，就不再是初學者(第276頁)
• 8 加上「條件判斷」，變數運作更順暢(第284頁)
• 9 計算的基本概念，你還記得多少？(第287頁)
• 10 使用「函數」，讓程式重複處理(第290頁)
• 11 會用到 JaveScript 的三個實作項目(第293頁)
• 12 將四則運算套入網頁中(第296頁)
• 13 製作「一鍵回到畫面頂端」的功能(第299頁)
• 14 用 Google Analytics 分析，掌握瀏覽者的行動(第302頁)
• 【練習 10】加入計算程式、使用 JavaScript、Google Analytics(第305頁)
第六章　開始製作登陸頁面(第313頁)
• 1 安排登陸頁面的整體製作流程(第314頁)
• 2 製作登陸頁面的事前準備(第316頁)
• 3 【步驟 1】製作登陸頁面的草稿(第318頁)
• 4 【步驟 2】準備登陸頁面要用到的素材(第321頁)
• 5 【步驟 3】準備登陸頁面要使用的文章(第323頁)
• 6 開始製作登陸頁面(第325頁)
• 7 【步驟 4】利用 HTML 製作骨架(第327頁)
• 8 【步驟 5】導入文章(第329頁)
• 9 【步驟 6】嵌入圖像、插畫(第331頁)
• 10 【步驟 7】利用 CSS 調整設計(第333頁)
• 11 【步驟 8】利用 JacaScript 計算 BMI(第336頁)
• 12 【步驟 9】透過 Google Analytics 解析流量(第338頁)
• 13 最後的收尾工作(第340頁)
• 14 【步驟 10】調整為對應手機畫面(第342頁)
• 15 【步驟 11】確認圖片和文字置中(第344頁)
結語　學習程式設計，鍛鍊邏輯思考與解決問題的能力(第349頁)