Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GRA422-W14 Lecture 7
Search
Ahmed Sagarwala
February 27, 2014
Programming
0
640
GRA422-W14 Lecture 7
Two techniques for creating your website
Extensible Markup Language and RSS
Ahmed Sagarwala
February 27, 2014
Tweet
Share
More Decks by Ahmed Sagarwala
See All by Ahmed Sagarwala
GRA422 W14 Lecture 11
artform
0
160
GRA422 W14 Lecture 10
artform
0
180
GRA422-W14 Lecture 9
artform
0
130
GRA422 W14 Lecture 6
artform
0
410
GRA422 W14 Lecture 5
artform
0
440
GRA422 W14 Lecture 4
artform
0
790
GRA422 W14 Lecture 3
artform
0
950
GRA422 W14 Lecture 2
artform
0
1.5k
GRA422-W14 Lecture 1
artform
0
800
Other Decks in Programming
See All in Programming
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
12k
TypeScriptでDXを上げろ! Hono編
yusukebe
2
440
Goで作る、開発・CI環境
sin392
0
240
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
240
GPUを計算資源として使おう!
primenumber
1
190
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
14k
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
3
370
ニーリーにおけるプロダクトエンジニア
nealle
0
880
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
120
Porting a visionOS App to Android XR
akkeylab
0
640
CDK引数設計道場100本ノック
badmintoncryer
1
250
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
190
Featured
See All Featured
Side Projects
sachag
455
42k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
How to Ace a Technical Interview
jacobian
278
23k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
GraphQLとの向き合い方2022年版
quramy
49
14k
Scaling GitHub
holman
460
140k
Balancing Empowerment & Direction
lara
1
440
Become a Pro
speakerdeck
PRO
29
5.4k
Done Done
chrislema
184
16k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Transcript
GRA422 Electronic Document Design II — Lecture #7 Design Strategy
+ XML Winter 2014 Instructor: Ahmed Sagarwala
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
Announcements Midterm Exam (Reminder) Friday: March 7 Wednesday: March 12 Lectures 1 to 6 Labs 1 to 6 Analysis of code, all M.C.
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
1. Slicing Lab #2 Recap Create a design in Photoshop Use the slicing tool Export your images and HTML Modify the HTML document
None
None
None
None
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
2. Box Model HTML driven design Start by marking up content Think of each content area as a box Create design markup Create CSS styles (classes, IDs, elements)
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
Heading Section Section Section
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
<div class="row"> <h1>Heading</h1> <section class="one-third"> <h2>Section</h2> <p>Once upon a time... sleeping quietly.</p> </section> <section class="one-third"> <h2>Section</h2> <p>Once upon a time... sleeping quietly.</p> </section> <section class="one-third"> <h2>Section</h2> <p>Once upon a time... sleeping quietly.</p> </section> </div>
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
body { font-family: Georgia, serif; } h1, h2, h3 { font-family: Helvetica, sans-serif; } .row { background: yellow; } .one-third { background: rgb(130,190,230); float:left; width: 27%; margin:2%; padding:1%; /* total width: 1 + 2 + 27 + 2 + 1 = 33% */ }
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None