Difference between revisions of "Team:NYMU-Taipei/Notebook-Lab Book"

Line 19: Line 19:
  
 
body{background-color:#FFFFFF;}
 
body{background-color:#FFFFFF;}
−
h1{font-family: 'Product Sans', Arial, sans-serif; color:#FFFFFF; font-size:72px;}
+
h1{font-family: 'Product Sans', Arial, sans-serif; color:#FFFFFF; font-size:72px; display:block;}
 
.wrap{ width:964px; margin:auto; background-color:#CCCCCC; margin-top:100px;}
 
.wrap{ width:964px; margin:auto; background-color:#CCCCCC; margin-top:100px;}
 
.header{width:100%; text-align:center; background-color:#000000;}
 
.header{width:100%; text-align:center; background-color:#000000;}
−
.mask{ height:180px; overflow:hidden; border:solid 1px #999; justify-content:space-between; display:flex; position:relative; margin:-1px 0 0 -1px;}
+
.mask{ height:180px; overflow:hidden; border:solid 1px #999; margin:-1px 0 0 -1px;}
 
.boxWrap{
 
.boxWrap{
 
width: 240px;
 
width: 240px;
Line 45: Line 45:
  
 
<body>
 
<body>
 +
 +
 +
<div class="header"><h1>Lab Book</h1></div>
  
 
<div class="wrap">
 
<div class="wrap">
−
  <div class="header"><h1>Lab Book</h1></div>
 
 
   <div class="mask">
 
   <div class="mask">
−
 
−
 
 
     <div class="boxWrap">
 
     <div class="boxWrap">
−
 
 
       <div class="box1">
 
       <div class="box1">
 
         <img src="images/a1.jpg" width="220" height="140" />
 
         <img src="images/a1.jpg" width="220" height="140" />
 
         <h1>Illustrator</h1>
 
         <h1>Illustrator</h1>
 
         </div>
 
         </div>
−
 
 
       <div class="box2">
 
       <div class="box2">
 
         <h1>Illustrator</h1>
 
         <h1>Illustrator</h1>
Line 63: Line 61:
 
         <a href="javascript:;">我要報名</a>
 
         <a href="javascript:;">我要報名</a>
 
       </div>
 
       </div>
−
 
 
     </div>
 
     </div>
−
 
−
 
 
   </div>
 
   </div>
 
   <div class="mask">
 
   <div class="mask">
Line 107: Line 102:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
</div>
 +
 +
<div class="wrap">
 
   <div class="mask">
 
   <div class="mask">
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="images/a5.jpg" width="220" height="140" />
+
         <img src="images/a1.jpg" width="220" height="140" />
−
         <h1>Mobile Web</h1>
+
         <h1>Illustrator</h1>
 
         </div>
 
         </div>
 
       <div class="box2">
 
       <div class="box2">
−
         <h1>Mobile Web</h1>
+
         <h1>Illustrator</h1>
−
         <p>使用 HTML5 和 CSS3 語法，搭配 JavaScript 和 jQuery 語法製作動態翻頁、AJAX 載入、觸控事件，符合 iOS 和 Android 系統，還可以使用 Phonegap 將網頁包裝成 APP 上架</p>
+
         <p>本課程將從最基本的工具操作、平面設計、插畫設計、icon 設計、logo 設計、印刷排版...講起，課程內將有大量的範例讓您實際操作，因此沒有學過 illustrator 的也可以參加喔!</p>
 
         <a href="javascript:;">我要報名</a>
 
         <a href="javascript:;">我要報名</a>
 
       </div>
 
       </div>
Line 123: Line 121:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="images/a6.jpg" width="220" height="140" />
+
         <img src="images/a2.jpg" width="220" height="140" />
−
         <h1>User Interface</h1>
+
         <h1>Photoshop</h1>
 
         </div>
 
         </div>
 
       <div class="box2">
 
       <div class="box2">
−
         <h1>User Interface</h1>
+
         <h1>Photoshop</h1>
−
         <p>所謂 User Interface 設計即使用者與系統之間的一個溝通介面設計，而 User Experience Design 在設計的過程中，讓 UI 的設計更直覺及更貼近人性思維</p>
+
         <p>Photoshop 是影像設計界最重要的軟體，想學習職業級的影像處理技巧以及合成技巧嗎！您不能錯過本課程喔！全課程包含大量的修圖範例、去背、特效合成範例、商業設計範例</p>
 
         <a href="javascript:;">我要報名</a>
 
         <a href="javascript:;">我要報名</a>
 
       </div>
 
       </div>
Line 136: Line 134:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="images/a7.jpg" width="220" height="140" />
+
         <img src="images/a3.jpg" width="220" height="140" />
−
         <h1>ActionScript 3.0 & XML</h1>
+
         <h1>ActionScript 3.0</h1>
 
         </div>
 
         </div>
 
       <div class="box2">
 
       <div class="box2">
−
         <h1>ActionScript 3.0 & XML</h1>
+
         <h1>ActionScript 3.0</h1>
−
         <p>Flash 和網頁的傳值與接值，如何和伺服端程式溝通，結合 XML 的整合應用，讓作品更方便的新增與管理，實作練習在專案上常使用到的互動式 Flash 新聞公告，Flash 留言版</p>
+
         <p>本課程是 ActionScript 3.0 的入門課程，從最基本的指令語法講起，讓您一步一步打好 ActionScript 3.0 基礎，再討論「物件導向程式設計」的觀念，讓您學會 ActionScript 3.0 精髓</p>
 
         <a href="javascript:;">我要報名</a>
 
         <a href="javascript:;">我要報名</a>
 
       </div>
 
       </div>
Line 149: Line 147:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="images/a8.jpg" width="220" height="140" />
+
         <img src="images/a4.jpg" width="220" height="140" />
−
         <h1>Photoshop JPG & RAW</h1>
+
         <h1>Android APP</h1>
 
         </div>
 
         </div>
 
       <div class="box2">
 
       <div class="box2">
−
         <h1>Photoshop JPG & RAW</h1>
+
         <h1>Android APP</h1>
−
         <p>為攝影玩家量身打造的 Photoshop 攝影後製課程!! 課程內有大量的照片和範例讓您實際操作，從基礎圖的像光學觀念分析講解，讓您札札實實打好後製基礎，最實用的修片後製技巧</p>
+
         <p>完全的入門攻略 一起加入熱血的 Android 行列，適合對像：對手機開發有高度狂熱者，至少寫過任一物件導向程式語言，對類別有一定基礎者，都是奶綠茶老師實際開發過的 APP</p>
 
         <a href="javascript:;">我要報名</a>
 
         <a href="javascript:;">我要報名</a>
 
       </div>
 
       </div>

Revision as of 13:22, 11 October 2016

Lab Book

Illustrator

Illustrator

本課程將從最基本的工具操作、平面設計、插畫設計、icon 設計、logo 設計、印刷排版...講起，課程內將有大量的範例讓您實際操作，因此沒有學過 illustrator 的也可以參加喔!

我要報名

Photoshop

Photoshop

Photoshop 是影像設計界最重要的軟體，想學習職業級的影像處理技巧以及合成技巧嗎！您不能錯過本課程喔！全課程包含大量的修圖範例、去背、特效合成範例、商業設計範例

我要報名

ActionScript 3.0

ActionScript 3.0

本課程是 ActionScript 3.0 的入門課程，從最基本的指令語法講起，讓您一步一步打好 ActionScript 3.0 基礎，再討論「物件導向程式設計」的觀念，讓您學會 ActionScript 3.0 精髓

我要報名

Android APP

Android APP

完全的入門攻略 一起加入熱血的 Android 行列，適合對像：對手機開發有高度狂熱者，至少寫過任一物件導向程式語言，對類別有一定基礎者，都是奶綠茶老師實際開發過的 APP

我要報名

Illustrator

Illustrator

本課程將從最基本的工具操作、平面設計、插畫設計、icon 設計、logo 設計、印刷排版...講起，課程內將有大量的範例讓您實際操作，因此沒有學過 illustrator 的也可以參加喔!

我要報名

Photoshop

Photoshop

Photoshop 是影像設計界最重要的軟體，想學習職業級的影像處理技巧以及合成技巧嗎！您不能錯過本課程喔！全課程包含大量的修圖範例、去背、特效合成範例、商業設計範例

我要報名

ActionScript 3.0

ActionScript 3.0

本課程是 ActionScript 3.0 的入門課程，從最基本的指令語法講起，讓您一步一步打好 ActionScript 3.0 基礎，再討論「物件導向程式設計」的觀念，讓您學會 ActionScript 3.0 精髓

我要報名

Android APP

Android APP

完全的入門攻略 一起加入熱血的 Android 行列，適合對像：對手機開發有高度狂熱者，至少寫過任一物件導向程式語言，對類別有一定基礎者，都是奶綠茶老師實際開發過的 APP

我要報名