網頁設計手冊 上: 網站開發基礎16堂課 | 誠品線上

網頁設計手冊 上: 網站開發基礎16堂課

作者 高慧君/ 魏仲良
出版社 五南圖書出版股份有限公司
商品描述 網頁設計手冊 上: 網站開發基礎16堂課:●本書適用對象1.內容針對學校市場所設計,中學生資訊課程參考用書。2.一般讀者也可以學習,概念是可類推的自學書。本書採用的Djang

內容簡介

內容簡介 ●本書適用對象 1.內容針對學校市場所設計,中學生資訊課程參考用書。 2.一般讀者也可以學習,概念是可類推的自學書。 本書採用的Django框架,是使用Python語言編寫的一個廣受歡迎、免費、開放原始碼、且功能完整的網站後端框架,有助讀者用最快的速度掌握網站開發最基礎的知識。 本書特色-- 1.使用最熱門的Python程式語言,搭配Django框架設計出由淺入深的網站範例專案,讓學習者逐步熟悉網站開發技術。 2.提供程式碼,供學習者複製指令或程式碼以便快速獲得執行結果,書中則詳細解說程式碼的意義。 3.網站開發包含有前端與後端的技術,本書補充相關入門知識作為擴充自學基礎。

作者介紹

作者介紹 高慧君、魏仲良高慧君國立臺灣師範大學資訊教育研究所資訊教育組碩士。現任臺北市立南港高級中學資訊科教師。網站開發經驗豐富,早期使用微軟asp+access撰寫網站,2014年開始研究Python後,試著改用Django來撰寫網站,由於Python有強大社群,所以想要寫的功能都可以在網路上Google到答案。因此整理了入門網頁設計基礎課程,希望幫助更多人能夠順利掌握這項技術。魏仲良國立臺灣師範大學資訊教育研究所資訊科學組碩士,現任臺北市立大直高級中學資訊科教師。先前長期使用 PHP開發校內應用網站系統,與高慧君老師合作協助開發教學網站才接觸 Python與 Django。在參與彙整本書內容時,以從其他語言轉換過來的初學者的角度,將學習過程中記錄下的理解與心得加入內容中,希望能協助讀者更容易上手。

產品目錄

產品目錄 Lesson1 HTML基礎 Lesson2 Python基礎 Lesson3 Django安裝與架站 Lesson4 專案與應用程式 Lesson5 範例:投票主題 Lesson6 範例:投票選項 Lesson7 實戰:留言板 Lesson8 實戰:日誌 Lesson9 實戰:記帳 Lesson10 CSS基礎 Lesson11 JavaScript基礎 Lesson12 案例:線上投票 Lesson13 案例:留言板 Lesson14 案例:數位助理 Lesson15 Git版本控制系統 Lesson16 將專案發布到pythonanywhere

商品規格

書名 / 網頁設計手冊 上: 網站開發基礎16堂課
作者 / 高慧君 魏仲良
簡介 / 網頁設計手冊 上: 網站開發基礎16堂課:●本書適用對象1.內容針對學校市場所設計,中學生資訊課程參考用書。2.一般讀者也可以學習,概念是可類推的自學書。本書採用的Djang
出版社 / 五南圖書出版股份有限公司
ISBN13 / 9789577638403
ISBN10 / 9577638406
EAN / 9789577638403
誠品26碼 / 2681864519006
頁數 / 336
開數 / 20K
注音版 /
裝訂 / P:平裝
語言 / 1:中文 繁體
級別 / N:無

最佳賣點

最佳賣點 : 1.內容針對學校市場所設計,中學生資訊課程參考用書。
2.一般讀者也可以學習,概念是可類推的自學書。

試閱文字

內文 : 文字的排版
HTML 是一種結構性的標籤語言,利用不同的標籤來定義文件的外觀,並完成網頁的排版。
HTML 文件是由元件組合而成,包括容器元件和空元件兩種。容器元件使用「起始標籤」與「結束標籤」,在兩個標籤之間,可以加入敘述。
例如:
歡迎光臨
說明:
稱為「起始標籤」、 稱為「結束標籤」,這兩者通常會成對出現。
• font 稱為「標籤名稱」。
• color 稱為「屬性名稱」。
• blue 稱為「屬性值」。
容器元件可以放在另一個容器元件中,就如同把小盒子放在大盒子中。例如:
歡迎
歡迎光臨
其中第三個字(光)會以粗體呈現。
空元件是用來執行一個特定的動作,例如:


標籤會在瀏覽器中顯示一條水平線,不需要 來表示結束。

段落的排版
用來分隔不同的段落,即除了換行之外,還會與上一行間多加一行空白。
標籤:

...


段落的排版範例:
1

白日依山盡


2

黃河入海流


3

欲窮千里目


4

更上一層樓


瀏覽器會忽略你在HTML 文件中所輸入的空格與換行,文件中若是要換行,在要換行的位置上必須加上
標籤﹐如此才能達到換行的效果。

標題的排版
HTML 包含不同重要程度的標題標籤,從最重要的標題

開始到最不重要的

標題,在瀏覽器預設情況下,h1 的字體最大,h6 的字體最小。
1

這裡是標題一


2

這裡是標題二


3

這裡是標題三


4

這裡是標題四


5
這裡是標題五

6
這裡是標題六

活動