Pages


Posts

Comments

» » Class 7

By: Unknown Posted date: 下午6:11 Comments: 0
Class 7
**********
今日作業呈現


 
 
 
 
 
 
 




製作APP裡常看到左邊有圖，右邊有說明的條列式選單，

首先一樣先到Materialize網站的Getting Started 頁面，下載 Materialize!
然後開壓縮檔，新增一個文件，就可以開始進行 Materialize css的初始設定了。

相關的程式碼要到materialize➜Components➜collection去看

 

1.清單就是用<ul>包住裡面的清單項目，而每個清單項目則使用<li>條列包住

2.
<span> ➜ 不跳行的情況下，框出一個範圍，我們可對這個範圍設定其屬性
<i class> ➜ 一系列的 icon，在 Materize CSS中已定義好
<img> ➜ 代表的是左側圓形的圖
<span> ➜ 代表在不跳行的情況下框出一個範圍
<p> ➜ 代表文字段落
<br> ➜ 代表跳行
<a> ➜ 代表超連結，後面的grade則是右方星形圖示
3.
若對於每個 <li> 的內容都要一個一個打上去，太麻煩了。
所以，我們要換使用 for-loop !

p.s.注意!!!使用此方法時，必須加入<body onload="f()">，這樣在進入body部份時，才會自動載入f()函式 
TAGS
«
Next
較新的文章
»
Previous
較舊的文章

沒有留言:

Leave a Reply

訂閱： 張貼留言 (Atom)

Labels

Popular

  • Class 6
    Class 6 ********** 今天老師教我們建構網站的"框架(framework)"，並介紹一個加入CSS套件的好網站 Materializecss ，有個吸引人的套件會使的使用者更樂意去使用去推薦給他人~ 首先先到Getting Start...
  • Class 5
    Class 5 ********** 今日作業 呈現 今天老師教我們如何做一個簡單的使用者介面，我們用的例子是BMI 一.首先我們需輸入的資料有:身高、體重、性別 二.然後進行運算BMI=體重（kg）/身高平方（m*m） 三.希望呈現方式:身高體重用數線來表示...
  • Class 4
    Class 4 ********** 今日作業 ➜ 可循環的相片集 ➜ 使用 mod x.length 的可循環的相片集 ➜ 可自動撥放的相片集 (要自動撥放的相片集有兩個語法可供使用 ，分別是 SetTimeOut 和 SetInterval ，其中又以 SetIn...
  • Class 8
    Class 8 ********** 今日作業呈現 今天老師教我們的是 API ，首先我們要學會看懂API， 痞客幫API 能幫我們從所有的痞客幫Blog中挑選出我們所想要的內容，例:熱門美食，熱門景點.... 首先我們要先了解如何向痞客幫要一段JSO...

Comments

Copyright © Pamela的HTML5學習心得 All Rights Reserved.