資訊基礎應用/張又懿:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
10/3上課所學
10/3上課所學
第 259 行: 第 259 行:
 
===10/3上課所學===
 
===10/3上課所學===
 
*自我介紹
 
*自我介紹
 
<center>
 
<table border="1" cellpadding="4" style="border:2px #FF1F9E solid;text-align:center;">
 
<font color="#4F9D9D">
 
<tr>
 
<td><font face="DFKai-sb">姓名</font></td>
 
<td><font face="DFKai-sb">張又懿</font></td>
 
<td width = 30% rowspan="4" bgcolor="#FCCFE4"><IMG SRC="" HEIGHT = 10% ></td>
 
</tr>
 
<tr>
 
<td>年齡</td>
 
<td>2005/2/22</td>
 
</tr>
 
<tr>
 
<td>電話</td>
 
<td>0983329126</td>
 
</tr>
 
<tr>
 
<td>性別</td>
 
<td>女</td>
 
</tr>
 
<tr>
 
<td>地址</td>
 
<td colspan="2">鶯歌小鎮的某房子</td>
 
</tr>
 
<tr>
 
<td>E.mail</td>
 
<td colspan="2">yuyiolulu@gmail.com</td>
 
</tr>
 
<tr>
 
<td>興趣</td>
 
<td colspan="2">創客手作、寫小說、閱讀、游泳。</td>
 
</tr>
 
<tr>
 
<td>資訊能力</td>
 
<font face="DFKai-sb"><td colspan="2">基本C語言、APP inventor2,Adob premiere、Adob photoshop、Adob Flash、Adob Illustator</td>
 
</span></tr>
 
<td>語言能力</td>
 
<td colspan="2"> <font face="DFKai-sb">中文</span></td>
 
</center>
 
</tr>
 
</tr>
 
<td> <font face="DFKai-sb">自傳</span></td>
 
<td colspan="2" align = left>
 
<span style="color:#4F9D9D ;">
 
<font face="DFKai-sb">
 
<p>我是一個名叫張又懿的女孩,今年十二歲,六年級,沒有去學校上過學,事實上我很喜歡寫自我介紹,因為那是認識自己最好的辦法,而人時時都在變,
 
所以我幾乎每個月都寫一篇自我介紹。</p>
 
 
<p>我喜歡戲劇、哲學、歷史、繪圖還有學習外語,也熱愛地理、平面設計與幾何,對創造自己的世界,並將它們表達出來情有獨鍾,所以我的志向是當一個小說家、程式設計
 
師或著室內設計師,因為這些職業都可以創造出自己的世界。我在今年四月時寫過一篇十五萬字的小說,但因為不滿意自己文筆,而把它當成練習。</p>
 
 
<p>我也喜歡歷史,有兩個原因,首先:歷史上的事件是幫助寫作的好題材,第二:歷史不只是故事,它還是人性,它也是哲學。我的個性就是喜歡去探討這個人為什麼這樣做
 
?她做了會有什麼後果跟著來?我從四、五歲開始就喜歡去觀察朋友、親戚,看看他們為什麼要這樣?我能從中學到什麼?我不該學習什麼?這點也養成了日後我喜歡探討人
 
性的黑暗面與光明面習慣,我的故事中,每一個也有自己的天使和魔鬼。</p>
 
 
<p>在製作一系列的地圖的過程中,我發現我對把腦中的畫面呈現出來十分的擅長,可能是因為小時侯與哥哥常常外出踏青,對想像出故事中的畫面就挺容易的。</p>
 
 
<p>我也很喜歡畫畫,因為本人常常需要將心中的畫面用文字表達在故事上,所以我會先畫一張圖,然後再以較洗鍊的文字寫上:但是當艾莉和其他手足往後一望的
 
時候,那小小的身軀卻散發出自立的能量,讓人知道她以自己的力量堅韌的立足於世,屹立不搖,永不倒下,堅貞不屈,始終不渝。</p>
 
<p>而我喜歡哲學是因為,我喜歡探討每樣東西的本質,所以也可以說是出於好奇心。
 
有時候想不出答案,就想像自己的人物會怎麼想?這樣反而能讓我更有對某樣東西的看法,當然也真的想不出個所以然來的時候,這時候我就告訴自己:「大概真的
 
沒有標準答案吧!」
 
我也會去網路上看看別人的想法,結果發現大家的想法都不同。
 
我也會與媽媽和哥哥討論,在所有人的想法都不同時,激發出更多的想法。</p>
 
 
<p>做一個自學生的好處是,可以自己安排時間,這就意味著當一個自學生很自由。
 
因為自由,當一個自學生得為自己負責,沒有一堂一堂的課,也沒有固定的休息時間,只有對學習的熱愛,以及對未來的目標。
 
