阿修-網路記事簿
以 學習-紀錄-分享-工具 為主軸
2021年2月17日 星期三
2019年12月24日 星期二
[情報] 微軟可能將Win10功能更新從windows updat
[情報] 微軟可能將Win10功能更新從windows updat
https://tinyurl.com/rdmrvyt
在最新的Windows 10 insider preview(2004, 19536)中,系統設定的關於頁面中出現了一個名為"Windows Feature Experience Pack"的體驗標題
同時,目前國外有使用者已經發現到微軟有在Microsoft商店上架一款windows FeatureExperience Pack的應用程式(無法從商店搜尋,必須要從特定連結取得) https://twitter.com/h0x0d/status/1208314988646977541
但目前無法看出來這個應用程式有甚麼樣的功能。可能微軟還在進行測試
目前可以推測的是,微軟打算將Windows 10的功能更新從Windows Update中抽離。讓 Windows Update只會進行產品安全性更新和其他微軟產品(如:office)的更新 會這樣做目的可能是要讓Windwos 10核心模組化,由於以往Windows 10的大小更新都會造成系統出現大小不一程度的問題。所以將UI及核心分開由兩個或是更多團隊來進行維護。至少從Windows Feature Experience Pack可以看出版本基本上已經跟Windows 10的版本脫鉤。這個也許是微軟對於Windows 10模組化後的第一個更新。現在就得再等後續的insider preview才能知道未來的走向會是如何(目前微軟也沒有針對此應用程式提供更多資訊)
同時,目前國外有使用者已經發現到微軟有在Microsoft商店上架一款windows FeatureExperience Pack的應用程式(無法從商店搜尋,必須要從特定連結取得) https://twitter.com/h0x0d/status/1208314988646977541
目前可以推測的是,微軟打算將Windows 10的功能更新從Windows Update中抽離。讓 Windows Update只會進行產品安全性更新和其他微軟產品(如:office)的更新 會這樣做目的可能是要讓Windwos 10核心模組化,由於以往Windows 10的大小更新都會造成系統出現大小不一程度的問題。所以將UI及核心分開由兩個或是更多團隊來進行維護。至少從Windows Feature Experience Pack可以看出版本基本上已經跟Windows 10的版本脫鉤。這個也許是微軟對於Windows 10模組化後的第一個更新。現在就得再等後續的insider preview才能知道未來的走向會是如何(目前微軟也沒有針對此應用程式提供更多資訊)
2019年12月20日 星期五
html與CSS樣式-查詢-善用Ctrl+F搜尋關鍵字
html表格樣式設定可參考此頁
CSS3語法產生器 提供線上視覺化設計,可套用在自己的網頁上
CSS色碼產生器+轉換
引用:wibibi,w3schools,菜鳥教程,itread01,puritys.me
CSS border-style 設定邊框的樣式
設定四個邊框樣式 border-style: 樣式;
僅設定上邊框樣式 border-top-style: 樣式;
僅設定右邊框樣式 border-right-style: 樣式;
僅設定下邊框樣式 border-bottom-style: 樣式;
僅設定左邊框樣式 border-left-style: 樣式;
<div style="border-width:3px;border-style:dashed;border-color:#FFAC55;padding:5px;">
測試邊框樣式</div>
border-style:none; 不顯示邊框
</table>
CSS實現背景透明,文字不透明
CSS font-family 字型範例
CSS font-famiy 範例、設定段落的字型
換行設定
CSS3語法產生器 提供線上視覺化設計,可套用在自己的網頁上
CSS色碼產生器+轉換
引用:wibibi,w3schools,菜鳥教程,itread01,puritys.me
CSS border-style 設定邊框的樣式
設定四個邊框樣式 border-style: 樣式;
僅設定上邊框樣式 border-top-style: 樣式;
僅設定右邊框樣式 border-right-style: 樣式;
僅設定下邊框樣式 border-bottom-style: 樣式;
僅設定左邊框樣式 border-left-style: 樣式;
<div style="border-width:3px;border-style:dashed;border-color:#FFAC55;padding:5px;">
測試邊框樣式</div>
測試邊框樣式
border-style:solid;
|
border-style:dotted;
|
border-style:dashed;
|
border-style:double;
|
border-style:outset;
|
border-style:groove;
|
border-style:ridge;
|
border-style:inset;
|
border-style:none;
|
表格
邊框兩條線
table, th, td {
border: 1px solid black;}
border: 1px solid black;}
變成一條線
table {
border-collapse: collapse;}
border-collapse: collapse;}
表格中間不要線
table {
border: 1px solid black;}
border: 1px solid black;}
整體表格高度+寬度
table {
width: 100%;}
th {
height: 50px;}
width: 100%;}
th {
height: 50px;}
欄位字全部靠左
th {
text-align: left;}
text-align: left;}
欄位文字對齊位置
td {
height: 50px;
vertical-align: bottom;}
height: 50px;
vertical-align: bottom;}
vertical-align:baseline; | 預設值,元素在該行的基礎線上,大約在文字的中間位置,並不美觀。 |
vertical-align:sub; | 圖片垂直對齊該行本文的下標位置。 |
vertical-align:super; | 圖片垂直對齊該行本文的上標位置。 |
vertical-align:top; | 圖片垂直對齊該行元素的最高位置。 |
vertical-align:text-top; | 圖片垂直對齊該行文字的最高位置。 |
vertical-align:middle; | 圖片垂直對齊該行文字的置中位置。 |
vertical-align:bottom; | 圖片垂直對齊該行元素的最低位置。 |
vertical-align:text-bottom; | 圖片垂直對齊該行文字的最低位置。 |
vertical-align:%; | 以百分比來讓圖片垂直對齊該行文字,可以有負值。 |
這張圖未使用 vertical-align 屬性
這張圖未使用 vertical-align 屬性
這張圖 vertical-align 設為 text-top
這張圖 vertical-align 設為 text-top
這張圖 vertical-align 設為 middle
這張圖 vertical-align 設為 middle
這張圖 vertical-align 設為 bottom
這張圖 vertical-align 設為 bottom
欄位表格統一放大縮小
th, td {
padding: 15px;
text-align: left;}
padding: 15px;
text-align: left;}
表格水平分隔線
th, td {
border-bottom: 1px solid #ddd;}
border-bottom: 1px solid #ddd;}
滑鼠移動到表格上變色
tr:hover {background-color: #f5f5f5;}
參考此網頁
表格欄位分色 好閱讀
tr:nth-child(even) {background-color: #f2f2f2;}
只有第一欄位變色
th {
background-color: #4CAF50;
color: white;}
background-color: #4CAF50;
color: white;}
螢幕台小,導致無法顯示全部的表格,可新增卷軸滾動條
<div style="overflow-x:auto;">
<table>
... table content ...
</table>
</div>
<table>
... table content ...
</table>
</div>
欄位合併
欄 合併
<table border="1">
<tr>
<td colspan="2">這裡是第一行</td>
</tr>
<tr>
<td>這裡是第二行的第一個欄位</td>
<td>這裡是第二行的第二個欄位</td>
</tr>
<tr>
<td colspan="2">這裡是第一行</td>
</tr>
<tr>
<td>這裡是第二行的第一個欄位</td>
<td>這裡是第二行的第二個欄位</td>
</tr>
</table>
這裡是第一行 | |
這裡是第二行的第一個欄位 | 這裡是第二行的第二個欄位 |
列合併
<table border="1">
<tr>
<td rowspan="2">這是第一個欄位</td>
<td>這裡是第二個欄位第一行</td>
</tr>
<tr>
<td>這裡是第二個欄位第二行</td>
</tr>
</table>
<tr>
<td rowspan="2">這是第一個欄位</td>
<td>這裡是第二個欄位第一行</td>
</tr>
<tr>
<td>這裡是第二個欄位第二行</td>
</tr>
</table>
這是第一個欄位 | 這裡是第二個欄位第一行 |
這裡是第二個欄位第二行 |
html下拉式選單<--其他屬性可參考此網頁
<select>
<option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option></select>
.box-1, .box-2, .box-3{padding:30px; width:150px; margin-bottom:10px; text-align:center;}
.box-1{ background:#000; opacity:0.6; }
.box-1 p, .box-2 p, .box-3 p{ color:#fff;font-family:'微軟正黑體'; text-align:center;font-size:16px;}
.box-2{ background:rgba(0,0,0,0.6);margin-bottom:10px;}
.box-3{ background:#000; filter:Alpha(opacity=60);}
body{ background:url(http://lorempixel.com/output/abstract-q-c-400-400-2.jpg) no-repeat;padding:10px;}
CSS font-family 字型範例
字型 | 語法範例 | 呈現 |
serif | <span style="font-family:serif;">Show serif font</span> | Show serif font |
sans-serif | <span style="font-family:sans-serif;">Show sans-serif font</span> | Show sans-serif font |
cursive | <span style="font-family:cursive;">Show cursive font</span> | Show cursive font |
fantasy | <span style="font-family:fantasy;">Show fantasy font</span> | Show fantasy font |
monospace | <span style="font-family:monospace;">monospace font</span> | monospace font |
細明體 | <span style="font-family:MingLiU;">細明體字型</span> | 細明體字型 |
新細明體 | <span style="font-family:PMingLiU;">新細明體字型</span> | 新細明體字型 |
標楷體 | <span style="font-family:DFKai-sb;">標楷體字型</span> | 標楷體字型 |
微軟正黑體 | <span style="font-family:Microsoft JhengHei;">微軟正黑體</span> | 微軟正黑體 |
CSS font-famiy 範例、設定段落的字型
p {
font-family:serif,sans-serif,cursive,fantasy,monospace;
}
有的時候設計師會需要將網頁文章不同的段落,設計出不同的風格字型,這時候採用 font-family 就是一個相當有效率的方式,同樣的手法,也可以用在像是 DIV 區塊或 span 區域內的文字,讓整個網頁不同區域呈現不同的效果。font-family:serif,sans-serif,cursive,fantasy,monospace;
}
換行設定
文字強迫換行 word-break: break-all;
Before Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.
文字自動換行,長英文字不切斷 word-wrap:break-word;
Before Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.
保留原始空白與換行 white-space:pre;
Before Moammar Gadhafi, there were the Phoenicians. And the Greeks.
強迫文字不換行 white-space:nowrap;
移除連續空白,移除換行符號(n r), 強迫文字不換行。
Before Moammar Gadhafi, there were the Phoenicians. And the Greeks.
保留所有空白,自動換行。white-space:pre-wrap;
Before Moammar Gadhafi, there were the Phoenicians. And the Greeks. The Romans.
多個空白轉換成一個空白white-space: pre-line
Before Moammar Gadhafi, there were the Phoenicians. And the Greeks. The Romans.
透過JavaScript匯出Word (無法保留紙張大小與格式)
原文:
https://phppot.com/javascript/how-to-export-html-to-word-document-with-javascript/
以下範例
主頁html部分
https://phppot.com/javascript/how-to-export-html-to-word-document-with-javascript/
以下範例
主頁html部分
<div id="source-html"> <h1> <center>Artificial Intelligence</center> </h1> <h2>Overview</h2> <p> Artificial Intelligence(AI) is an emerging technology demonstrating machine intelligence. The sub studies like <u><i>Neural Networks</i>, <i>Robatics</i> or <i>Machine Learning</i></u> are the parts of AI. This technology is expected to be a prime part of the real world in all levels. </p> </div> <div class="content-footer"> <button id="btn-export" onclick="exportHTML();">Export to word doc</button> </div>JavaScript部分
<script> function exportHTML(){ var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+ "xmlns:w='urn:schemas-microsoft-com:office:word' "+ "xmlns='http://www.w3.org/TR/REC-html40'>"+ "<head><meta charset='utf-8'><title>Export HTML to Word Document with JavaScript</title></head><body>"; var footer = "</body></html>"; var sourceHTML = header+document.getElementById("source-html").innerHTML+footer; var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML); var fileDownload = document.createElement("a"); document.body.appendChild(fileDownload); fileDownload.href = source; fileDownload.download = 'document.doc'; fileDownload.click(); document.body.removeChild(fileDownload); } </script>JavaScript部分可放置主頁,也可另存成.js檔,引用
世紀帝國2+征服者入侵 (繁體中文下載+免光碟+更新檔+破圖修正)
引用 : a83628000痞客邦
此文章僅作個人紀錄,建議至原創者部落格瀏覽
世紀帝國2+征服者入侵 (繁體中文下載+免光碟+更新檔+破圖修正)
站長提供的遊戲是由微軟正版光碟備份下來的
(此遊戲不是新的HD版)(此遊戲高機率不能在Windows 10上遊玩)
遊戲下載:(載點由站長親自上傳)
(選擇其中一個分流下載即可)
分流一:https://docs.google.com/uc?id=1BODU-CmNj_kieaxMtlpw0vWcz11N-4DT
分流二:https://docs.google.com/uc?id=1wAhEWep4DiR2vhsaKyb7pNWBCtN6Qg4b
解壓縮密碼:x96u.g4ru42u4eji6-4i
安裝教學:
下載下來的檔案是mdf/mds檔, 請用酒精軟體把mds掛載到 虛擬光碟機裡
如果沒有酒精軟體請看這裡:http://a4287604.pixnet.net/blog/post/130199243
1) 請依序安裝, 世紀帝國2 → 征服者入侵 (安裝時一定要選擇『完整安裝』,不然無法遊玩)
2) 執行 Age2XPatch10c_tc.exe(更新1.0c版, 還是可以玩1.0版) 更新完成
3) 執行 DirectDraw_Fix.reg(修正破圖) 登錄修正完成
4) 再把 age2_x110.exe、age2_x110c.exe(1.0、1.0c版免光碟執行檔), 放入世紀帝國資料夾裡的 age2_x1 資料夾
PS) 如不知道遊戲資料夾在哪裡,對『世紀帝國』捷徑右鍵 → 開啟檔案位置
5) 啟動被放入的 age2_x110.exe(1.0版) 或是 age2_x110c.exe(1.0c版) 即可遊玩
PS) 可以依據喜好選擇1.0或是1.0c版本遊玩
PS) 如果出現『請插入正確的光碟片, 按[確定], 然後再重新啟動這個應用程式』
麻煩睜大眼睛看清楚步驟4和5
PS) 修正破圖是要配合免光碟檔名的,也就是說
1.0的啟動檔檔名一定要是age2_x110.exe或age2_x1.exe開起來玩才不會破圖
1.0c的啟動檔檔名一定要是age2_x110c.exe或age2_x1.exe打開起玩才不會破圖
(任意更改免光碟檔名打開來玩一樣會破圖)
遊戲密技:
如果沒有酒精軟體請看這裡:http://a4287604.pixnet.net/blog/post/130199243
1) 請依序安裝, 世紀帝國2 → 征服者入侵 (安裝時一定要選擇『完整安裝』,不然無法遊玩)
2) 執行 Age2XPatch10c_tc.exe(更新1.0c版, 還是可以玩1.0版) 更新完成
3) 執行 DirectDraw_Fix.reg(修正破圖) 登錄修正完成
4) 再把 age2_x110.exe、age2_x110c.exe(1.0、1.0c版免光碟執行檔), 放入世紀帝國資料夾裡的 age2_x1 資料夾
PS) 如不知道遊戲資料夾在哪裡,對『世紀帝國』捷徑右鍵 → 開啟檔案位置
5) 啟動被放入的 age2_x110.exe(1.0版) 或是 age2_x110c.exe(1.0c版) 即可遊玩
PS) 可以依據喜好選擇1.0或是1.0c版本遊玩
PS) 如果出現『請插入正確的光碟片, 按[確定], 然後再重新啟動這個應用程式』
麻煩睜大眼睛看清楚步驟4和5
PS) 修正破圖是要配合免光碟檔名的,也就是說
1.0的啟動檔檔名一定要是age2_x110.exe或age2_x1.exe開起來玩才不會破圖
1.0c的啟動檔檔名一定要是age2_x110c.exe或age2_x1.exe打開起玩才不會破圖
(任意更改免光碟檔名打開來玩一樣會破圖)
遊戲密技:
ROCK ON = 得到石頭1000單位
LUMBERJACK = 得到木材1000單位
ROBIN HOOD = 得到黃金1000單位
CHEESE STEAK JIMMY'S = 得到食物1000單位
MARCO = 顯示所有地圖
POLO = 地圖迷霧效果關閉
AEGIS = 建造、生產和升級即時完成
I LOVE THE MONKEY HEAD = 得到超快速工人
HOW DO YOU TURN THIS ON = 得到眼鏡蛇車
TO SMITHEREENS = 得到自爆破壞者
NATURAL WONDERS = 可控制其他生物
BLACK DEATH = 消滅全部敵人
TORPEDO# = 殺死編號 # 的對手
WIMPYWIMPYWIMPY = 自殺
I R WINNER = 任務勝利
RESIGN = 任務失敗
LUMBERJACK = 得到木材1000單位
ROBIN HOOD = 得到黃金1000單位
CHEESE STEAK JIMMY'S = 得到食物1000單位
MARCO = 顯示所有地圖
POLO = 地圖迷霧效果關閉
AEGIS = 建造、生產和升級即時完成
I LOVE THE MONKEY HEAD = 得到超快速工人
HOW DO YOU TURN THIS ON = 得到眼鏡蛇車
TO SMITHEREENS = 得到自爆破壞者
NATURAL WONDERS = 可控制其他生物
BLACK DEATH = 消滅全部敵人
TORPEDO# = 殺死編號 # 的對手
WIMPYWIMPYWIMPY = 自殺
I R WINNER = 任務勝利
RESIGN = 任務失敗
WOOF WOOF = 得到飛行狗
FURIOUS THE MONKEY BOY = 得到猴子
TO SMITHEREENS = 得到自爆兵Saboteur
FURIOUS THE MONKEY BOY = 得到猴子
TO SMITHEREENS = 得到自爆兵Saboteur
訂閱:
文章 (Atom)