發表文章

目前顯示的是 6月, 2020的文章

更改Apple Watch錶面

圖片
更改Apple Watch 錶面 1.在手機的App Store 下戴及安裝 「Clockology」。   2. 在手機安裝「Clockology」𢓭,便可到蘋果錶開啓「Clockology」App : 「小鐘」圖示。開啓後它要求你受權,你選擇「接受所有授權」,並按「完成」。完成後你可以見有幾個錶面給您選擇。 3. 你可以返回手機的「Clockology」App, 利用「+」來新增錶面。 4. 因「Clockology」不是蘋果官方的軟件,所以要在蘋果錶常開「Clockology」Apps才能看到錶面。如何能提手便可以看新錶面。設定如下 : - 在手機選「watch」 - 再選「一般」 - 選「喚醒螢幕」 - 選「總是」 5. 將錶面從手機上傳到蘋果錶面上,利用手機先在以下網址下戴 EnableBeta : https://bit.ly/3ebpaqi 6. 完成後,在手機的「Clockology」App上,選擇自己喜愛的錶面,按「閃電」圖示便可將錶面從手機上傳到蘋果錶。 7. 如果想下戴心儀的錶面,可到以下綢址碰碰運氣: https://www.facebook.com/groups/AWFgroup/

HTML5 - aside 元素(側面欄)

HTML5 -  aside 元素(側面欄) HTML5 新增了 <aside> 元素用來標票側面欄,裡面通常包含廣告、摘要、贊助商的超連結、日曆月曆等可以從區塊內容抽離的其他內容。屬於文件部分的內容,不適合使用<aside>元素。 例子 : ____________ <aside>     <section>         <p>參考資料</p>         <nav>             <ul>                 <li><a href="article1.html">參考文章1</a>                 <li><a href="article2.html">參考文章2</a>                 <li><a href="article3.html">參考文章3</a>                 <!-- 此處可以繼續放置其他文章超連結 --->             </ul>         </nav>     </section>     <section>         <p>廣告資料</p>         <!---此處可以繼續放置其他廣告超連結 --->     </section> </aside> ________________ 例子結果 : ________________ 參考資料 參考文章1 參考文章2 參考文章3 廣告資料 _________________

HTML5 - 網頁設計元素

圖片
HTML5 - 網頁設計元素 很多網頁除了頁中間的文章內容,往往包括下列幾個設計元素: 導覽列 包含一組連結到網站內其他網頁的超連結,使用者只需透過導覽列,就可以往返網站的各個網頁。 HTML5 新增了 <nav> 元素,用來標示導覽列,而且給果有需要,一個網頁可以不只一個導覽列。<nav> 元素不是任何一組超連結都可以用,而是針對處理導覽列功能的超連結。 頁首 包含標題、標誌圖案、區塊目錄、搜尋表單等。 HTML5 以 <header> 元素用來標示網頁或區塊的頁首,裡面可以包含標題、標誌圖案、區塊目錄、搜尋表單等。 頁尾 包含網站擁有者資訊、建議瀏覽器解析度、瀏覽人數、版權聲明、服務內容等超連結。 HTML5 以 <footer> 元素用來標示網頁或區塊的頁尾,裡面可以包含網站擁有者資訊、建議瀏覽器解析度、瀏覽人數、版權聲明、服務內容等超連結。 側邊欄 包含摘要、廣告、贊助廠商的超連結、日期月曆可以從區塊內容抽離的其他內容。 HTML5 以 <aside> 元素用來標示側邊欄,裡面可以包含摘要、廣告、贊助廠商的超連結、日期月曆可以從區塊內容抽離的其他內容。 例子  : 01. <html> 02. <head> 03.        <meta charset ="utf-8"> 04.        <title>易經研讀</title> 05.        <style> 06.            header, footer {display:block;clear:both;text-align:center} 07.           nav {display:block;float:left;width:20%;height:70%;background:yellow} 08.            article{display:block;float:right;width:80%;height:70%;background:silver} 09.        </style> 10.

HTML5 - 新增的結構元素

HTML5  - 新增的結構元素 區塊結構 : <articel> <article>元素用來標示網頁的本文或獨立的內容。 例子 - 部落格的一篇討論文章、新聞網站的一則新聞報導。 <section> <section>元素用來標示通用的區塊。 例子 - 將網頁的本文分割為不同的主題區塊、或將一篇文章分割為不同的章節或段落。 例子 : 01 : <!doctype html> 02 : <html> 03 :        <head> 04 :              <meta charset = "utf-8"> 05 :              <title>旅遊資訊</title> 06 :         </head> 07 :         <body> 08 :             <article> 09 :                   <hgroup> 10 :                          <h1>旅遊報導</h1> 11 :                           <h2>日本</h2> 12 :                   </hgroup> 13 :                   <p> 日本是 日本 列島、琉球群島和伊豆-小笠原群島嶼所組成。</p> 14 :                 <section> 15 :                       <h1>東京</h1> 16 :                       <p> 東京人口數達1394萬,是目前全球規模最大的都會區。</p> 17 :                 </section> 18 :                    &