今天必須繳交五張練習過程中抓下的螢幕(要包括一頁我該得幾分)
(1)先抓一個免費版型來改(例如之前 Red Avenue)
(2)用 DW CS6 修改為自我簡介履歷網頁的 .dwt (共通區域)
記得要插入可編輯區域 ! (抓第一張)
(3)建立至少三個不同頁面, 從空白頁面開始, 套用 (2)的.DWT 範本
(過程中抓第2和第3兩張畫面, 其中要有一張我該得幾分那頁)
(4)在 LionFree.Net 建立一個你的子網域 week12,
把做好的自我簡介履歷網頁上傳到該子網域 (抓第四張畫面)
(5)再次建立另一個子網域 week12word 以便建立 WordPress網站
(上課會 Demo) 架站完成請抓下今天第5張畫面繳交
*** 請注意在簽到繳交區必須繳交五張圖片以及三個網址:
(a)你的 LionFree.Net 網站網址
(b) week12. 你的 LionFree.Net 網站網址
(c) week12word. 你的 LionFree.Net 網站網址
(1)先抓一個免費版型來改(例如之前 Red Avenue)
(2)用 DW CS6 修改為自我簡介履歷網頁的 .dwt (共通區域)
記得要插入可編輯區域 ! (抓第一張)
(3)建立至少三個不同頁面, 從空白頁面開始, 套用 (2)的.DWT 範本
(過程中抓第2和第3兩張畫面, 其中要有一張我該得幾分那頁)
(4)在 LionFree.Net 建立一個你的子網域 week12,
把做好的自我簡介履歷網頁上傳到該子網域 (抓第四張畫面)
(5)再次建立另一個子網域 week12word 以便建立 WordPress網站
(上課會 Demo) 架站完成請抓下今天第5張畫面繳交
*** 請注意在簽到繳交區必須繳交五張圖片以及三個網址:
(a)你的 LionFree.Net 網站網址
(b) week12. 你的 LionFree.Net 網站網址
(c) week12word. 你的 LionFree.Net 網站網址
何處找免費網頁版型 (Free CSS Template) ?
可以用 Google 搜尋 free css template org
(不過很多 .org 網站後來大多會變營利的 .com 網站)
(不過很多 .org 網站後來大多會變營利的 .com 網站)
或直接進入以下網站設定搜尋條件然後點 Submit 送出查詢
設定 fixed width 固定欄寬, 2 columns 兩欄式, Red 紅色系
可找到如下 Red Avenue 網頁版型, 可抓回來修改
可找到如下 Red Avenue 網頁版型, 可抓回來修改
免費網頁版型(CSS Template) -- 注意這裡說的 template 不是DW 說的範本(.dwt)喔 !
以下再複習關於 DreamWeaver 的 範本 (Template)
▼ 建立 DW 範本 Template 檔案 (2 min.)
|
▼套用範本做網頁 (Use Template ) 2 min.
|
▼ 更新範本以及從範本中分離(意思就是不再受範本影響)(2 min.)
範本區域有四種類型: (1)可編輯區域:以範本為架構之文件中的未鎖定區域; (2)重複區域:文件版面的一個區段,兩種重複區域:重複區域和重複表格。 (3)選擇性區域:是範本中保留內容 (例如文字或影像) 的區段,但不一定會出現在文件中。 (4)可編輯標籤屬性:可讓您取消鎖定範本中的標籤屬性,以便在範本頁面中編輯屬性。
重複區域是範本中的一塊區段,可以在以範本為架構的頁面中多次進行複製。通常重複區域會用在表格上,但您也可以為其他頁面元素定義一塊重複區域。
在 Dreamweaver 中可以使用的重複區域範本物件有兩種:重複區域和重複表格。
在 Dreamweaver 中可以使用的重複區域範本物件有兩種:重複區域和重複表格。
在範本中建立重複區域 (1)選取您要設定為重複區域的文字或內容。 (2)「插入 > 範本 > 重複區域」。 (也可用插入面板) (3)在「名稱」方塊中,為這個範本區域輸入 唯一的名稱。 (4)按一下「確定」。 |
在範本中建立重複表格 (1)在「文件」視窗中,將插入點放在您想要插入重複表格的位置。 (2)「插入 > 範本 > 重複表格」。 (也可用插入面板) (3)設定列數、欄數、儲存格內距、儲存格間距、 寬度(Width), 以及指定表格的重複列、起始列、結束列。 (4)按一下「確定」。 |
大家加油 ! 至少每次練習都要學到一點點 !
[ 預覽 ] | [ 下載 ] 素材來源: blacktie.co |
PhotoScape 功能強大的免費相片處理軟體(中文版)
https://free.com.tw/photoscape/
線上免費圖片影像編輯
https://pixLR.com
頂尖 10大免費 Photoshop 的替代品
http://tw.wondershare.com/photo-editing-tips/free-photoshop-alternative.html
如果你是那些正在尋找替代 Photoshop 的免費產品之一,你會喜歡這篇文章。在這裡我們要談論頂 10 免費 Photoshop 替代品。
免費 Photoshop 替代 1: GIMP
免費 Photoshop 替代 2: 大牌
免費 Photoshop 替代 3: Photoscape
免費 Photoshop 替代 4: 海濱
免費 Photoshop 替代 5: Artweaver
免費 Photoshop 替代 6: Inkscape
免費 Photoshop 替代 7: Pixen
免費 Photoshop 替代 8: 相撲油漆
免費 Photoshop 替代 9: CinePaint
免費 Photoshop 替代 10: 打包
免費 Photoshop 替代 11: 照片 Pos Pro
https://free.com.tw/category/free-software/image-tools/
https://free.com.tw/photoscape/
線上免費圖片影像編輯
https://pixLR.com
頂尖 10大免費 Photoshop 的替代品
http://tw.wondershare.com/photo-editing-tips/free-photoshop-alternative.html
如果你是那些正在尋找替代 Photoshop 的免費產品之一,你會喜歡這篇文章。在這裡我們要談論頂 10 免費 Photoshop 替代品。
免費 Photoshop 替代 1: GIMP
免費 Photoshop 替代 2: 大牌
免費 Photoshop 替代 3: Photoscape
免費 Photoshop 替代 4: 海濱
免費 Photoshop 替代 5: Artweaver
免費 Photoshop 替代 6: Inkscape
免費 Photoshop 替代 7: Pixen
免費 Photoshop 替代 8: 相撲油漆
免費 Photoshop 替代 9: CinePaint
免費 Photoshop 替代 10: 打包
免費 Photoshop 替代 11: 照片 Pos Pro
https://free.com.tw/category/free-software/image-tools/