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
630
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
170
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
780
GRA422 W14 Lecture 3
artform
0
940
GRA422 W14 Lecture 2
artform
0
1.5k
GRA422-W14 Lecture 1
artform
0
800
Other Decks in Programming
See All in Programming
Polars入門
daikikatsuragawa
1
170
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
1k
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
440
AmperとFleetを使ったAndroidアプリ
yoppie
0
250
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
9
1.4k
Apache Hive 4 on Treasure Data
ryukobayashi
1
420
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
9
4.2k
"config" ってなんだ? / What is "config"?
okashoi
0
300
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
1
360
Snowflakeで眠ったデータを起こそう!
estie
0
140
SIMD Parallel Programming with the Vector API
josepaumard
0
230
Next.js App Router
quramy
12
1.8k
Featured
See All Featured
Building an army of robots
kneath
300
41k
Code Review Best Practice
trishagee
56
15k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
65
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
13
8.3k
The Invisible Side of Design
smashingmag
294
49k
Facilitating Awesome Meetings
lara
43
5.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
7
3.4k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
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