由 ianchen0419 發表的全部文章

CSS Display屬性

block

  • 預設屬性
  • 一個一個排列下來
  • border:超長條
  • margin::上下左右皆可調整
<ul>
 <li class="block">block</li>
 <li class="block">block</li>
 <li class="block">block</li>
 <li class="block">block</li>
</ul>
.block{
 display: block;
 border: solid 1px black;
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}

Display

  • inline
  • inline
  • inline
  • inline

inline

  • 所有元素排在同一行
  • border:合身包覆内文
  • margin:只能動左右,無法動上下
<ul>
 <li class="inline">inline</li>
 <li class="inline">inline</li>
 <li class="inline">inline</li>
 <li class="inline">inline</li>
</ul>
.inline{
 display: inline;
 border: solid 1px black;
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}

Display

  • inline
  • inline
  • inline
  • inline

inline-block

  • 所有元素排在同一行
  • border:合身包覆内文
  • margin:上下左右皆可調整
<ul>
 <li class="inline-block">inline-block</li>
 <li class="inline-block">inline-block</li>
 <li class="inline-block">inline-block</li>
 <li class="inline-block">inline-block</li>
</ul>
.inline-block{
 display: inline-block;
 border: solid 1px black;
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}

Display

  • inline-block
  • inline-block
  • inline-block
  • inline-block

科技部大專院生研究計畫 心得分享

題目

我的題目是『年齡因素對日語學習之影響——探討台灣小學生、國中生、高中生的日語教與學』。
構想是日文老師的打工經驗 ,我遇過各種年齡的學生、小學國中高中都有,但小學生學習成效最好!我想可能是因為我自製教材有關,其他學生我都是用「大家的日本語」授課,所以我想探討各年齡層適合的教學法以及教材。
我的指導教授宗禾老師説過

日文研究分成三類:文學,教育,語學

  1. 文學好切入,適合大學生寫
  2. 教育需要教學經驗跟實際學生,有點門檻
  3. 語學研究難度高,是教授等級

實際上徵選比率還蠻平均的,文學多一點,教育最少。

審査通過關鍵

題目(想解決的問題)是審査通過的關鍵,一定要把握兩個大原則:

  • 前瞻性→類似的研究不多,所以我的研究很有意義
  • 需求性 →很多人被這個問題困擾著,並且能證明這一點

如果題目符合上面兩點,並且在研究動機具體説明,大概就十拿九穩了。
但通常,構想來自課堂的題目沒有1.也沒有2.(如果是人文學科的話)
所以我覺得生活經驗很重要

困難點

第一個困難是理論部分,我的題目很難找到相關資料,特別在『各年齡學習者適合的教材』上,幾乎一無所獲。
所以這點也變成實驗的目的。

第二個跟我設計的實驗有關:質性研究法,一對一教學紀錄與訪談。所以…需要經過打工學生的同意進行錄音,臉皮要很厚XD。
再來一週3個學生真的吃不消…非常非常的忙!!

心得

交稿前修改時,發現審査前的前半,與合格後寫的後半,語氣截然不同。
前半寫得很急躁,句子寫很長都沒斷句,語氣很重,一副很想要通過的樣子。
後半語氣就相當悠哉了(茶)。

分享會簡報

邊界無縫接軌導覽頁

問題

在CSS中,margin就算設 0 仍然與網頁邊界存在空隙

margin-min

原因

html/body預設有margin

解法

在css中預設

html,body{ margin: 0px; }

應用

導覽列製作

<ul class="nav">
 <li class="button">課程簡介</li>
 <li class="button">課程評價</li>
 <li class="button">問題討論</li>
 <li class="button">作業成果</li>
</ul>
.button{
  display: inline-block;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  letter-spacing: 2px;
  margin-right:30px;
  background-color: #72D6AC;
  color: white;
  font-family: 微軟正黑體;
  font-weight:bold;
  border-bottom:solid 5px #CCF2BF;
}
.nav{
  background-color:#72D6AC;
  width: 100%;
  height: 65px;
  margin: 0px;
}
html,body{
  height: 100%;
  width: 100%;
  margin: 0px;
}

HTML&CSS

HTML/CSS tag Meaning
id #
class .
target=”_blank” 彈出新視窗<a内部屬性>
内部超連結 用id,<ahref=”idtext”>
z-index:1 最下方
span class
div id
overflow-y=auto 有滾輪
overflow-x=hidden 無滾輪
float/clear
1rem 16px
1em 20px
display: flex 子項目平行
flex-wrap: wrap 不超出視窗大小
justify content:center 子項目置中
<hr> 底線,水平線
<span> 不換行
border: 樣式 粗細 顏色 框線
* CSS 選擇全部的元素

