:::

4. 打造多媒體無障礙網站

一、用tad_link替網站添加各種連結

  1. 請從站長工具箱安裝「11」號tad_link好站連結模組,並進行該模組偏好設定:
    1. 「是否使用 facebook 留言功能」請選否
    2. 「縮圖擷取來源」建議維持原設定,120.115.2.78 已無作用。
  2. 進行「選單設定」按「匯入個模組編輯選項」,以方便日後新增連結
  3. 到後台進行「權限設定」,分類可以先不開沒關係。
  4. 新增連結:從「前台→主選單」選擇「好站連結」
    1. 貼上網址,點擊「自動抓取」,務必至少建立一個分類,按「快速新增」即可。
    2. 首頁為flash的網站可能抓不到縮圖
    3. 圖片若沒抓到請等一陣子,若持續沒抓到可自己手動上傳。
    4. https://jasonsavard.com/zh-TW/Explain-and-Send-Screenshots
  5. 欲調整分類中連結的順序,請先點擊分類,在點下方的「批次管理XXXX」按鈕,然後拉動排序,或進行批次管理即可。
  6. 啟用「最新好站連結」區塊:
    1. 「最新好站連結」可帶有縮圖的區塊,較為醒目,適合放在首頁中間位置。
    2. 「好站推薦快速連結」可顯示大量連結,「呈現方式」用下拉選單較省空間(顏色為自動,無法自行設定),用「條列呈現」操作較直覺,
    3. 區塊可以複製使用,並分別設定不同分類。

二、用tad_blocks進階區塊模組來產生連結區塊

  1. 若有用到圖示,可於此下載:https://www.flaticon.com
  2. 「精美選單」可以添加連結,只要依序填入所需資訊並建立區塊即可。
  3. 「一般連結」可以自己上傳小插圖在連結左邊,圖示32px24px均可。
  4. 「精美工具列」除了可以上傳圖是在連結上方外,亦可針對圖示進行動畫特效,圖示64px
  5. 「崁入PDF」可以直接上傳PDF並做成顯示PDF內容的區塊
  6. 「跑馬燈」可以自己管理跑馬燈內容,設定外觀,無須搭配任何模組。
  7. 「崁入Youtube」只要貼上youtube網址即可崁入影片至區塊中。
  8. 「崁入網頁」只要貼上網頁網址即可崁入網頁至區塊中。

三、tadgallery電子相簿

  1. 請從站長工具箱安裝「3」號tadgallery電子相簿模組,並進行該模組偏好設定:
    1. 主要是設定「小縮圖最長邊的長度」及「中縮圖最長邊的長度」
    2. 若欲節省主機空間可設定「強制縮小原圖到指定寬度?」到指定寬度。
    3. 「設定360相片的相機MODEL型號」預設為:「LG-R105;RICOH THETA S」可以自行加入,用分號隔開。
    4. 「是否使用 facebook 留言功能?」、「是否使用pda.php」、「評論規則」一律關閉
  2. 進行「選單設定」按「匯入個模組編輯選項」,以方便日後新增連結
  3. 上傳一律在前台(建議傳照片時順便建立分類即可,無須先建立分類),練習素材可下載自 https://campus-xoops.tn.edu.tw/modules/tad_uploader/index.php?of_cat_sn=8
    1. 多張圖片上傳:一次可選多張,總容量勿超過主機設定即可。
    2. 單一圖片上傳:適用少數圖片,可輸入完整資訊。
    3. 壓縮上傳:上傳zip檔後,再進行批次匯入,可以有目錄,但勿有中文檔名。
    4. 批次匯入:先傳至指定的FTP位置,再進行批次匯入,適合超大量相片。
  4. 上傳照片時請注意:
    1. 照片名稱請保持英文數字,盡量不要有中文或特殊符號,避免部份功能失效。
    2. 若欲上傳大量檔案,請注意主機可以上傳的最大限制是多少,可至站長工具箱後台的「主機環境」查看upload_max_filesize 的值
  5. 管理技巧:
    1. 讓一般會員也可以傳照片:到後台「分類管理」,在進階選項中,設定上傳權限給可上傳群組即可。
    2. 拉動排序:直接拉動圖片,拉完會自動儲存狀態。
    3. 批次管理:點選圖片以勾選之,並選擇欲進行之管理動作。
    4. 加入標籤:會在原有的標籤上再補上標籤,重複標籤會自動過濾。
    5. 精選圖片用於區塊,可以跨分類來篩選出相片。
    6. 備份照片:/uploads/tadgallery/下的所有日期目錄
    7. 若事後才修改偏好設定中的縮圖大小,既有的縮圖並不會自動調整,可至後台進行重建。
  6. 相簿相關區塊
    1. 相片捲軸:一次可平移N張圖片,類似跑馬燈,但彈性更高。
    2. 抽取相片:一張張相片抽換的效果
    3. 相片投影秀:相片淡入淡出依序呈現
    4. 圖片跑馬燈:可以顯示圖片說明的跑馬燈
    5. 相片最新回應:若有開啟評論功能時才有作用
    6. 縮圖列表:可以自訂方塊大小尺寸的縮圖列表
    7. 無縫跑馬燈:不間斷滑動的相片
    8. 相簿一覽:可以顯示各個相簿,亦可加入相簿說明

