[ 網站 ] IIS 架設伺服器 - Windows 7以上系統架設方法

一、控制台→程式集→開啟或關閉 Windows 功能

[ HTML+JavaScript ] Web連線Firebase之Storage上傳顯示刪除檔案的方法

一、說明

1. 顯示檔案列表方法：

firebase.storage().ref().child("位置").listAll().then(function(res) {

  res.items.forEach(function(itemRef) {

//顯示

});

}).catch(function(error) {

//顯示錯誤訊息

});

[ HTML+JavaScript ] Web連線Firebase之Realtime Database 實時數據庫與新增修改刪除的方法

一、語法：

1. API 套件

<script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-database.js"></script>

[ HTML ] ＜base href="網址"＞用法

主要是網頁內有很多條超連結都是連結到同一個 URL 網址

[HTML CSS] 讓 pre 標籤裡的內容自動換行的方法

寫部落格時總是會超出文章版面，還要手動把程式碼一個一個斷行非常麻煩。
因此可加入這段CSS語法到版面中，讓整個畫面變的整齊。


以下語法可以讓 pre 裡的內容過長時斷行。
但我們還得指定 pre 的寬度，不然一直斷行會變很窄長型狀。

[ Blogger ] 文章自動斷行的方法

部落格為https://www.blogger.com/
常常為了文章寫太長又沒有斷句的煩腦嗎?以下教學為如何斷行換行。
寫CSS就很麻煩，那就只好改一下HTML語法了。

一、先找尋位置
1. 主題 → HTML編輯→按CTRL+F
2. 輸入separator
3.以下為找尋結果：
<b:widget-setting name='content'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://store.line.me/stickershop/product/1282451&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hkc-0JUTxC5Vs8QLgvk_F0nuvuojE2B9m6ydUMDAdNGYUD0sDBq9hDwE9ofeCcHgihHJ8lt2Je4qOvZmO6wM6L5Ap7pGlBCn_sjfUtbhawq6QFYIcIguVVnEUeORetSF8N77gMA2im8/s320/FB2.png&quot; width=&quot;180&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</b:widget-setting>

[ Adobe muse cc ] 基本教學一 (按鈕、Facebook社交、幻燈片、排版)

基本教學第一彈
不會程式沒關係，有了muse就能簡單寫出Html網頁。
不用去上課就會寫出Html，只要一台計算機跟繪圖想法就ok了。


影片：

[ javascript & jQuery ] 抓取URL 的值

例如：http://localhost:8082/CCCC/A1.html#tab2?text1=2222

Javascript

「CSS」中間div上下及中水平排列

FreeDNS 網域教學

它是很老的DNS而且很好用，只是免費的用的網域有限制。
優點：
動態IP可以用IE等瀏覽器自動更新DNS裡設定的IP。
缺點：
自動更新網址要加「自動更新外掛」

以下教學會說明：

一、註冊FreeDNS
紅框Sign UP!為登入註冊，點進去就對了。

CKEditor (前身為fckeditor) 編輯器

CKEditor 編輯器

語法：javascript，jQuery (它把php拿掉了........誰叫現在jQuery最夯)

檔案大小：1.99MB

官網：http://ckeditor.com/demo
下載：http://ckeditor.com/download


官網畫面的截圖

[HTML語法] 如果要在Blogger文章顯示固定圖片或文字的方法

在首頁不顯示，在內文顯示的方法如下：

找尋post-header-line-1，找到後在

 <div class='post-header-line-1'/>

                                  </div>

                                  <b:if cond='data:blog.metaDescription == &quot;&quot;'>

                                    <!-- Then use the post body as the schema.org description,

for good G+/FB snippeting. -->            

                                    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>

「javascript : expr 語法」Facebook 讚

此為Html之javascript語法所用。 如果你是用blogger要加入讚的話就用此語法唷~ blogger作法： 一、後台→範本→編輯HTML 二、把「展開小裝置範本」打勾先找出

三、找到後它的下面，貼上下面的語法。