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
190
GRA422-W14 Lecture 9
artform
0
130
GRA422 W14 Lecture 6
artform
0
410
GRA422 W14 Lecture 5
artform
0
450
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
810
Other Decks in Programming
See All in Programming
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
1
230
今から始めるClaude Code入門〜AIコーディングエージェントの歴史と導入〜
nokomoro3
0
170
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
440
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
280
AIコーディングAgentとの向き合い方
eycjur
0
270
Deep Dive into Kotlin Flow
jmatsu
1
340
🔨 小さなビルドシステムを作る
momeemt
4
680
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.5k
AI時代のUIはどこへ行く?
yusukebe
18
8.9k
速いWebフレームワークを作る
yusukebe
5
1.7k
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
120
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Producing Creativity
orderedlist
PRO
347
40k
Agile that works and the tools we love
rasmusluckow
330
21k
Side Projects
sachag
455
43k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Git: the NoSQL Database
bkeepers
PRO
431
66k
How GitHub (no longer) Works
holman
315
140k
Practical Orchestrator
shlominoach
190
11k
Typedesign – Prime Four
hannesfritz
42
2.8k
Embracing the Ebb and Flow
colly
87
4.8k
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