四、用tad_gphoto直接使用Google相簿

  1. 請從站長工具箱安裝「117」號tad_gphoto Google相簿模組
  2. 進行「選單設定」按「匯入個模組編輯選項」,以方便日後新增連結
  3. 只要複製Google相簿的分享相簿網址(瀏覽器網址列上的網址)貼入即可自動擷取,例如:
    https://photos.google.com/share/AF1QipPFj7-_Xrk_Sa0jQFe9Xn5NjvQMZD9xPDxorc2aqTt_eXMvKjQNKF5mOjXhntUftA?key=Wkl1czZnbTd5R3VMUjNHRFlyZ1F2bzc4eVAzTXpB
  4. 若相簿有新增相片,需重新擷取,並不會自動增加
  5. Google相簿相關區塊
    1. Google 相簿列表:僅列出相簿縮圖及名稱
    2. Google 相簿跑馬燈:可指定相簿,會將該相簿內相片做成無縫跑馬燈
    3. Google 相簿縮圖:可指定相簿,會將該相簿內相片以縮圖方式呈現

五、tad_player影片播放

  1. 請從站長工具箱安裝「12」號Tad Player 影音播放模組。
  2. 進行該模組偏好設定:「是否使用 facebook 留言功能?」、「是否使用pda.php」、「是否使用評分工具」、「評論規則」建議關閉
  3. 進行「選單設定」按「匯入個模組編輯選項」,以方便日後新增連結
  4. Tad Player用的播放器為從早期的JW Player改為Video.js,其支援的影片播放格式取決於瀏覽器對於HTML5播放影片的支援,一般而言.mp4是最穩妥的格式。
  5. 將影片放上網站的三種方式:
    1. 貼上Youtube影片:最簡單,強力推薦!而且不佔自己網站空間及流量。
    2. 直接上傳影片:程序較為麻煩,建議用mp4格式,需注意檔案可能不能太大。
    3. 貼上影片連結:若影片已經在別的主機上,可直接貼上影片檔案連結,一樣建議mp4。
  6. 直接將影片上傳到Youtube
    1. 先登入Youtube,點選「上傳」,點選中間箭頭,選取影片,這樣就結束了。
    2. 隱私權設定除了「私人」以外,Tad Player都讀得到。
  7. 若需要自行擷取影片圖片,可安裝http://splayer.org/zh-Hant/,截圖快捷鍵:Ctrl+Shift+S,預設會存在桌面。
  8. 影片相關區塊:
    1. 影音特區:可指定某一個影片放到區塊中
    2. 新進影音檔:最新發布的影片列表
    3. 熱門影音檔:點擊數最多的影片列表
    4. 影音清單播放:可以播放一整個分類的影片。

六、tad_sitemap網站地圖

  1. 請從站長工具箱安裝「74」號Tad SiteMap網站地圖模組
  2. 先到後台進行「自動偵測網站地圖」後「儲存」即可
  3. 接著進行無障礙修正,依據上方指示依序進行修正。
  4. 必要時,可以安裝FreeGo 2.0,並以 AA標準檢測網站是否符合規範。

:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D45%26tbdsn%3D1509

書籍目錄

展開 | 闔起

線上使用者

30人線上 (5人在瀏覽線上書籍)

會員: 0

訪客: 30

更多…