檢視資訊基礎應用/張又懿的原始碼

[[分類:資訊基礎應用]]




=張又懿筆記頁=
==已記住的英文單字==
#table
#row
#hyper
#text
#markup
#head
#title
#body
#hr
#hr
#ol

==上課所學==
===9/5上課所學===
#編號(ip)ipv4 piv6
ooo.ooo.ooo.ooo
255.255.255.255
#網址(域名)
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>
  <table class='nicetable'>

  <tr><th class='nicetable'>張又懿</th><td class='nicetable'>yuyiolulu@gmail.com</td><td class='nicetable'>0983329126</td></tr>
  <tr><th class='nicetable'>張鈞祺</th><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 class='nicetable'>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 class='nicetable'>0963617815</td></tr>
  </table>
*style和border兩者之間的差異
<table border = 1>
<tr><td>屬性名</td><td>屬性值</td></tr>
<tr><td>bordor</td><td>px</td></tr>
<tr><td>style</td><td>......</td></tr>
</table>

[http://6years.jendo.org/~%E5%BC%B5%E5%8F%88%E6%87%BF/table1.html 作業一]
[http://6years.jendo.org/~%E5%BC%B5%E5%8F%88%E6%87%BF/table2.html 作業二]
*表格邊框美化的範例一
<pre>&lt;table style='border:1px solid black;border-collapse:collapse;'&gt;
&lt;tr&gt;&lt;th style='border:1px solid black;border-collapse:collapse;'&gt;一&lt;/th&gt;&lt;td style='border:1px solid black;border-collapse:collapse;'&gt;三&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th style='border:1px solid black;border-collapse:collapse;'&gt;二&lt;/th&gt;&lt;td style='border:1px solid black;border-collapse:collapse;'&gt;四&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</pre>
*表格邊框美化的範例二
<pre>&lt;style&gt;
.nicetable {border:1px solid black;border-collapse:collapse;}
&lt;/style&gt;
&lt;table class='nicetable'&gt;
&lt;tr&gt;&lt;th class='nicetable'&gt;一&lt;/th&gt;&lt;td class='nicetable'&gt;三&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th class='nicetable'&gt;二&lt;/th&gt;&lt;td class='nicetable'&gt;四&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</pre>

===9/19上課所學===
*屬性值和屬性名用空白分開
EX:
    '''.樣式名{
  CSS屬性名A:屬性值;
  CSS屬性名B:屬性值;
  }'''
*分號";"為結束或將兩者分開
*用,分開的意思是兩著皆是
*id(identy)只能使用於專一的個人
*在程式碼最前面用#來下程式
*dashed為虛線的意思
*<p>中間為一段</p>
*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名稱 標籤
*.名稱 凡
*#名稱 指定的專一標籤
*屬性值與屬性名使用=
*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有哪些好處？=====

#通過單個樣式表控制多個文檔
#更精確的佈局控制
#為不同的媒體類型（螢幕、列印等）採取不同的佈局

今日程式碼
     <link rel='stylesheet' type='text/css' href='./pac.ss'>
     <nowiki><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></nowiki>
*樣式用於
**標籤
**class，也就是類別，這次我們使用的是：nicetable
**ID，也就是某東西專屬的身份辨識，就像有些通訊軟體中的ID一樣
*這堂課學到第三種樣式的寫法，總體來說，有三層。
**第一層HTML會優先聽它的，但寫法很麻煩要一個一個td加上style。
**第二層HTML其次才會聽它的，在每一個新網頁要寫一排主控程式，比第一層方便，但如果我想要連結多個網站，就得乖乖的一個一個下主程式。
**第三曾HTML最後才會選擇採用它的樣式，這個方法是建立一個CSS要使用時只需要導入就行了。
*[http://6years.jendo.org/~%E5%BC%B5%E5%8F%88%E6%87%BF/%E5%BC%B5%E5%8F%88%E6%87%BF%E8%87%AA%E6%88%91%E4%BB%8B%E7%B4%B9.html 上禮拜作業]

===9/26上課所學===
*學習有次序，沒有次序的列表。
[https://commons.wikimedia.org/wiki/Main_Page 維基共享資源]
====圖片====
[[File:Pygocentrus natterei Prague 2012 2.jpg|300px]]
*[http://6years.jendo.org/~%E5%BC%B5%E5%8F%88%E6%87%BF/table4.html wiki和html對照表]

====匯入照片步驟====
#開啟維基共享資源，不需登入即可使用圖照，但要上傳就必須登入。
#在搜尋引擎中尋找自己中意的圖片
#使用    
&lt;[[File:Piranha face.jpg|300px]]

*六種CC類別(123)
*#姓名表示
*#可商業利用
*#非商業
*#可改做
*#不可改做
*#相同方式分想
**CC絕對允許共同使用，對不特定對象授權
====wiki筆記====
*雙層中括號(常用img)和單層中括號(a)一個用數條另一個使用空白
*老師的口訣：井號、星號、等號、中括號；用空白行分段
<table class=nicetable>
<tr>
<td>數列</td>
<td>#</td>
</tr>

<tr>
<td>不排序數列</td>
<td>*</td>
</tr>

<tr>
<td>標題</td>
<td>==</td>
</tr>
<tr>
<td>描述定義</td>
<td>:;</td>
</tr>
</table>
*「''…''」兩個單引號代表''拉斜''
*「'''…'''」三個單引號代表要'''加粗'''
*格的屬性在該格內容之前且與內容以「|」隔開。
*四種常用元素
*#文字
*#圖照
*#聲音
*#影片

====檔案格式====
#pug:每個點都是原色，不失真公開格式
#jpg：點陣圖壓縮，普遍應用，非公開格式，但從沒收過錢，是專利
#gif：可動畫，256色，也不是公開格式
*svg是向量圖
**點陣圖會毛邊
**向量圖不會
*自然人死後五十年變大家的，公司是100年(美國的自然人變成70年)
====wiki和html對照====
<table class=nicetable>
<tr>
<td>指令/程式</td>
<td>wiki</td>
<td>html</td>
</tr>

<tr>
<td>表格</td>
<td>table</td>
<td>table</td>
</tr>

<tr>
<td>列</td>
<td>tr</td>
<td>tr</td>
</tr>

<tr>
<td>格</td>
<td>td</td>
<td>td</td>
</tr>

<tr>
<td>排序列</td>
<td>#</td>
<td>ol</td>
</tr>
</table>

===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/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上課所學===