維特數位生活

原本以為痞客邦單單只是一個簡單的部落格，可依自己喜歡的版型去套用，真沒想說有一天也能夠自己動手更改成自己喜歡的樣式，雖然維特是電機科畢業，但強項在於手作製圖，還真沒有針對網頁製作語言有太多深入的理解，目前大學其實都有將python列入必修之一，但基本都只有教學簡單架構及應用。

對於網頁及部落格而言，你應該知道HTML、CSS 和 JavaScript這三個程式語言，HTML、CSS、JavaScript是網頁開發最基礎的技術。HTML 提供內容和結構，CSS 負責設計和樣式，JavaScript 增加互動性，有這三者結合後使網頁不僅美觀而且功能豐富。

首先建議大家還是應該了解HTML、CSS、JavaScript各自的用途

1. HTML（Hypertext Markup Language）:   HTML 是網頁的基本結構語言，用來定義網頁的內容和結構。

● 功能：負責建立文字、圖片、表格、連結等元素，並把它們組織成網頁的基本骨架。
● 例子：使用標籤如 <h1>、<p>、<a> 來定義標題、段落和超連結。

2. CSS（Cascading Style Sheets）:   CSS 是用來控制網頁的外觀樣式。

● 功能：負責美化網頁，設置顏色、字型、排版和各種視覺效果，使網頁呈現更具吸引力的外觀。
● 例子：使用 CSS 可以為標題設置顏色，為按鈕設置動畫效果，或調整不同螢幕尺寸下的排版樣式。

3. JavaScript:   JavaScript 是用來增加網頁互動功能的程式語言。

● 功能：負責實現動態行為，如表單驗證、按鈕點擊反應、數據處理和網頁內容的動態更新。
● 例子：JavaScript 可以讓按鈕點擊後顯示通知、表單提交時檢查輸入格式，或在頁面上顯示即時數據等。

在網路上看到一張圖，非常一目了然的解釋html及css的差異及用途

痞客邦在哪裡可以設定html跟css呢

痞客邦html設定可以至 "側欄管理" 中做設定

你可以從設定圖標中嵌入html語法，再用css語法做裝飾擺放，或是你也可以直接新增版位自訂一個版位

而痞客邦css設定在 "樣式管理" 中

這裡做為整個痞客邦版面的css編輯，用來設定各種圖案顏色及排佈

而如果你想要一個屬於自己的痞客邦，你則需要懂一些基本的html及css，再一個個做調整了解變化，這樣才能更了解編排的效果。

此篇文章主要作為維特上網爬文了解，以及逐步試錯練習成果展示，維特參考的文章連結也都會放置在文章最末端，大家也要多多去支持原作者。也歡迎各位先進，如果有更好的方式或是你覺得如何更好，都請不要吝嗇多多指教。

打造屬於自己的痞客邦 - 維特學習筆記 - 目前瀏覽 Ep.0

1. 學習筆記前文 - Ep.0

2. 痞客邦 HTML 和 CSS 完全指南 - Ep.1
3. 在側欄、文章中插入FB粉絲團 - Ep.2
4. 頁尾樣式修改 - Ep.3
5. 移除文章底部熱搜、猜你喜歡小廣告 – Ep.4
6. 移除、修改閒置廣告樣式 – Ep.5
7. 簡易快速更換文章間分隔線 – Ep.6 ​​​​​​​