
0人評分過此書
◎公司要做簡單的商品介紹頁面,但外包太貴,最好自己動手。
◎網拍商品,設計FB貼文廣告、IG限時動態問卷,沒有基礎的文科生照樣能搞定。
◎YouTube影片怎麼嵌入網頁?怎樣才能在網頁放Google地圖?
以上這些技能,本書手把手教會你,就算零基礎也能學會寫程式,
讓你更有本錢跟老闆談加薪、轉斜槓,收入馬上增加。
作者日比野新是日本十分受歡迎的「侍工程師培訓班」權威講師。
這間培訓班的學生,
近九成都是程式設計的門外漢,也成功輔導許多人轉業。
他本身擁有30年的工程師資歷,指導程式設計有15年的經驗。
指導過的學生人數更超過一千人。
本書的前提是「供初學者學習程式設計」,
主題鎖定在專為新手而設計的商品行銷「登陸頁面製作」。
書中提取三個程式語言(HTML、CSS、JavaScript)中,
製作登陸頁面所需要的知識,即使是程式設計的門外漢也不用擔心。
.什麼是登陸頁面(Landing page,或稱一頁式網站)?想想廣告傳單。
FB貼文廣告的產品購買頁、IG限時動態連結的問卷等,都用得到登陸頁面。
在網路銷售時代,這是必須的產品。
.登陸頁面看起來很複雜,其實架構只有三個。
網頁上特效多得讓人眼花撩亂,但構成的三要素很簡單:文字、設計、動作。
這三個要素,分別可透過HTML、CSS、JavaScript來編排,書中手把手教你。
.響應式網頁設計是什麼?
就是讓一個網頁,在手機、平板、電腦上都容易閱讀。
現在用手機看網頁很平常,但網頁是用電腦製作的,得要能對應不同裝置。
書中教你,能同時確認網頁在手機、平板、電腦上的顯示狀態。
◎網拍商品,設計FB貼文廣告、IG限時動態問卷,沒有基礎的文科生照樣能搞定。
◎YouTube影片怎麼嵌入網頁?怎樣才能在網頁放Google地圖?
以上這些技能,本書手把手教會你,就算零基礎也能學會寫程式,
讓你更有本錢跟老闆談加薪、轉斜槓,收入馬上增加。
作者日比野新是日本十分受歡迎的「侍工程師培訓班」權威講師。
這間培訓班的學生,
近九成都是程式設計的門外漢,也成功輔導許多人轉業。
他本身擁有30年的工程師資歷,指導程式設計有15年的經驗。
指導過的學生人數更超過一千人。
本書的前提是「供初學者學習程式設計」,
主題鎖定在專為新手而設計的商品行銷「登陸頁面製作」。
書中提取三個程式語言(HTML、CSS、JavaScript)中,
製作登陸頁面所需要的知識,即使是程式設計的門外漢也不用擔心。
.什麼是登陸頁面(Landing page,或稱一頁式網站)?想想廣告傳單。
FB貼文廣告的產品購買頁、IG限時動態連結的問卷等,都用得到登陸頁面。
在網路銷售時代,這是必須的產品。
.登陸頁面看起來很複雜,其實架構只有三個。
網頁上特效多得讓人眼花撩亂,但構成的三要素很簡單:文字、設計、動作。
這三個要素,分別可透過HTML、CSS、JavaScript來編排,書中手把手教你。
.響應式網頁設計是什麼?
就是讓一個網頁,在手機、平板、電腦上都容易閱讀。
現在用手機看網頁很平常,但網頁是用電腦製作的,得要能對應不同裝置。
書中教你,能同時確認網頁在手機、平板、電腦上的顯示狀態。
- 推薦序一 穿破程式設計學習迷霧的一支「雙雕箭」/紀俊男
- 推薦序二 從接案中學會寫程式,更務實又有效率!/網站帶路姬
- 推薦序三 網頁開發不難,難在遇到一本好的入門書/陳柏融
- 前言 程式設計,沒有想像中那麼難
- 在閱讀本書以前
-
第一章 零基礎也能學會寫程式
-
1 成為斜槓青年的最快選擇
-
2 程式設計初學者的第一步:客戶在哪裡
-
3 從接案到收入進帳的流程
-
4 登陸頁面是什麼?想想廣告傳單
-
5 沒有萬用的頁面,得隨時更新改善
-
6 注意這些眉角,包你案子接不完
-
7 從新手進階到老手後,你會賺更多
-
專欄一 最強大的文字編輯器「Adobe Brackets」
-
-
第二章 開始寫之前,你得先知道這些事!
-
1 網路就像人類的語言,會說,但不是人人都懂其中原理
-
2 網站就是網頁的集合
-
3 谷歌人人在用,檢索技巧卻不是誰都會,你信不信?
-
4 寫程式一定要知道的三個詞彙
-
5 終於到準備階段了,先整頓作業環境!
-
6 頁面看起來很複雜,其實架構只有三個
-
【練習1】範例檔案的顯示
-
-
-
第三章 製作頁面的骨架,置入文字和圖像
-
1 用 HTML 指定網頁文章結構
-
2 表示文章結構的「符號」
-
3 HTML 的架構,就像大箱子裡放小箱子
-
4 學習 HTML 的 24 個常用標籤(前篇)
-
5 設定網頁中「開始的宣告」和「指定大箱子」
-
6 在 HTML 指定「兩個小箱子」
-
7 放進「第一個小箱子」的字元編碼和標題
-
8 「第二個小箱子」則要分三個部分來指定
-
9 用些小技巧,讓程式碼更容易閱讀
-
10 如何顯示特殊符號?
-
【練習2】指定字元編碼,放進特殊符號和縮排
-
-
11 用次標題突顯重要字詞
-
12 善用段落和換行,更容易閱讀
-
13 添加摘錄、引用其他文章和資訊,更容易讓人信服
-
14 用文字尺寸和強調凸顯重點
-
15 條列重點,讓訴求更能打動瀏覽者
-
【練習3】活用次標題、條列與換行
-
-
16 在網頁中插入圖像
-
17 設定跳轉到其他頁面
-
18 使用「排版區塊」
-
19 設定「按鈕」,讓程式運作
-
【練習4】插入圖像及按鈕、設定跳轉和排版區塊
-
-
20 學習 HTML 的 24 個常用標籤(後篇)
-
21 添加有意義的圖像和圖片描述
-
22 嵌入影片或 Google 地圖
-
23 自己製作的影片,一樣可以嵌入網頁
-
24 在網頁嵌入音檔
-
【練習5】嵌入影片和音檔、加上圖片描述
-
-
專欄二 商標會改變人們的印象!從這些免費商標製作網站著手
-
-
第四章 這樣設計,讓瀏覽者想一口氣讀完!
-
1 網站版型設計的基礎語言「CSS」
-
2 如何用 CSS 改變網頁外觀?
-
3 如何撰寫樣式表
-
4 版型設計上須知的六個基礎知識
-
5 調整文字的字體,讓設計呈現想要的氛圍
-
6 改變文字的顏色和粗細
-
7 改變文字大小,凸顯標題層次
-
8 調整文字對齊方式和頁面背景顏色,替文章增添節奏
-
【練習6】用 CSS 調整文字大小、顏色、位置
-
-
9 九個技巧,頁面更吸睛
-
10 設定圖像的大小
-
11 指定「文繞圖」的位置
-
12 解除「文繞圖」的設定
-
13 加上圓角的邊框,增加柔和氛圍
-
14 利用「螢光筆劃記」來強調文字
-
【練習7】設定文繞圖、添加圓角框和螢光筆劃記
-
-
15 在文字行距間留點空白,讓閱讀多點喘息
-
16 游標一碰到連結,文字設計就會改變
-
17 為連結加上彈跳的動畫效果,被點擊的次數就會增加
-
【練習8】文字行距拉大、改變連結顏色、讓連結彈跳
-
-
18 讓網頁在手機上也容易閱覽
-
【練習9】讓網頁方便在手機上瀏覽、調整圖像尺寸、解除繞行
-
-
19 CSS 網頁設計的三大訣竅
-
20 設計以簡約為目標,善用「留白」
-
21 這三個方法協助你善用色碼
-
22 確認客戶提供的素材是否符合需求
-
23 檢視網頁於多種裝置的呈現樣貌,有更快的方法
-
專欄三 便利的圖像、插圖製作工具
-
-
第五章 只要加上「動作」,就能提升網頁完成度
-
1 用 JavaScript 增添「動作」
-
2 利用 JavaScript 來計算
-
3 JavaScript 程式碼可放在兩個位置
-
4 善用外部檔案,製作網頁更有效率
-
5 在 JavaScript 中使用的十個基礎語法
-
6 用彈出式視窗顯示「警告訊息」
-
7 只要克服了這一關,就不再是初學者
-
8 加上「條件判斷」,變數運作更順暢
-
9 計算的基本概念,你還記得多少?
-
10 使用「函數」,讓程式重複處理
-
11 會用到 JavaScript 的三個實作項目
-
12 將四則運算套入網頁中
-
13 製作「一鍵回到畫面頂端」的功能
-
14 用 Google Analytics 分析,掌握瀏覽者的行動
-
【練習10】加入計算程式、使用 JavaScript、Google Analytics
-
-
-
第六章 開始製作登陸頁面
-
1 安排登陸頁面的整體製作流程
-
2 製作登陸頁面的事前準備
-
3 【步驟1】製作登陸頁面的草稿
-
4 【步驟2】準備登陸頁面要用到的素材
-
5 【步驟3】準備登陸頁面要使用的文章
-
6 開始製作登陸頁面
-
7 【步驟4】利用 HTML 製作骨架
-
8 【步驟5】導入文章
-
9 【步驟6】嵌入圖像、插畫
-
10 【步驟7】利用 CSS 調整設計
-
11 【步驟8】利用 JavaScript 計算 BMI
-
12 【步驟9】透過 Google Analytics 解析流量
-
13 最後的收尾工作
-
14 【步驟10】調整為對應手機畫面
-
15 【步驟11】確認圖片和文字置中
-
- 結語 學習程式設計,鍛鍊邏輯思考與解決問題的能力
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分