</p>
 
 
當早上八點,學校的同學在上課,自學生可能在曬衣服;當下午十二點,學校同學在吃飯,自學生可能在烹飪。
 
 
曾經上過一堂歷史老師的課,他說,學生就是學習"生"也就是學習活著,自學對我來說,就是生活,對我來說,生活與學習是一個共生體,我在學習中生活,也在生活中學習。</p>
 
</span>
 
</font>
 
</left>
 
</td>
 
</tr>
 
</table>
 
<left>
 
</left>
 
  
 
===10/10上課所學===
 
===10/10上課所學===

2017年10月3日 (二) 09:24的修訂版本



張又懿筆記頁

已記住的英文單字

  1. table
  2. row
  3. hyper
  4. text
  5. markup
  6. head
  7. title
  8. body
  9. hr
  10. hr
  11. ol

上課所學

9/5上課所學

  1. 編號(ip)ipv4 piv6

ooo.ooo.ooo.ooo 255.255.255.255

  1. 網址(域名)

65536 物聯網 一切人造物接上網路,得失相兼 福禍相依 連結夠大,連結夠大就有智慧 域名伺服器 hosts ds216區網的位置

  • 一定要將字體設為UFT-8才能通用多國語言

9/12上課所學

  • 練習.今天學到如何建立"筆記頁",要注意有沒有登入自己的帳號才能建立。(#後面的都是數值。)
  • 配色.用光的三原色調出顏色red green blue,數字、字母代表數字。
  • 複習.使用table、td、tr來製做基本表格。製做:"同學通訊錄"(使用border來做邊界。)
  • 學會使用style美化表格
  • 今天學到的有兩種學法一種是一個一個設定,另一個是直接做一個主控制程式,主控制程式的比較簡潔好用。
  • style是HTML中很基本的指令。
  • style指令:在自己定義的"代碼(今天使用的是nicetable來當代碼)"凡是在.後面的都是代碼下的指令,class就是類的意思,我們下的指令是關於邊框屬性的。
  • style和bordor相比style比較廣用,能做出的變化比較多。
 <style>
 .nicetable {border:4px solid green;border-collapse:collapse;}
 </style>
張又懿yuyiolulu@gmail.com0983329126
張鈞祺chunchiolulu@gmail.com0966070126
蕭卉均suzy92126@gmail.com0939912983
李彥廷leejerry0706@gmail.com0984201016
丁志仁alledu2@gmail.com0987466665
盧星瑜thsrrabbit0803@gmail.com0930980803
紀詠恩s950285en@gmail.com0963617815
  • style和border兩者之間的差異
屬性名屬性值
bordorpx
style......

作業一 作業二

  • 表格邊框美化的範例一
<table style='border:1px solid black;border-collapse:collapse;'>
<tr><th style='border:1px solid black;border-collapse:collapse;'>一</th><td style='border:1px solid black;border-collapse:collapse;'>三</td></tr>
<tr><th style='border:1px solid black;border-collapse:collapse;'>二</th><td style='border:1px solid black;border-collapse:collapse;'>四</td></tr>
</table>
  • 表格邊框美化的範例二
<style>
.nicetable {border:1px solid black;border-collapse:collapse;}
</style>
<table class='nicetable'>
<tr><th class='nicetable'>一</th><td class='nicetable'>三</td></tr>
<tr><th class='nicetable'>二</th><td class='nicetable'>四</td></tr>
</table>

9/19上課所學

  • 屬性值和屬性名用空白分開

EX:

   .樣式名{
 CSS屬性名A:屬性值;
 CSS屬性名B:屬性值;
 }
  • 分號";"為結束或將兩者分開
  • 用,分開的意思是兩著皆是
  • id(identy)只能使用於專一的個人
  • 在程式碼最前面用#來下程式
  • dashed為虛線的意思
  • 中間為一段

  • br不需結尾,用途就像文書處理中的Enter
  • h1~h6用於段落標題,和wiki中的==用途一樣
  • 第三篇個名詞解釋
    • linl rel:呼叫
    • styleshee:它是這個頁面的樣式表
    • type:這個用於哪裡(我們在這裡使用text,也就是普通文字)
    • href:它在哪裡
    • .:在....
    • /:資料夾中的哪裡?
  • 學會第三種多篇是,設定一個程式,所有的其他HTML就可以拉出使用
   <link rel='stylesheet' type='text/css' href='./pa.css'  />
   白話為:<link rel='stylesheet' type(它是我的樣式表)='text/css' href(它在哪裡)='.(此地)/pac.ss'  />
  • 在設定樣式主程式的時候在前面加上table代表只能使用於table,加上texT代表只能使用於text。
  • O名稱 標籤
  • .名稱 凡
    1. 名稱 指定的專一標籤
  • 屬性值與屬性名使用=
  • collapse(崩塌)
  • solid(實線)
  • 光三原色調出顏色red green blue

紅 # foo 綠 # ofo 藍 # oof 白 # fff 黑 # ooo

  • 樣式優先順序:link導入<.nicetable(舉例而已,只要加上.就可以定義自己的style)<行內的指令

CSS層疊樣式表(英語:Cascading Style Sheets)

CSS的用途是什麼?

CSS是一種樣式表語言,用於為HTML的樣式。可設定字體、顏色、邊距、高度、寬度等屬性。

CSS跟HTML的區別在哪裡?

HTML用於結構化內容;CSS用於格式化結構化的內容。

採用CSS有哪些好處?
  1. 通過單個樣式表控制多個文檔
  2. 更精確的佈局控制
  3. 為不同的媒體類型(螢幕、列印等)採取不同的佈局

今日程式碼

    <link rel='stylesheet' type='text/css' href='./pac.ss'>
    <style>
     table {border:yellow dashed 3px}
     td    {border:#200 dashed 1px}
     tr    {border:yellow solid 1px}
     #xyz   {border:purple dashed 1px}
     </style>
     <table>
     <b>
     <tr><th class='nicetable' style= "border:yellow solid 1px;">張又懿</th><th style='border:1px solid red;border-
     collapse:collapse;'>yuyiolulu@gmail.com</th><th style='border:1px solid red;border-collapse:collapse;'>0983329126</th></tr>
     <tr><td>張鈞祺</td><td class='nicetable'>chunchiolulu@gmail.com</td><td class='nicetable'>0966070126</td></tr>
     <tr><th class='nicetable'>蕭卉均</th><td class='nicetable'>suzy92126@gmail.com</td><td class='nicetable'>0939912983</td></tr>
     <tr><th class='nicetable'>李彥廷</th><td class='nicetable'>leejerry0706@gmail.com</td><td class='nicetable'>0984201016</td></tr>
     <tr><th class='nicetable'>丁志仁</th><td id ='xyz'>alledu2@gmail.com</td><td class='nicetable'>0987466665</td></tr>
     <tr><th class='nicetable'>盧星瑜</th><td class='nicetable'>thsrrabbit0803@gmail.com</td><td class='nicetable'>0930980803</td></tr>
     <tr><th class='nicetable'>紀詠恩</th><td class='nicetable'>s950285en@gmail.com</td><td>0963617815</td></tr>
     </b>
     </table>
     <p class = "nicetable">以上是本班的通訊錄</p>
     <br><br><br>
  • 樣式用於
    • 標籤
    • class,也就是類別,這次我們使用的是:nicetable
    • ID,也就是某東西專屬的身份辨識,就像有些通訊軟體中的ID一樣
  • 這堂課學到第三種樣式的寫法,總體來說,有三層。
    • 第一層HTML會優先聽它的,但寫法很麻煩要一個一個td加上style。
    • 第二層HTML其次才會聽它的,在每一個新網頁要寫一排主控程式,比第一層方便,但如果我想要連結多個網站,就得乖乖的一個一個下主程式。
    • 第三曾HTML最後才會選擇採用它的樣式,這個方法是建立一個CSS要使用時只需要導入就行了。
  • 上禮拜作業

9/26上課所學

  • 學習有次序,沒有次序的列表。

維基共享資源

圖片

Pygocentrus natterei Prague 2012 2.jpg

匯入照片步驟

  1. 開啟維基共享資源,不需登入即可使用圖照,但要上傳就必須登入。
  2. 在搜尋引擎中尋找自己中意的圖片
  3. 使用

<Piranha face.jpg

  • 六種CC類別(123)
    1. 姓名表示
    2. 可商業利用
    3. 非商業
    4. 可改做
    5. 不可改做
    6. 相同方式分想
    • CC絕對允許共同使用,對不特定對象授權

wiki筆記

  • 雙層中括號(常用img)和單層中括號(a)一個用數條另一個使用空白
  • 老師的口訣:井號、星號、等號、中括號;用空白行分段
數列 #
不排序數列 *
標題 ==
描述定義 :;
  • 」兩個單引號代表拉斜
  • 」三個單引號代表要加粗
  • 格的屬性在該格內容之前且與內容以「|」隔開。
  • 四種常用元素
    1. 文字
    2. 圖照
    3. 聲音
    4. 影片

檔案格式

  1. pug:每個點都是原色,不失真公開格式
  2. jpg:點陣圖壓縮,普遍應用,非公開格式,但從沒收過錢,是專利
  3. gif:可動畫,256色,也不是公開格式
  • svg是向量圖
    • 點陣圖會毛邊
    • 向量圖不會
  • 自然人死後五十年變大家的,公司是100年(美國的自然人變成70年)

wiki和html對照

指令/程式 wiki html
表格 table table
tr tr
td td
排序列 # ol

10/3上課所學

  • 自我介紹

10/10上課所學

10/17上課所學

10/24上課所學

10/31上課所學

11/7上課所學

11/14上課所學

11/21上課所學

11/29上課所學

12/6上課所學

12/13上課所學

12/20上課所學

12/27上課所學

1/3上課所學

1/10上課所學

1/17上課所學

1/23上課所學

1/30上課所學