2012年7月27日 星期五

365-151 <教學>更改blogger-Css和Html行前訓練

簡單的更改Blogger樣式已經在上一篇講完了
接下來就要進入可怕的程式碼部分

首先你必須先了解什麼是css和html
你可以看這篇:學css前要準備什麼?
這篇也有一些好的建議:快速學習修改Blogger CSS筆記

其中他們有提到“買書或是查資料”
我簡單分析一下
買書
優點:有條列式的目錄,遇到問題可以就名稱去搜尋,8成會找的到
缺點:花錢,如果他沒寫到的問題還是要用其他方式找答案
網路查
優點:很多種方式和不同的講解方式可以選擇,也可以找到比較新的資料
缺點:遇到問題有時候會連怎麼開始查都無從下手,有的資料可能是錯的

而我是用網路查的方式
一來不想花錢,二來用完以後就不太會用到了
((這不是同樣的原因嗎!!
所以結論是:有問題請上網查

或是走到這裡你已經放棄了
那你可以去官方的Blogger Templates
有更多的樣式可以選擇唷>.0

今天的教學結束=D
↑大嬸!你太混了吧!!!

那我來順便講一下Blogger的架構
參考的是這個網誌
層層疊疊,比三明治還要錯綜複雜的模板

名字我有稍微更改一下
在稍後更改Html的時候比較好搜尋

Body:背景後面的底色,通常看不到,但還是設定一下比較好
Background:背景圖,這個我們在上一課已經設定好了
Header:首圖,在網誌最上面的背景部份
Tabs:網頁((就說他翻譯很爛吧!)),在本網誌是“首頁、Facebook”等的按鈕們
Content:管理內部的文字、連結等等的顏色
Main/Columns:包含main和widgets的寬度,如果有部分資訊擠不下,就會掉到下一排
Post:包含發表文章的內容、底部的資訊、日期、標題、上下頁等
Widgets/Sidebar:兩旁小工具的設定
Footer:底部版權的部份

下一篇我們會告訴大家實際上在網誌上的HTML到底是長怎麼樣
並小示範一下=D

沒有留言:

張貼留言