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
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
110
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
0
100
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
100
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
220
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
320
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
280
testingを眺める
matumoto
1
140
時間軸から考えるTerraformを使う理由と留意点
fufuhu
15
4.6k
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
2
470
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
210
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.7k
1から理解するWeb Push
dora1998
7
1.8k
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
111
20k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Done Done
chrislema
185
16k
Scaling GitHub
holman
463
140k
Automating Front-end Workflow
addyosmani
1370
200k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
Music & Morning Musume
bryan
46
6.8k
Balancing Empowerment & Direction
lara
3
620
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
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