Submit Search
Upload
輕鬆學會網頁前端
•
0 likes
•
864 views
Xi-Zhe Lin
Follow
SITCON Summer Camp 2014 分享「輕鬆學會網頁前端」
Read less
Read more
Internet
Report
Share
Report
Share
1 of 33
Download now
Download to read offline
Recommended
Browser Object Model
Browser Object Model
jay li
Koubei banquet 34
Koubei banquet 34
Koubei UED
第一个课程2
第一个课程2
divinejakiro
Html&css基础
Html&css基础
KenerLinfeng
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
第八章解答
第八章解答
jiannrong
FIM Media Player - BoxModel in Flash
FIM Media Player - BoxModel in Flash
qizhi20
那些更智慧的智慧學生證
那些更智慧的智慧學生證
Xi-Zhe Lin
Recommended
Browser Object Model
Browser Object Model
jay li
Koubei banquet 34
Koubei banquet 34
Koubei UED
第一个课程2
第一个课程2
divinejakiro
Html&css基础
Html&css基础
KenerLinfeng
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
第八章解答
第八章解答
jiannrong
FIM Media Player - BoxModel in Flash
FIM Media Player - BoxModel in Flash
qizhi20
那些更智慧的智慧學生證
那些更智慧的智慧學生證
Xi-Zhe Lin
Il reddito di inclusione sociale - REIS
Il reddito di inclusione sociale - REIS
Franco Pesaresi
當Nexmo遇上PHP
當Nexmo遇上PHP
Xi-Zhe Lin
第八屆台科大學生會資訊部招生
第八屆台科大學生會資訊部招生
Xi-Zhe Lin
2014 大專資訊社團聯合幹訓閉幕式
2014 大專資訊社團聯合幹訓閉幕式
Xi-Zhe Lin
Tendenze internazionali nell'assistenza dell'anziano non autosufficiente
Tendenze internazionali nell'assistenza dell'anziano non autosufficiente
Franco Pesaresi
MIT 教我的七堂課
MIT 教我的七堂課
Xi-Zhe Lin
Monaaa vivian
Monaaa vivian
luzan288
La spesa sociale dei comuni. 2006
La spesa sociale dei comuni. 2006
Franco Pesaresi
社團,轉角遇上專案管理
社團,轉角遇上專案管理
Xi-Zhe Lin
What is the weather like today
What is the weather like today
luzan288
Loewe Presentation Final version_26.06.2012
Loewe Presentation Final version_26.06.2012
Preetham Samuel
La spesa per il long-term care in europa
La spesa per il long-term care in europa
Franco Pesaresi
L'assistenza agli anziani non autosufficienti in Italia 2015
L'assistenza agli anziani non autosufficienti in Italia 2015
Franco Pesaresi
Le cure domiciliari per anziani in Italia
Le cure domiciliari per anziani in Italia
Franco Pesaresi
Suddivisione dei costi tra servizi sociali e servizi sanitari
Suddivisione dei costi tra servizi sociali e servizi sanitari
Franco Pesaresi
Il finanziamento dei livelli essenziali per la non autosufficienza
Il finanziamento dei livelli essenziali per la non autosufficienza
Franco Pesaresi
Viessmann project
Viessmann project
Preetham Samuel
當PHP遇上Facebook API
當PHP遇上Facebook API
Xi-Zhe Lin
Modèles d'affaire pour tablettes
Modèles d'affaire pour tablettes
LongBoard Montreal
Les outils de suivi ( Frédéric Gigandet,Hôpital du Jura bernois)
Les outils de suivi ( Frédéric Gigandet,Hôpital du Jura bernois)
Paianet - Connecting Healthcare
揭秘Html5和Css3
揭秘Html5和Css3
Adam Lu
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
裕波 周
More Related Content
Viewers also liked
Il reddito di inclusione sociale - REIS
Il reddito di inclusione sociale - REIS
Franco Pesaresi
當Nexmo遇上PHP
當Nexmo遇上PHP
Xi-Zhe Lin
第八屆台科大學生會資訊部招生
第八屆台科大學生會資訊部招生
Xi-Zhe Lin
2014 大專資訊社團聯合幹訓閉幕式
2014 大專資訊社團聯合幹訓閉幕式
Xi-Zhe Lin
Tendenze internazionali nell'assistenza dell'anziano non autosufficiente
Tendenze internazionali nell'assistenza dell'anziano non autosufficiente
Franco Pesaresi
MIT 教我的七堂課
MIT 教我的七堂課
Xi-Zhe Lin
Monaaa vivian
Monaaa vivian
luzan288
La spesa sociale dei comuni. 2006
La spesa sociale dei comuni. 2006
Franco Pesaresi
社團,轉角遇上專案管理
社團,轉角遇上專案管理
Xi-Zhe Lin
What is the weather like today
What is the weather like today
luzan288
Loewe Presentation Final version_26.06.2012
Loewe Presentation Final version_26.06.2012
Preetham Samuel
La spesa per il long-term care in europa
La spesa per il long-term care in europa
Franco Pesaresi
L'assistenza agli anziani non autosufficienti in Italia 2015
L'assistenza agli anziani non autosufficienti in Italia 2015
Franco Pesaresi
Le cure domiciliari per anziani in Italia
Le cure domiciliari per anziani in Italia
Franco Pesaresi
Suddivisione dei costi tra servizi sociali e servizi sanitari
Suddivisione dei costi tra servizi sociali e servizi sanitari
Franco Pesaresi
Il finanziamento dei livelli essenziali per la non autosufficienza
Il finanziamento dei livelli essenziali per la non autosufficienza
Franco Pesaresi
Viessmann project
Viessmann project
Preetham Samuel
當PHP遇上Facebook API
當PHP遇上Facebook API
Xi-Zhe Lin
Modèles d'affaire pour tablettes
Modèles d'affaire pour tablettes
LongBoard Montreal
Les outils de suivi ( Frédéric Gigandet,Hôpital du Jura bernois)
Les outils de suivi ( Frédéric Gigandet,Hôpital du Jura bernois)
Paianet - Connecting Healthcare
Viewers also liked
(20)
Il reddito di inclusione sociale - REIS
Il reddito di inclusione sociale - REIS
當Nexmo遇上PHP
當Nexmo遇上PHP
第八屆台科大學生會資訊部招生
第八屆台科大學生會資訊部招生
2014 大專資訊社團聯合幹訓閉幕式
2014 大專資訊社團聯合幹訓閉幕式
Tendenze internazionali nell'assistenza dell'anziano non autosufficiente
Tendenze internazionali nell'assistenza dell'anziano non autosufficiente
MIT 教我的七堂課
MIT 教我的七堂課
Monaaa vivian
Monaaa vivian
La spesa sociale dei comuni. 2006
La spesa sociale dei comuni. 2006
社團,轉角遇上專案管理
社團,轉角遇上專案管理
What is the weather like today
What is the weather like today
Loewe Presentation Final version_26.06.2012
Loewe Presentation Final version_26.06.2012
La spesa per il long-term care in europa
La spesa per il long-term care in europa
L'assistenza agli anziani non autosufficienti in Italia 2015
L'assistenza agli anziani non autosufficienti in Italia 2015
Le cure domiciliari per anziani in Italia
Le cure domiciliari per anziani in Italia
Suddivisione dei costi tra servizi sociali e servizi sanitari
Suddivisione dei costi tra servizi sociali e servizi sanitari
Il finanziamento dei livelli essenziali per la non autosufficienza
Il finanziamento dei livelli essenziali per la non autosufficienza
Viessmann project
Viessmann project
當PHP遇上Facebook API
當PHP遇上Facebook API
Modèles d'affaire pour tablettes
Modèles d'affaire pour tablettes
Les outils de suivi ( Frédéric Gigandet,Hôpital du Jura bernois)
Les outils de suivi ( Frédéric Gigandet,Hôpital du Jura bernois)
Similar to 輕鬆學會網頁前端
揭秘Html5和Css3
揭秘Html5和Css3
Adam Lu
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
裕波 周
Html5css3 go.yeefe.com
Html5css3 go.yeefe.com
tellyeefe
台科大暑期資工營 - 前端入門
台科大暑期資工營 - 前端入門
Yi-Feng Xie
HTML5概览
HTML5概览
Adam Lu
深入剖析浏览器
深入剖析浏览器
jay li
让我们的页面跑得更快
让我们的页面跑得更快
li qiang
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Fred Lin
Developer Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web Fundamentals
Jiaxuan Lin
Inside the-browser
Inside the-browser
jy03845581
Inside the-browser
Inside the-browser
jy03845581
Html5和css3入门
Html5和css3入门
Xiujun Ma
HTML5 介绍
HTML5 介绍
S S
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
compassdesign
十步学会用Css+Div建站
十步学会用Css+Div建站
yiditushe
Bootstrap個人網站 20141027
Bootstrap個人網站 20141027
均民 戴
Denver CMS Expo Creating CSS template
Denver CMS Expo Creating CSS template
compassdesign
Creating CSS Template with Barrie North
Creating CSS Template with Barrie North
John Coonen
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
第一个课程
第一个课程
divinejakiro
Similar to 輕鬆學會網頁前端
(20)
揭秘Html5和Css3
揭秘Html5和Css3
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
Html5css3 go.yeefe.com
Html5css3 go.yeefe.com
台科大暑期資工營 - 前端入門
台科大暑期資工營 - 前端入門
HTML5概览
HTML5概览
深入剖析浏览器
深入剖析浏览器
让我们的页面跑得更快
让我们的页面跑得更快
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Developer Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web Fundamentals
Inside the-browser
Inside the-browser
Inside the-browser
Inside the-browser
Html5和css3入门
Html5和css3入门
HTML5 介绍
HTML5 介绍
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
十步学会用Css+Div建站
十步学会用Css+Div建站
Bootstrap個人網站 20141027
Bootstrap個人網站 20141027
Denver CMS Expo Creating CSS template
Denver CMS Expo Creating CSS template
Creating CSS Template with Barrie North
Creating CSS Template with Barrie North
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
第一个课程
第一个课程
輕鬆學會網頁前端
1.
輕鬆學會網⾴頁前端 SITCON Summer Camp
2.
3.
me.coder.tw
4.
前情提要 此簡報所謂之網⾴頁設計偏技術⾯面,⽽而⾮非設計⾯面
5.
⾏行前調查 基礎網⾴頁製作 進階⼯工具教學
6.
關於 Web 你會想到什麼?
7.
JavaScript HTML CSS SASS jQuery Bootstrap AngularJS CoffeeScript PHP MySQL JSP ASP.NET
8.
為什麼要學網⾴頁設計
9.
HTML基本架構 <html> <head> <title>Document</title>
<script src=“path”></script> <link rel="stylesheet" href="style.css"> </head> <body> </body> </html>
10.
HTML元素設計 <a href=“http://google.com/“>LINK</a> 屬性值 屬性 內容 結尾標記
11.
換⾏行BR
12.
⽂文字樣式 <i>斜體</i> <b>粗體</b> <del>刪除線</del>
FONT
13.
標題字 <h1>標題⼀一</h1> <h2>標題⼆二</h2> <h3>標題三</h3>
<h4>標題四</h4> <h5>標題五</h5> <h6>標題六</h6> H
14.
超連結 <a href=“…..” target=“……”>TEXT</a> A
15.
圖⽚片 <img src=“…..”> IMG
16.
表格 <table>
<thead> <tr> <td>姓名</td> <td>信箱</td> </tr> </thead> <tbody> <tr> <td>林熙哲</td> <td>linroex@coder.tw</td> </tr> </tbody> </table> TABLE
17.
表單 <form method=“…” action=“…”>…</form> FORM GET、POST
URL
18.
表單 <input type=“….” value=“….”
placeholder=“….”> FORM submit button text password checkbox radio file
19.
表單 <textarea cols=“…” rows=“…”>
Hello <b>World</b> </textarea> FORM
20.
⼯工欲善其事,必先利其器
21.
Sublime Text 2 http://www.sublimetext.com/
22.
搜尋 Ctrl +
F 取代 Ctrl + Alt + F 多檔案搜尋 Ctrl + Shift + F 安裝Package Control* Windows + ` 命令⾯面板(設定格式、安裝外掛等等)* Ctrl + Shift + P 跳到最近的括弧 Ctrl + M 單⾏行註解 Ctrl + / 多⾏行註解 Ctrl + Alt + / 貼上並符合縮排 Ctrl + Shift + V http://www.camdemy.com/media/6211
23.
Package Control https://sublime.wbond.net/
24.
Emmet http://emmet.io/
25.
Emmet html:5 link:css ul>li*5 a[href=http://google.com target=_blank] ul>(li>a[href=http://localhost/user/link$])*5
26.
Bootstrap http://getbootstrap.com/
27.
Grid System col-size-num xs、sm、md、lg 1
TO 12
28.
29.
Grid System col-offset-size-num xs、sm、md、lg 1
TO 12
30.
Question col-md-6 + col-md-offset-3 col-md-10
+ col-md-offset-1 如何做到區塊置中?
31.
Glyphicons
32.
Glyphicons <i class="glyphicon glyphicon-star"></i> <i
class="glyphicon glyphicon-user"></i>
33.
今⽇日⺫⽬目標:活動網⾴頁 http://sitcon.org/camp
Download now