:::
所有書籍
「彰化縣 XOOPS 暑假研習」目錄
MarkDown
7-3 用跑馬燈來做宣導
1. 課程簡介
2. 認識 Linux 系統
2-1 安裝 CentOS 作業系統
2-2 Linux 常用指令
2-3 管理 VirtualBox 虛擬機
2-4 安裝 AMP (Apache+MariaDB+PHP) 軟體套件
2-4-1 在自己測試用途的虛擬機安裝 AMP
2-4-2 在縣網中心的虛擬機安裝 AMP
3. 如何安裝 XOOPS
3-1 安裝 XOOPS 步驟
3-2 XOOPS 網站安裝後,必須馬上安裝的項目
4. XOOPS 概觀
5. 建立群組 - 方便授予網站權限給一群人
6. 帳號 - 會員管理
7. 模組 - 增加網站功能
7-1 建立公告 - tadnews 新聞模組
7-1-1 發布新聞
7-1-2 新聞插入圖片
7-1-3 插入oembed 多媒體資源
7-1-4 插入表格
7-1-5 加上連結
7-1-6 清除文字格式
7-1-7 張貼 Word 文件內容
7-1-8 使用區塊把新聞呈現在網站首頁
7-1-9 建立榮譽榜
7-2 學校簡介 - tadnews 新聞模組 的 自訂頁面
7-3 用跑馬燈來做宣導
7-4 HTML 和 Bootstrap (稍微了解即可)
8. 佈景主題
8-1 換掉首頁滑動圖片
8-2 換上學校 Logo
8-3 區塊標題技法
8-4 導覽列(選單)設定
9. 區塊管理
9-1 自訂粉絲專頁區塊
9-2 自訂行事曆區塊
9-3 嵌入其他網頁到區塊
9-4 回上方浮動按鈕
9-5 精美選單
9-6 精美工具列
9-7 嵌入PDF檔(含自適應)
9-8 使用學務系統公佈欄
9-9 好用的模組 - Tad Blocks 進階區塊管理
10. 網站常用模組
10-1 Tad Link 好站連結
10-2 網路相簿
10-3 Tad Uploader 檔案上傳模組 - 網站上的網路硬碟
10-4 網站計數器
10-5 Tad Web 多人網頁模組
11. 快速架站自動化腳本
11-1 安裝 Google雲端備份資料的功能
11-2 使用 WinSCP 存取遠端伺服器的檔案總管
12. XOOPS 移機
12-1 新機器安裝 AMP
12-2 拷貝舊機器上三個目錄、資料庫到新機器 (一般作法)
12-3 [快速]拷貝舊機器三個目錄、資料庫到新機器
13. 維護 XOOPS 注意事項
13-1 刪除 站長工具箱[資料庫管理]的快速方法
13-2 什麼時候要修改 mainfile.php
13-3 更新 XOOPS
13-4 什麼時候開啟除錯的功能
13-5 更新資料庫軟體 MariaDB 到 10.4
14. 2021暑假研習新增資料
14-1 準備研習環境
14-2 學校網站可以更新嗎
14-3 XOOPS 使用 LDAP 認證登入
14-4 修正 LDAP
14-5 練習放置成果網頁
15. 2023暑假研習新增資料
15-1 搭建本地的XOOPS網站
15-2 網站更新
15-3 安全議題
8. 佈景主題
彰化縣 XOOPS 暑假研習 ============== ### 一、HTML 基本概念 1. HTML非程式,只是一種寬鬆的標籤語法,寫錯也不會怎樣,為網頁的最基礎。 2. HTML標籤通常是一對的,如:<p>內容</p>或<div>文字</div> 3. HTML標籤也有單一的,如:<img src=”a.jpg”> 4. 標籤會有多個屬性,如:<a href=”a.html”>連結</a>,其中href即為屬性。 5. HTML標籤及屬性是不分大小寫的:<IMG>和<img>一樣,但建議採用小寫。 6. 可至張貼公告切換原始碼做線上練習 ### 二、HTML常用基本標籤 1. 完整標籤列表:
2. 常用基本標籤: 3.
標題
<h1></h1>(1~6)除了作為標題外,一般也拿來當作網站的架構或大綱。
段落
<p></p>
區塊容器
<div></div>
行內容器
<span></span>
換行
<br>
輸出標籤
<pre></pre>
引用
<blockquote></blockquote>
水平線
<hr>
註釋標籤
<!--註釋-->
### A、 項目符號或清單列表
有序列表
無序列表
定義列表
<ol> <li>項目1</li> <li>項目2</li> </ol>
<ul> <li>項目1</li> <li>項目2</li> </ul>
<dl> <dt>項目名稱</dt> <dd>項目說明</dd> </dl>
1. 其中有序列表有以下屬性:reversed(倒排)、start(起始編號)、type(編號類型:1、A、a、I、i ) 2. 常被拿來做選單、列表、縮略圖...等用途。 ### B、 表格標籤<table>
<table> <tr><th>表頭1</th><th>表頭2</th></tr> <tr><td>表格1</td><td>表格2</td></tr> </table>
1. <table>屬性:border(框寬度) 2. <th>及<td>屬性:colspan(水平合併)、rowspan(垂直合併)、headers(定義表頭關聯) 3. <th>還支援scope(定義表頭)屬性
1. 更複雜的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、 <tfoot> 以及 <tbody> 標籤。 ### C、 圖片<img src="圖片" alt="說明"> 1. 屬性:src(圖片位置)、alt(取代文字)、width(寬)、height(高)、ismap(地圖對應,需有連結)、usemap(使用圖片地圖,需對應map) 2. 網頁圖片支援三種規格jpg(全彩、壓縮、相片)、png(全彩、透明)、gif(256色、透明背景、動畫) 3. 相對路徑(相對於自身html檔)較常用,絕對路徑通常為:http://網址/圖檔.jpg ### D、 連結標籤<a href="連結位置">顯示文字</a> 1. 連結位置可以是網頁、圖片、網站、文件、檔案、FTP站、Email...等。 2. 屬性:連結位置href、錨點名稱name、框架位置target(\_blank開新視窗、\_parent上個框架、\_self原視窗、\_top跳出框架)。 3. 錨點名稱用法 4. (1) 先命名:<a name="top">某元素</a> 5. (2) 連結寫法:<a href="#top">回頂端</a>或<a href="index.html#top">回頂端</a> 6. Email連結:<a href="mailto:主信箱?cc=副本&bcc=密件副本&subject=主題&body=內容">連結呈現文字</a>,若非得加入空白不可,請用「%20」取代之。 ### E、 HTML的顏色碼 1. HTML顏色是用十六進位(00~FF)的紅、綠、藍(RGB)之組合而成的。 例如:#FF0000為紅色,#808080為灰色,#000000為黑色,#FFFFFF為白色 2. 也可以直接寫顏色名,例如:red、gray、black、white等 ### F、 HTML長度單位 1. 長度不用寫單位,一般預設就是px(像素)。例如 <table width="640"> 2. 也可以用百分比表示,例如:<table width="100%"> ### 三、Bootstrap 1. [Bootstrap 元件](http://bootstrap.hexschool.com/docs/4.0/components/alerts/)
測試網站
:::
主選單
社團報名系統
萬用表單
評鑑檔案管理
Google 相簿
快速登入
線上書籍
行事曆
學學成語
網路硬碟
網路相簿
最新消息
電子相簿
研習講義
學校簡介
學校沿革
本校概況
歷任校長
學校位置圖
教師專區
Yahoo
登入
登入
帳號
密碼
登入