資訊基礎應用/張鈞祺

出自六年制學程
在2018年1月8日 (一) 19:55由張鈞祺（對話 | 貢獻）所做的修訂版本

跳轉到： 導覽、 搜尋


圖片


已記住的英文單字

table table 表

row tr 列

diamond td 格

hyper html 超

text html 文字，文件

markup html 標記

languagehtml 語言

head head 頭

title title 標題

body body 身體

rowspan

colspan

9月12日

練習.今天學到如何建立"筆記頁"

用字母調出光的三原色red green blue

紅 # foo

綠 # ofo

藍 # oof

白 # fff

黑 # ooo

使用table、td、tr來製做基本表格。製做同學基本資料

9月19日

屬性值

設定HTML表格的字體、顏色、大小、粗細、高度 、寬度等。

顏色table,td {border: solid 1px;}。

{border:顏色深淺#16ef dashed 表格粗細16px;}。

高度 rowspan。

寬度colspan。

Cascading Style Sheets(簡寫CSS）的用途是什麼

9月26日

  • 張鈞祺
  1. png不失真 公開格式
  2. jpg jepg 失真 壓縮
  3. gif可動畫 只有256色


  • 井號、星號、等號、中括號；
  • 用空白行分段。

例如：

語法顯示說明
#AAA
#BBB
#CCC
  1. AAA
  2. BBB
  3. CCC
井號 
*AAA
*BBB
*CCC
  • AAA
  • BBB
  • CCC
星號 
*AA
*#AA1
*#AA2
*BB
*#BB1
*#BB2
  • AA
    1. AA1
    2. AA2
  • BB
    1. BB1
    2. BB2
先星後井 
#AA
#*AA1
#*AA2
#BB
#*BB1
#*BB2
  1. AA
    • AA1
    • AA2
  2. BB
    • BB1
    • BB2
先井後星 
==中標==
===小標===
====小小標====
=====加粗標=====
======超小標======

中標

小標

小小標

加粗標

超小標

10月3日

履歷表 自我介紹 http://6years.jendo.org/~%E5%BC%B5%E9%88%9E%E7%A5%BA/TesT.html

10月17日

寫HTML>用WORD讀>存DOCX或PDF>去7-11列印 markup 提供指示 XML想要 標籤的人自己發明標籤 二十個就夠了 不夠記 微軟的規格 不會重複 <>是標籤 HTML4之前不行 HTML5才可以 帶META指令 BODY外面做定義 BODY中做顯示部份 黑盒子 margin(邊沿)： margin:上 右 下 左;　margin:上下 左右;　margin:上 左右 下;　margin:四個邊同樣値; padding(內距)： padding:auto;：讓瀏覽器自己去設定 padding:%;：讓瀏覽器自己去設定，跟邊界元素有關。兩者不建議使用。 padding:上 右 下 左;　padding:上下 左右;　padding:上 左右 下;　padding:四個邊同樣値; border(邊框)： 顏色 紅紅綠綠藍藍 紅綠藍

10月24日======10/24上課所學

  • svg放大不毛邊
  • 用程式碼構成一張圖
  • 步驟
    1. 宣告格式(版本 字格式 是否獨立存在)
    2. SVG開始(格式、長寬)
    3. SVG結束
  • 今日學會使用
    • polyline
    • polygon
    • circle(作業小熊)

<?xml version='1.0' encoding='UTF-8' standalone='no'?> <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='400' height='400'>


<circle cx='200' cy='400' r='140' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/> <circle cx='200' cy='400' r='110' style='fill: #EEFFBB;stroke:black;stroke-width:2;fill-opacity:1'/> 


 <circle cx='120' cy='120' r='60' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='280' cy='120' r='60' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='120' cy='120' r='40' style='fill:#DDAA00 ;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='280' cy='120' r='40' style='fill:#DDAA00 ;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='200' cy='200' r='120' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/>
 
 <circle cx='150' cy='180' r='12' style='fill:black;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='250' cy='180' r='12' style='fill:black;stroke:black;stroke-width:2;fill-opacity:1'/>
  	#0000FF 
 <circle cx='150' cy='181' r='5' style='fill:#0000FF;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='250' cy='181' r='5' style='fill:#0000FF;stroke:black;stroke-width:2;fill-opacity:1'/>
  	
 <circle cx='200' cy='240' r='50' style='fill:#FFFFBB;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='200' cy='213' r='10' style='fill:black;stroke:black;stroke-width:2;fill-opacity:1'/>
 <circle cx='200' cy='256' r='25' style='fill:#FF0000;stroke:black;stroke-width:2;fill-opacity:1'/>

<ellipse cx='120'cy='395' rx='60' ry='40' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/> <ellipse cx='280'cy='395' rx='60' ry='40' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/> <circle cx='175' cy='395' r='25' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/> <circle cx='225' cy='395' r='25' style='fill: #FFFF00;stroke:black;stroke-width:2;fill-opacity:1'/>

</svg>

    • 小熊由16個圓和2個橢圓組成

什麼是SVG

可縮放向量圖形（英語：Scalable Vector Graphics，SVG）是一種基於可延伸標記式語言（XML），用於描述二維向量圖形的圖形格式。SVG由W3C制定，是一個開放標準。 這是網路上的標準定義。

10月31日

11月7日

11月14日

11月21日

11月29日

12月5日

  • 鍵盤
指法作用
Del刪除物件
Home物件升到最上層
End物件降到最下層
PAGE-UP物件升到上一層
PAGE-DOWN物件降到下一層
ALT + 滑鼠點擊在不同層的物件中跳動
CTRL + B顯/隱捲動條
CTRL + 方向鍵來垂直/水平捲動畫布
CTRL中鍵滾輪拉近、拉遠
SHIFT中鍵滾輪水平捲動畫布
CTRL右鍵拉近
SHIFT右鍵拉遠
CTRL + N建新檔
CTRL + O開舊檔
ALT + TAB檔案間切換
CTRL + Z回復上一步
CTRL + SHIFT + Z重做你上一個動作
F1~F9工具箱中九個工具
F10打開選單
F11收放全螢幕
F12收放對話框
CTRL + Shift + F叫用Fill and Stroke對話框
Ctrl + Shift + A叫用「對齊」對話框
選物 + 方向鍵移動2個像素(用SHIFT快10倍)
選物 + ALT + 方向鍵移動1個像素
選物 + <和>中心點縮(50%)放(200%)
選物 + ALT + <和>微縮放
選物 + [和]旋轉15度(加CTRL一次轉90度)
選物 + ALT + [和]微旋轉
Shift + 滑鼠點擊選擇/排除選擇(配合範圍選擇)好幾個物件
ESC取消全部選擇
Ctrl + A選擇本圖層所有物件
CTRL + G建立群組
CTRL + U解散群組
CTRL + Shift + G解散群組
CTRL + 滑鼠點擊選用群組中的物件加以編輯
CTRL + Shift + 滑鼠點擊選用群組中的多個物件加以編輯
CTRL＋F1漸層工具
F7吸管
Ctrl + D複製

12月13日

12月20日

12月27日

1月2日

圖形計算機(一)

  • 基本圖紙：
    1. 圖寬：$draw->W，預設601。
    2. 圖高：$draw->H，預設401。
    3. 原點距左上角：$draw->x0,$draw->y0，預設(200,200)。
    4. x每單位幾點：$draw->xu，預設15。
    5. y每單位幾點：$draw->yu，預設15。
    6. x每幾單位畫一個刻度：$draw->xGraduate，預設1。
    7. y每幾單位畫一個刻度：$draw->yGraduate，預設1。
    8. x每幾刻度標示一數字：$draw->xScale，預設1。
    9. y每幾刻度標示一數字：$draw->yScale，預設1。
    10. 秀出直角座標系：$draw->coordinate，預設1。
    11. 函式描點密度：$draw->pointDensity，預設20。
    12. 函式取樣點：$draw->xs，預設'-1;0;1';
  • 基本圖：$draw->圖形[]=array(array(…),其他屬性);
    1. 多邊形：$draw->polygons[]=array('points'=>array(array(×,×),array(×,×),array(×,×)),'width'=>'線寬');
    2. 線段：$draw->lineSegments[]=array(array(×,×),array(×,×),'color'=>'顏色','dash'=>'5 5');
    3. 字：$draw->alnums[]=array(array(×,×),'word'=>'字');
    4. 圓：$draw->circles[]=array(array(×,×),'radius'=>半徑,'fill'=>'顏色','fill-opacity'=>'1');，預設半徑3。
    5. 楕圓：$draw->ellipses[]=array(array(×,×),'rx'=>x半軸,'ry'=>y半軸,'color'=>'顏色');
    6. 弧：$draw->arcs[]=array(array(×,×),array(×,×),'rx'=>x半軸,'ry'=>y半軸,'color'=>'顏色','arrowEnd'=>1);

1月10日

1月17日

1月23日

1月30日

取自「http://well-being-ng.net/wiki1231/index.php?title=資訊基礎應用/張鈞祺&oldid=37539」