從最基礎的文字排版技巧、圖片的排版技巧、到整個網站的建立,以及表格的排版方式
和目前最熱門的CSS美化網頁的技巧,讓大家可以一步一步的了解網頁設計的技巧!
上述文字來源:課程介紹
和目前最熱門的CSS美化網頁的技巧,讓大家可以一步一步的了解網頁設計的技巧!
上述文字來源:課程介紹
前因後果~
因為某人看我死不出房門很不爽
所以不知從哪生了時數卷硬逼我去巨匠選課上囧
原本是想上網站標準化設計實務養成結果時數卷根本不能上套課
那算了我從套課的一二堂開始上總行吧!
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍
第一堂感想
1、去上課的年齡&能力都有天壤之別(從小蘿莉到大媽等級都有)
2、講解的非常非常仔細~別人問問題的時間我夠看噗&即時聊天
3、套課比較好這不用講師說也知道囧
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍
以下為大致上課內容(我盡量打長了點)
當然我認為太理所當然or跟這程式沒啥關係會自動略過
因為某人看我死不出房門很不爽
所以不知從哪生了時數卷硬逼我去巨匠選課上囧
原本是想上網站標準化設計實務養成結果時數卷根本不能上套課
那算了我從套課的一二堂開始上總行吧!
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍
第一堂感想
1、去上課的年齡&能力都有天壤之別(從小蘿莉到大媽等級都有)
2、講解的非常非常仔細~別人問問題的時間我夠看噗&即時聊天
3、套課比較好這不用講師說也知道囧
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍
以下為大致上課內容(我盡量打長了點)
當然我認為太理所當然or跟這程式沒啥關係會自動略過
步驟一:新建網站
網站名稱只是本機方便查找(未來工作不可能只接一個case)
而本地根目錄為了套範本方便請絕對不可以有空格
網站名稱只是本機方便查找(未來工作不可能只接一個case)
而本地根目錄為了套範本方便請絕對不可以有空格
新建好了在旁邊的本機檔案那邊會看到
以後要增加資料夾方便管理之類的
直接去目標路徑那邊新增這邊就會讀取到了
最後新增HTML
以後要增加資料夾方便管理之類的
直接去目標路徑那邊新增這邊就會讀取到了
最後新增HTML
從修改--頁面屬性
開始調外觀(只需調CSS部份)
首先頁面字體~網頁上任何字體都是由看網頁的人自己電腦有沒有此字體為主
故如果想自行編輯字體清單不論你前面優先字體有多少個最後只能用這三種其中之一
sans serif (非襯線字)常用於標題
serif (襯線字)常用於內文
monospace (打字機)常用於程式碼
開始調外觀(只需調CSS部份)
首先頁面字體~網頁上任何字體都是由看網頁的人自己電腦有沒有此字體為主
故如果想自行編輯字體清單不論你前面優先字體有多少個最後只能用這三種其中之一
sans serif (非襯線字)常用於標題
serif (襯線字)常用於內文
monospace (打字機)常用於程式碼
接下來是字大小
請注意!為符合標準化請務必使用em(字體高)or %為單位
16px = 1em = 100%
14px = 0.875em =87.5%(換算法就是14/16就對勒)
另外字體顏色一定要調!
而圖片一般習慣另開一個資料夾(IMG or images)(請注意任何圖片、檔案檔名皆不可有中文)
而最後的左右邊界用px即可
請注意!為符合標準化請務必使用em(字體高)or %為單位
16px = 1em = 100%
14px = 0.875em =87.5%(換算法就是14/16就對勒)
另外字體顏色一定要調!
而圖片一般習慣另開一個資料夾(IMG or images)(請注意任何圖片、檔案檔名皆不可有中文)
而最後的左右邊界用px即可
隨自己心情調
一般現在愛用的底線樣式為僅在變換影像時顯示底線
一般現在愛用的底線樣式為僅在變換影像時顯示底線
大小單位一樣務必使用em
此區的目的在於快速設定吧我猜~(ps.能越少越好以減少程式碼加快網站速度)
此區的目的在於快速設定吧我猜~(ps.能越少越好以減少程式碼加快網站速度)
這裡的標題指的是網頁的標題!也就是未來瀏覽時瀏覽器分頁寫的文字
文件類型沒有一定以之後會用到的程式碼來選擇一般選Transitional(過渡期)會比較多語法可以用
編碼方式!網頁有包含日文、泡菜文、衣索比亞文 請選UTF-8
文件類型沒有一定以之後會用到的程式碼來選擇一般選Transitional(過渡期)會比較多語法可以用
編碼方式!網頁有包含日文、泡菜文、衣索比亞文 請選UTF-8
點選文字之後下面的格式可以快速切換成剛剛設定的標題
因為等等要把此網頁弄成範本~所以請把所有文字消除並把格式改為無
PS.弄成範本的意義為
接每一個case不可能每次都從0開始寫所以一般會先寫個部份當作範本
之後的網頁套用範本再依雇主來修正更新
因為等等要把此網頁弄成範本~所以請把所有文字消除並把格式改為無
PS.弄成範本的意義為
接每一個case不可能每次都從0開始寫所以一般會先寫個部份當作範本
之後的網頁套用範本再依雇主來修正更新
注意!網頁套用範本後除了可編輯區以外會通通無法更動
故製作範本時請將未來要依情況更動的地方設為可編輯區(可設定很多依個人情況)
可編輯區名稱可以打中文沒差
最後從檔案~另存成範本儲存(注意檔名不可以有中文)
故製作範本時請將未來要依情況更動的地方設為可編輯區(可設定很多依個人情況)
可編輯區名稱可以打中文沒差
最後從檔案~另存成範本儲存(注意檔名不可以有中文)
以上~Adobe Dreamweaver CS4第一堂課完
聽某神說『第一堂課一定都是這樣』
所以看來是我少見多怪(1分鐘的動作給5分鐘使用)
不過還沒碰到程式碼部份我也不確定
以我這個自學狂來說基礎還真的進度緩慢
不過學到滿多實際的經驗談就是(畢竟講師是以如何幫企業工作來說嘛XD)
另外我禮拜五上的課今天都禮拜日了......我離今日事今日畢越來越遠啦!!!!!
附註:1、3、5晚上的課一堂約3小時18:40開始~
地理位置:往前走有全家(沒7-11)對面有天才(早到的好去處)
聽某神說『第一堂課一定都是這樣』
所以看來是我少見多怪(1分鐘的動作給5分鐘使用)
不過還沒碰到程式碼部份我也不確定
以我這個自學狂來說基礎還真的進度緩慢
不過學到滿多實際的經驗談就是(畢竟講師是以如何幫企業工作來說嘛XD)
另外我禮拜五上的課今天都禮拜日了......我離今日事今日畢越來越遠啦!!!!!
附註:1、3、5晚上的課一堂約3小時18:40開始~
地理位置:往前走有全家(沒7-11)對面有天才(早到的好去處)
傳說中的地點