sublime快速鍵

sublime快速鍵
Ctrl+Click 同時編輯
選取+Ctrl+D 同時選取下一個相同的字
選取一坨+TAB 整陀往右跳
選取一坨+Ctrl+[ 整陀往左跳
Ctrl+L 選取一行程式碼
選取+Ctrl+/ 變成註解
Shift+↓ 往下選取
打標籤字+TAB 自動生出完整標籤
div.static + tab鍵 <div class=”static”></div>
Ctrl + F
再按Ctrl + G
搜尋目標字,找到後再找下一個
Ctrl + F
再按Ctrl + Shift + G
搜尋目標字,找到後再找上一個

快速鍵

F功能鍵
F1 顯示説明
F2 為選取的項目重新命名
F3 搜尋檔案或資料夾
F4 顯示 [Windows 檔案總管] 中的網址列清單
F5 重新整理使用中的視窗
F6 將螢幕項目循環顯示在視窗中或桌面上
F10 啓動使用中程式的功能表列
Ctrl鍵
Ctrl+A 選取文件或視窗中的所有項目
Ctrl+C 複製選取的項目
Ctrl+Insert 複製選取的項目
Ctrl+X 剪下選取的項目
Ctrl+V 貼上選取的項目
Shift+Insert 貼上選取的項目
Ctrl+Z 復原動作
Ctrl+Y 重做動作
Ctrl+向右鍵 將游標移至下一字組的字首
Ctrl+向左鍵 將游標移至前一字組的字首
Ctrl+向下鍵 將游標移至下一段落的開頭
Ctrl+向上鍵 將游標移至前一段落的開頭
Ctrl+Shift及方向鍵 選取文字區塊
Ctrl及任一方向鍵+空格鍵 選取視窗或桌面上多個個別項目
Ctrl+F4 關閉正在使用的文件 (該程式允許你同時開啓多份文件)
Ctrl+滑鼠滾輪 變更桌面上圖示的大小
Ctrl+D 刪除選取的項目,並將它移至 [資源回收筒]
Ctrl+Esc 開啓 [開始] 功能表
Ctrl+Shift 啓用多種鍵盤配置時切換鍵盤配置
右邊或左邊 Ctrl+Shift 在從右到左的閱讀語言中變更閱讀方向
Ctrl+Shift+Esc 開啓工作管理員
Ctrl+Q 全螢幕照相(可用Ctrl+V貼上
Ctrl+Alt+del 重新啓動(熱開機)
Ctrl+Alt+< 叫出新注音標點符號小鍵盤
Ctrl+Space 切換至預設輸入法
Ctrl+End 跳至文件末端
Alt鍵
Alt+F4 關閉使用中的項目,或結束使用中的程式
Alt+空格鍵 開啓使用中視窗的捷徑功能表
Alt+Enter 顯示選取項目的内容
Alt+Tab 在開啓的項目之間切換
Alt+Esc 按項目開啓的順序循環顯示它們
Alt+底線字母 顯示相對應的功能表或執行功能表命令
Alt+向上鍵 檢視 [Windows 檔案總管] 中的上一層資料夾
其他快捷
Delete 刪除選取的項目,並將它移至 [資源回收筒]
Shift+Delete 刪除選取的項目,但先不將它移至 [資源回收筒]
Shift 及任一方向鍵 在視窗或桌面上選取一個以上的項目,或選取文件内的文字。
Shift+F10 顯示選取項目的捷徑功能表
Esc 取消目前的工作
當您插入 CD 時按 Shift 鍵 防止 CD 自動播放
按住Shift 跳過光碟自動執行功能
Windows 標誌鍵盤快速鍵
Windows 標誌鍵 開啓或關閉 [開始] 功能表
Windows 標誌鍵+D 顯示桌面
Windows 標誌鍵+M 將所有視窗最小化
Windows 標誌鍵+Shift+M 將最小化的視窗還原至桌面
Windows 標誌鍵+E 開啓我的電腦
Windows 標誌鍵+F 搜尋檔案或資料夾
Ctrl+Windows 標誌鍵+F 搜尋電腦 (如果你在網路上)
Windows 標誌鍵+L 鎖定電腦或切換使用者
Windows 標誌鍵+R 開啓 [執行] 對話方塊
Windows 標誌鍵+T 循環顯示工作列上的程式
Windows+R 開啓”執行”
Windows+E 開啓”檔案總管”
Windows+F or F3 開啓”搜尋”
Windows+D 顯示桌面
Windows+M 視窗最小化
Windows+TAB 在工作列做切換動作,須按ENTER作結束