iT邦幫忙

DAY 24
4

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps系列 第 23

Day24 Split App 實作官方範例 Blog Reader (1)

  • 分享至 

  • xImage
  •  

實作方式請參考:http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx
Blog Reader 這個官方範例,主要是要做一個 blog 文章的閱讀器,首先要建立一個空的 Split App。
以下的步驟,都是跟著官方範例走,你也可以參考官方的範例。

當我們建立好空的 split app 之後,首先先來修改一下整個 App 左上角的 pagetitle,修改檔案 pages/items/items.html:
把pagetitle那一段的內容改成你要的

<span class="pagetitle">Win.心得小筆記</span>

接著,調整一下整個 App 的色系,打開 default.css,修改 #contenthost 的樣式:
主要是增加 background-color的樣式,看你想換成什麼顏色。

 #contenthost {
     height: 100%;
     width: 100%;    
     background-color:rgb(24, 33, 61);
 }

接著,run 一下 App,這就是今天的進度了。
明天要寫 data.js,會有點複雜...,說到 data.js 在之前的文章有提到,不過以前都是做假資料,這次的 blog reader,好像會做一些要資料的事情,再來,因為data.js原本的內容很多都是demo code,我們需要重整 data.js,並且將不需要的假資料刪除,補上自己需要的 code,會需要寫一些 function,定義一些 data,就讓我們接著看下去吧。


上一篇
Day23 Blend for Visual Studio 2012 嘗試嘗試
下一篇
Day25 Split App 實作官方範例 Blog Reader (2)
系列文
用 HTML5 和 JavaScript 學習開發 Windows 8 Apps30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
SunAllen
iT邦研究生 1 級 ‧ 2013-10-09 01:34:33

沙發

yiying iT邦新手 1 級 ‧ 2013-10-10 18:36:28 檢舉

忙謝謝謝謝

我要留言

立即登入留言