捐血一袋救人一命

2015年11月9日 星期一

管理Windows 7 儲存的認證/密碼

如果 manage passwords 命令輸入在「搜尋程式及檔案」欄,選擇「管理網路密碼」、「管理Windows認證」均可。 PS. 輸入 manage passwors 方法並不適用於 Win10 manage passwords = 控制台→使用者帳戶→認證管理員 在命令提示字元輸入以下命令(Win10 適用) rundll32.exe keymgr.dll, KRShowKeyMgr 會執行「已儲存的使用者名稱和密碼」,這裡也可以管理認證如果在 Win10 環境,請選擇控制台 > 使用者帳戶 > 認證...

2015年9月22日 星期二

如何使用沉水馬達來打空氣到水中

使用沉水馬達打氣要利用文氏管的效應(不一定要有文氏管,有文氏管更好)。 文氏管的形狀就是兩邊管口較粗,中間細;細的部位會有分支小管。 當流體經過文氏管粗口時,流速低,壓力大;當流體經過中間細管時,壓力減弱,流速加快,此時分支管中的流體就會被帶入粗管中   如果沒有文氏管怎麼辦呢? 簡單的作法就是在水管上打一個小孔,不要太大,然後把打孔的部位提高,提高到水不會從小孔中溢出即可。 ...

2015年9月2日 星期三

同一列所有的 div 顯示相同高度

在切版面常遇到的問題:同一列的 div 高度不同,這樣版面看起來會很醜 例如: HTML: <div id="parent">     <div class="children borderGreen">正常狀況下,字多的 div,高度會比較高,但這樣版面會很怪,所以必須同一列的 div 都要同高,用計算的方式又很麻煩</div>     <div class="children borderBlue">這個高度比較低</div> </div> CSS: div{     box-sizing:border-box;  ...

2015年8月28日 星期五

網頁載入圖片技巧

以前網頁需要一堆 Icon、Logo、甚至是美美的邊框圖片等等,需要設計很多圖檔,然後在網頁中一一使用 img 標籤來載入圖檔。 現在您可以把這一大堆 Icon、Logo圖檔,全部存成一張圖,再利用 CSS background image 來設定哪個標籤需要圖檔中的哪一個部份。 這樣的好處是,大量減少 http request 而且可以很容易的用程式去控制要去讀哪個區塊的圖片 CSS Sprite Generator http://spritepad.wearekiss.com/ https://www.image-maps.com/ http://spritepad.wearekiss.com/ http://www.spritecow.com/ http://spritegen.website-performance.org/ Border Image Generator https://developer.mozilla.org/en-US/docs/Web/CSS/Tools/Border-image_generator http://border-image.com/#%7B%22src%22%3A%22http%3A%2F%2Fwww.w3.org%2FTR%2Fcss3-background%2Fborder.png%22%2C%22linkBorder%22%3Atrue%2C%22borderWidth%22%3A%5B0%2C0%2C0%2C0%5D%2C%22imageOffset%22%3A%5B27%2C27%2C27%2C27%5D%2C%22fill%22%3Atrue%2C%22setRepat%22%3Afalse%2C%22repeat%22%3A%5B%22repeat%22%2C%22repeat%22%5D%2C%22scaleFactor%22%3A3%2C%22setRepeat%22%3Atrue%7D...

CSS div 切版的問題

網頁設計中,會經常用到 div 來切版面。 在設計新手經常會無法理解,為什麼版塊會跳行、超出,永遠不如自己想像的那樣。 所以要理解 Box Model。 在W3C 定義的 Box Model ,它的寬度(width)及高度(height),是不包含邊框線寬度(border),也不包含留白(padding)的部份,只有內容的部份。 也就是說,利用 div 劃分出來的版面,實際寬度 = maring + border + padding + width。 同理,實際高度 = margin + border + padding + height。 所以如下的設定,預設會造成版塊跳行。 新手會很困擾,為什麼外框 100%,內框是兩個 50%,加起來不是超出版面寬度,出現捲軸,破壞畫面,再不然就是內框跳到下一行,同樣也是破壞了版面。 會以為一定要用 Javascript 去計算寬高,自行來指定寬高點數。 其實不需要這麼麻煩,只要指定 CSS 的參數:box-sizing 即可。...

2015年8月25日 星期二

網頁 Menu 文字變色及換圖

說穿了很簡單,就是定義 a:hover 等相關 CSS 設定 設定超連結預設的樣式 a:link { color:#0000ff;                // 超連結文字的顏色 text-decoration:none;   // 不顯示超連結的底線 } 設定點擊(訪問)過的超連結樣式 a:visited { color:#0000ff;                // 超連結文字的顏色 text-decoration:none;   // 不顯示超連結的底線 ...

網頁 Menu 增加 Icon 圖片的方法

設計網頁的 Menu 通常都是使用 <ul><li> 標籤來達成最方便,不需要太多的 Coding. 連結的部份就是用 <a> 來達成,不過影像的部份如果使用 <img> 標籤,會造成無法控制影像及超連結文字的對齊,畫面就會醜醜的。(如下圖,Sample)   所以要使用圖片,得利用 CSS 定義 <a> 的背景圖 background:url(圖片路徑檔名); background-repeat: no-repeat; background-size: Npx Mpx;            // 指定圖片縮放寬高,如果你的影像圖檔大小已經先處理好,這就可以省略 background-position:0px...

2015年6月23日 星期二

Windows 7 遠端協助

Windows 7 遠端協助跟 Windows XP 又不一樣了,但是變得更簡單了。 一樣,先開啟允許遠端協助。 接下來,在防火牆上設定允許遠端協助、Windows遠端協助COM伺服器(c:\windows\system32\raserver.exe)、TCP 135。 最後設定群組原則 IT 人員要連線時,就執行 msra /offerra ,然後輸入用戶端 IP 或主機名稱就可以連線了 PS.IT人員的帳號,不可以是空白密碼。 PS.如果是在群組環境下使用,用戶端電腦上必須要有IT人員的帳號,而且密碼是一致的。...

Windows XP 遠端協助

如何讓 IT 人員能夠直接看到用戶端的操作,重現問題狀況,是很重要一個功能,這個功能在Windows 早已內建,其實可以不用額外使用其他軟體 啟用遠端協助 設定防火牆允許以下程式連接   群組原則設定可連接的 IT 人員帳號 ...

2015年6月5日 星期五

SharePoint Online 網站設計概念

SharePoint 在企業內 EIP 最常用的就是表單+工作流程、文件共享管理、工作專案管理、公告、討論區、問卷等等功能,這些都是由「應用程式」組成! SharePoint的應用程式分為兩大類: 1.「清單(List)」 2.「文件庫(Document Library)」 這兩種資料形式再搭配不同的檢視樣式,就形成了各式各樣的應用程式。 這些應用程式可以在「網站內容」→「新增應用程式」裡面找到 SharePoint 本身內建的應用程式,不過有些應用程式還需搭配其他軟體及授權,例如:Project Management、Access資料庫、Power BI等等。 如果這些不夠用,也可以在 SharePoint市集裡找到一些免費的。 不過,令人厭惡的是,很多應用程式表面說是免費,其實只是被閹割的試用版,或是跟你說要搭配其他付費服務。 其實基本上SharePoint 本身內建的功能就夠用了!乍看之下,很多內建應用程式似乎都不太適用,其實自行增加一些欄位,修改一下「檢視(View)」就可以用了。...